Skapa en quicktag i WordPress

Genom att använda oss av WordPress Quicktags API kan vi skapa oss egna knappar i editorn. Jag behövde en knapp för att använda mig av Google’s prettify code, som skriver ut <pre class=”prettyprint”></pre> åt mig med ett knapptryck.

quicktags

Följande kod gör just detta:

<?php
// Lägg till knapp
add_action('admin_print_footer_scripts','custom_quicktags');
function custom_quicktags() {
?>
<script>
  // @params: html id, vad som visas på knappen, öppningstag, stängningstag
  QTags.addButton('custom_pre', 'prettyprint', '<pre class="prettyprint">', '</pre>');
</script>
<?php
}

Lägg in detta i functions.php så får även du tillgång till denna knapp! Du kan så klart göra egna knappar genom att använda samma metod.

OMG! Chrome! – nyheter och artiklar om Chrome i alla dess former

Om du gillar Chrome i alla dess former så är detta sidan för dig! OMG Chrome är en spinoff på OMG Ubuntu men som namnet antyder skriver de om Chrome. Det betyder artiklar om ChromeBook, ChromeOS, Chrome browser, appar och mycket mer.

omg-chrome

Snabbare rörelser med relativa nummer i Vim

Vim är känd för att vara editorn som låter dig skriva lika snabbt som tanken. Men vissa rörelser kan vara svåra. Till exempel så är det inte lätt att snabbt se hur många rader du ska gå ner med hjälp av j. Är det 5j eller 6j?

Som tur är så finns det ett alternativ i Vim som heter relative som gör att du istället ser relativa nummer från där du står:

relative-number

Detta hjälper avsevärt när du ska skriva 5j eller 6j för nu vet du exakt hur många rader ner det är!

För att använda relativa nummer skriver du:

:set relativenumber

Vill du sedan gå tillbaka till absoluta nummer så skriver du:

:set number

#blogg100 är nu helt avklarat!

Med det här inlägget så har jag äntligen klarat av #blogg100-utmaningen! Det känns otroligt kul att jag faktiskt lyckats skrivit ett inlägg varje dag under 100 dagar i följd. Under tiden som gått har jag fått mer och mer koll på vad jag ska skriva här på bloggen. Detta är väldigt bra eftersom jag flertalet gånger har startat om bloggen med många olika ”teman” och nu äntligen fått lite mer riktlinjer tack vare denna utmaningen.

Jag hoppades på mycket fler besökare vid slutet av denna utmaningen däremot, även om det har ökat och alltid är i alla fall ett par stycken varje dag som kommer in och läser. Ibland kommer det peakar beroende på vad jag skriver om och om det t.ex är någon annan som länkar till mig – men så bör det vara för alla. Jag kunde säkert fått bättre siffror om jag lagt ner ännu mer tid på att försöka synas, men jag ville även se om jag kunde driva in trafik genom Google och även se om jag har trogna läsare eller inte.

För att dra ett snitt över hela utmaningen så har det varit 6.92 besök per dag och därav är det 3.34 unika besökare per dag. Alltså inga superbra siffror men jag får säga att jag är nöjd med att se att det är några alls som läser alla mina inlägg. För att jämföra detta med hur det såg ut förra året under exakt samma period så är det en stor förändring. Då var det 0.55 besök per dag varav 0.47 var unika besökare per dag. Under den perioden var det flera dagar då det inte var några besökare alls.

Något jag testade under tiden var att börja med mer SEO på bloggen. Detta har börjat ge bra resultat så här mot slutet av utmaningen och från att ha gått från i stort sett enbart direkt trafik så har jag nu lyckats fördela trafiken mellan direkt trafik, hänvisningstrafik och söktrafik. Flera av mina inlägg rankas på top 10 på Google (google.se) och det är just de som ger bra trafik. Här är några exempel som har givit trafik på bloggen:

seo-resultat

För någon som inte sysslat alls med SEO tidigare så känns det som en bra utveckling! Detta är något jag kommer fortsätta jobba med och försöka komma upp bland resultaten så jag kan driva in ännu fler läsare framöver.

Hur kommer det då se ut här i framtiden? Jo, jag ska försöka skriva något varje dag precis som jag gjort nu. Däremot kommer jag inte tänka så mycket på att det gör något om jag skulle missa en dag någon gång. Vissa dagar under de här 100 dagarna har faktiskt varit väldigt torra på inlägg och det har slutat med att jag kastat upp något videoklipp med kort text, i stil med det igår. Sådana dagar känner jag att jag kan strunta i det och skriva något bättre dagen efter.

Med dessa ord hoppas jag fortsätta se alla er som varit med under den här tiden att fortsätta läsa det jag skriver. Det kommer bli fler tips på webbrelaterade lösningar, appar och så klart Vim. Du kommer få se fler intressanta och givande videoklipp samt förmodligen en del om vad jag själv gör. Tack till alla er som läser bloggen och speciellt er som lägger ner lite extra tid och skriver en kommentar!

Programmering på fem minuter

Lyssna på Larry Wall, mannen bakom Perl, medan han på fem minuter beskriver hur han ser på programmering. Intressanta jämförelser i detta klipp!

Vagrant – en enklare utvecklingsmiljö

Med hjälp av Vagrant kan du sätta upp din egna utvecklingsmiljö och slipper ha det lokalt på din egna dator. På så sätt kan du utan problem plocka upp utvecklingen när du sitter på annan dator. Du kan även synka allt med live-servern för att få en så identisk testmiljö som möjligt.

vagrant

optipng – optimera bilder i pngformat

optipng är ett CLI verktyg du kan installera i Linux för att optimera PNG-bilder. Perfekt för att t.ex få bättre laddningstid på din webbsida.

I Arch Linux är det inte svårare än att skriva följande för installation:

pacman -S optipng


För att använda det så skriver du:

optipng <filnamn>


Efter det är du klar! Mycket simpelt och bra.

Today I learned: Vim

Today I Learned: Vim är en väldigt ny blogg men som kan visa sig intressant eftersom det är en nybörjare på Vim som under tiden han lär sig Vim skriver ner saker han lärt sig. Tanken är alltså att dela med sig godbitar under tiden som han använder Vim.
tilw
Kika in och se om du också lär dig något genom att läsa igenom hans inlägg.

Google Keep – anteckningar och todo-listor

Google Keep låter dig spara anteckningar och todo-listor som du kan ta med dig i din telefon eller plocka upp på datorn.

Det finns väldigt många alternativ på såna här tjänster idag men vad jag gillar med Google Keep är att det är enkelt.

Ändra svenska bokstäver till HTML i Vim

Detta är något jag lagt in i min .vimrc som gör det möjligt att ändra öäå till korrekta html-taggar, det vill säga t.ex &ouml; för ö. Jag kan även ändra html-taggar tillbaka till vanliga bokstäver om jag vill det.

" Encode or decode swedish characters to/from HTML entities
function! HtmlEntities(line1, line2, action)
  let search = @/
  let range = 'silent ' . a:line1 . ',' . a:line2
  if a:action == 0 " decode 
    execute range . 'sno/&ouml;/ö/eg'
    execute range . 'sno/&Ouml;/Ö/eg'
    execute range . 'sno/&auml;/ä/eg'
    execute range . 'sno/&Auml;/Ä/eg'
    execute range . 'sno/&aring;/å/eg'
    execute range . 'sno/&Aring;/Å/eg'
  else              " encode
    execute range . 'sno/ö/&ouml;/eg'
    execute range . 'sno/Ö/&Ouml;/eg'
    execute range . 'sno/ä/&auml;/eg'
    execute range . 'sno/Ä/&Auml;/eg'
    execute range . 'sno/å/&aring;/eg'
    execute range . 'sno/Å/&Aring;/eg'
  endif
  nohl
  let @/ = search
endfunction
" Create commands
command! -range SweEncode call HtmlEntities(, , 1)
command! -range SweDecode call HtmlEntities(, , 0)

" Lets bind some keys to do this for us
noremap  /s :SweDecode
noremap  /S :SweEncode

Efter du lagt in detta i din .vimrc så markerar du den text du vill ändra och sen trycker du bara /S i visual mode för att ändra bokstäver till html och /s för att ändra från html till bokstäver.