2010-04-30 klockan 22:02

En mycket händelserik månad går nu mot sitt slut och jag har hunnit med en hel del, både på Squace och i mina egna projekt.

På Squace börjar det rulla på rätt bra nu. Vi har en många roliga saker på gång. Dels har vi precis lanserat Squace Labs där vi kommer att skriva om de senaste som händer med produkten. Jag har också jobbat mycket med Squace plugin för Wordpress. För första gången jobbade jag med ett offshorebolag vilket var en väldigt lärorik process. I det stora hela fungerade det jättebra men det kan lätt bli missförstånd om man inte är väldigt noggrann med specifikationen. I vår plan ligger nu att göra plugins för flera andra av de stora CMS-plattformarna som finns.

En annan kul sak är att vi nu har släppt ut vår klient för Android för allmän testning. Har du en mobil med Android är du välkommen att vara med i vårt användartest.

För en tid sedan började jag att laborera med bokmarklets vilket resulterade i en bookmarklet för Squace. Med den bookmarkleten kan man lägga till vilken sida som helst på webben till sin mobil. Nu har jag tagit den idéen ett steg ytterligare och gjort om den till en addon för Firefox. Denna finns ännu inte tillgänglig då det är en del andra saker jag vill lägga till först. Nu har jag fått en massa idéer på andra saker som kan bli riktigt bra addons till Firefox.

En väldigt rolig sak som hände för någon dag sedan är att jag kom med på Christian Rudolfs lista över 99 entreprenörer som man borde följa på Twitter. Vill man göra det lite lättare för sig att följa alla kan man gå in på Therese Reuterswärd lista.

Nu har jag även arbetat fram en plan för hur Presentlistan.com ska utvecklas. I grova drag kommer jag att integrera några affiliateprogram lite mer än vad det är nu så att de blir en mer naturlig del av sajten. Detta kommer att ge användarna att mervärde samtidigt som jag har chansen att tjäna pengar på sajten.

Två blogginlägg har det också blivit:

Tutorial – Skriv egna shortcodes till Wordpress

Google testar nytt virtuellt tangentbord

2010-04-23 klockan 22:45

Idag såg jag att Google testar en ny funktion på Google.se. Till höger om sökrutan finns en ikon för att få fram ett virtuellt tangentbord.

Google.se med virtuellt tangentbord

Google.se med ikon för virtuellt tangentbord

När man klickat på ikonen får man fram detta tangentbord.

Virtuellt tangentbord

Virtuellt tangentbord

När ska man då använda detta tangentbord? Kanske kan det vara användbart om man är utomlands med ett tangentbord utan svenska tecken och man vill söka på ord med svenska tecken. Rent spontant kan jag inte säga att jag någonsin har saknat ett virtuellt tangentbord.

Uppdaterat 2009-04-28: Nu fick jag även fram det virtuella tangentbordet på startsidan.

Google virtuellt tangentbord

Google virtuellt tangentbord

Uppdaterat 2009-05-05: Nu har Google fixat till designen så ikonen ligger i sökfältet.

Google Virtuellt Tangentbord Uppdaterad

Google virtuellt tangentbord med ny design

Läs mer om Google’s virtuella tangentbord.

Tags:

2010-04-22 klockan 10:09

I Wordpress 2.5 introducerades en funktion som kallas shortcodes. Om du någon gång har velat lägga in AdSense annonser mitt i en bloggpost eller till exempel visas din page rank kan du helt enkelt skriva [adsense] eller [pagerank] direkt i bloggposten där du vill visa det aktuella innehållet.

Vad är shortcodes?

Det finns tre grundtyper av shortcodes. Den enklaste varianten är att man endast skriver följande i sin bloggpost:

[adsense]

Ovan version ger inget utrymme för val av till exempel storlek på annonsen. Vill man kunna välja storlek kan man lägga till en parameter:

[adsense format=1]

Ovan version ger dig en AdSense annons med till exempel bredden 468 pixlar. Den sista typen är när man vill lägga till eget innehåll. Så här kan det se ut när man skapar en AdSense annons med en rubrik:

[adsense format=1]Annons:[/adsense]

Dessa koder skriver man helt enkelt in i sin editor där man vill att de ska bli synliga. När sedan en besökare läser din bloggpost kommer denna shortcode att översättas och den bakomliggande funktionen körs och visar innehållet i bloggposten.

Hur skapar man shortcodes?

Att skapa en shortcode är väldigt enkelt. Kan du skriva lite PHP har du stora möjligheter att skapa användbara shortcodes som kommer att spara mycket tid åt dig.

Först skapar vi den enklaste versionen av shortcode:

[adsense]

I detta fall finns det bara en typ av annons man kan välja på.

Börja med att öppna filen functions.php som ligger i ditt tema. Finns den inte kan du skapa den. Efter det skriver du in följande kod:

function add_adsense() {
return '<script type="text/javascript"><!--
google_ad_client = "pub-XXXXXXXXXXXXXX";
google_ad_slot = 'XXXXXXXXXX';
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>';
}

Nu när funktionen är klar måste vi berätta för Wordpress att det är en shortcode och det gör vi med följande rad:

add_shortcode('adsense', 'add_adsense');

Den första parametern är vad du skriver i din bloggpost för att använda din shortcode och den andra är funktionens namn i functions.php

Om man vill använda sig av flera olika storlekar på annonser kan man lägga till en parameter som anger format. Då får man istället en shortcode som ser ut så här:

[adsense format =1]

I functions.php skriver man istället följande:

function add_adsense( $atts ) {
extract(shortcode_atts(array(
'format' => '1',
), $atts));
switch ($format) {
case 1 :
$ad = ' <script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>';
break;
case 2 :
$ad = ' <script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>';
break;
}
$rest = '<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>';
return $ad.$rest;

}
add_shortcode('adsense', 'add_adsense');

Vill man lägga till flera annonstyper är det bara att lägga till fler case i koden ovan.
Om man vill bygga på sin shortcode ytterligare kan man välja att lägga till extra innehåll i form av en text som talar om att det är en annons på följande sätt.

 [adsense format=1]Annons:[/adsense]

I vår functions.php skriver vi då följande kod:

function add_adsense( $atts, $content = null ) {
extract(shortcode_atts(array(
'format' => '1',
), $atts));
switch ($format) {
case 1 :
$ad = ' <script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>';
break;
case 2 :
$ad = ' <script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>';
break;
}
$rest = '<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>';

return = '<strong>'.$content. '</strong><br/>'.$adsense.$rest;

}
add_shortcode('adsense', 'add_adsense');

Det var tre exempel på olika typer av shortcodes man kan använda för att lägga till annonser från Google AdSense mitt i en bloggpost. Glöm inte bort att byta ut AdSense koden till din egen.

Läs mer om Wordpress shortcodes API.

Tags: ,

2010-03-31 klockan 22:27

I mars har jag jobbat mycket med Wordpress, både privat och på jobbet. På Squace har jag jobbat med en ny webbplats som vi snart kommer att gå live med. Den är byggd med Wordpress och ett premium tema. Dock krävdes det en del anpassningar för att få det att fungera som vi ville så jag har spenderat en hel del tid med det. Bland annat fick jag implementera miniatyrbilder eftersom temat hade gjort en egen lösning med custom fields som jag inte var helt nöjd med. Hur man gör detta skrev jag ner i en tutorial här på bloggen.

För några dagar sedan uppdaterade jag denna blogg till senaste versionen av Wordpress. När jag gjorde uppdateringen fick jag problem med att Wordpress fick för lite minne. Hur man löser det skrev jag ner här i bloggen.

Jag har även spenderat en del tid med att komma på hur jag på bästa sätt ska kunna tjäna pengar på Presentlistan.com. Planen är nu i grova drag klar så nu ska jag bara få tid att sätta mig ner och utveckla det som behövs för att göra verklighet av planerna. De sista veckorna har den också börjat få en del trafik från Google men även från sajter som Bröllopstorget där folk är intresserade av att  skapa en presentlista för sitt bröllop.

Här är mina inlägg i mars:

Draknästet säsong 2
Utöka minnet för Wordpress
Tutorial – Använd miniatyrbilder i Wordpress

2010-03-31 klockan 08:42

Många teman som ser ut som en tidningar eller magasin har länge använt sig av en bild för varje post på startsidan. Hittills har det inte funnits något standardiserat sätt att göra detta på utan man har ofta använt sig av custom fields för att åstadkomma detta. Sedan Wordpress 2.9 finns en funktion som gör att man kan ladda upp en miniatyrbild (thumbnail på engelska) till varje post eller sida.
De flesta teman som använder miniatyrbilder för posterna och som är gjorda för Wordpress 2.9 använder troligtvis redan denna funktion. Skulle du hitta ett tema som inte gör det är det ingen katastrof. Det är nämligen väldigt lätt att själv lägga till denna funktion i temat.

Aktivera ministyrbilder i Wordpress

Det första man måste göra är att aktivera funktionen för miniatyrbilder. Man kan välja på om man vill aktivera det för både poster och sidor eller bara för någon av dem. Lägg till någon av följande rader i functions.php beroende på hur du vill göra.

add_theme_support( 'post-thumbnails' ); // post och sida
add_theme_support( 'post-thumbnails', array( 'post' ) ); // endast post
add_theme_support( 'post-thumbnails', array( 'page' ) ); // endast sida 

Nästa steg är att ange storleken för dina miniatyrbilder, även det i functions.php. Här har man lite olika val både när det gäller storleken på bilderna men även hur man ska beskära bilden. Det enklaste fallet är att ange miniatyrbilder enligt följande.

 set_post_thumbnail_size( 100, 100 );

Detta betyder att bilder är i storlek 100×100 pixlar och bilden förminskas tills den får plats inom angiven storlek. Anger man istället följande så betyder det att man beskär bilden i angiven storlek.

 set_post_thumbnail_size( 100, 100, true );

Det kan finnas tillfällen då man vill använda samma bild fast i en annan storlek på till exempel sidan som visar hela posten (single.php). Detta gör man genom att ange fler storlekar på detta sätt i functions.php.

 add_image_size( 'single-post-thumbnail', 400, 9999 );

Visa miniatyrbilder på sajten

För att sedan visa miniatyrbilderna i home.php eller index.php anger man följande kod.

<?php the_post_thumbnail(); ?>

För att visa bilder på single.php i den större storleken anger man följande.

<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>

Stöd tidigare versioner av Wordpress

Om man utvecklar ett tema som man planerar att publicera kan man lägga till funktioner som kontrollerar vilken version av Wordpress man använder och om inlägget verkligen har en miniatyrbild. Ange följande kod i function.php för att kontrollera vilken version av Wordpress du använder. Använder man version 2.9 eller nyare aktiverar man funktionen för miniatyrbilder.

if ( function_exists( 'add_theme_support' ) ) { // Från och med 2.9
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 100, 100, true ); // index.php eller home.php
add_image_size( 'single-post-thumbnail', 400, 9999 ); // single.php
}

För att kontrollera om en post innehåller en miniatyrbild anger man följande.

if ( has_post_thumbnail() ) {
the_post_thumbnail(); // posten har en miniatyrbild
} else {
// posten saknar en miniatyrbild
}

Använd CSS med dina thumbnails

Vill man använda CSS tillsammans med sina miniatyrbilder kan man såklart göra det.

the_post_thumbnail('single-post-thumbnail', array('class'=>'thumbnail')); 

Hur fungerar det för användare?

Efter att ha gått igenom hur man aktiverar miniatyrbilder i sitt tema ska vi kolla på hur det fungerar när man väl skriver inlägg i sin blogg eller på sin webbsida.

Har man gjort allt ovanstående och går till sidan där man skriver sina inlägg så ser man följande box där man kan ladda upp en miniatyrbild.

Post Set Thumbnail

Ladda upp en miniatyrbild

Om man klickar på Set thumbnail i bilden ovan så kommer man till den vanliga bilduppladdningen i Wordpress men nu så har man fått ytterligare ett val att använda bilden som miniatyrbild (thumbnail).

Use As Thumbnail

Använd som miniatyrbild

När detta är gjort så ser man den uppladdade bilden direkt på sidan.

Preview Post Thumbnail

Förhandsgranska inläggets miniatyrbild

Svårare än så är det inte att aktivera miniatyrbilder i sitt tema och att använda funktionen när man skriver inlägg på sin blogg.

Tags:

2010-03-23 klockan 08:40

Ibland när man uppdaterar Wordpress eller installerar ett stort plugin så kan Wordpress behöva använda mer minne än de 32 MB som är satt som standard. Detta hände mig när jag uppdaterade till 2.9.2. Om man råkar ut för detta kan man testa att utöka minnet på lite olika sätt beroende på vilket webbhotell man använder.

  1. Om du har tillgång till php.ini, kan man ändra följande rad till 64M istället för 32M
  2. memory_limit = 64M;
  3. Om du inte har tillgång till php.ini, kan man lägga till följande rad till sin .htaccess
  4. php_value memory_limit 64M
  5. Ett annat alternativ är att lägga till följande rad till sin wp-config.php
  6. define('WP_MEMORY_LIMIT', '64M');
  7. Sista alternativet är att ta kontakt med ditt webbhotell

För mig fungerade lösning nummer två bra.

Tags:

2010-03-17 klockan 08:20
Draknästet - säsong 2

Draknästet - säsong 2

Idag börjar den andra säsongen av Draknästet klockan 20.00 i SVT 2. Precis som i första säsongen är Ebba Blitz programledare medan två av drakarna är utbytta. Istället för Ljubo Mrnjavac och Gunilla von Platen kommer Douglas Roos och Susanna Falkengren ta deras plats.

Douglas Roos är styrelseordförande för nyhetssajten nyheter24.se och Susanna Falkengren är grundare till Riskkapitalbolaget Exipos Investhar.

Tags: , , ,

2010-03-04 klockan 23:04

Här kommer en lite sen sammanfattning av februari som blev en månad där jag inte jobbat så mycket med mina projekt eftersom träningen till Vasaloppet och ett nyfött barn har tagit upp nästan all min tid. Nu när jag har åkt Vasaloppet (öppet spår den 28 februari) så kommer jag äntligen att få lite tid över till mina projekt.

De få minuter jag har haft över har jag spenderat på att försöka lära mig lite mer om Wordpress och mer specifik hur man gör plugins och använder sig utav custom fields. Jag har några idéer på plugins som jag förhoppningsvis kan realisera till publika plugins om ett tag.

För att ha någonting att testa på har jag skapat en sajt som heter Mobile Company Directory som kommer att lista företag inom mobilbranschen. Bitarna som rör custom fields är klara så nu återstår det att göra en plugin som tar hand om filtreringen så man kan sortera företagen på flera kategorier, till exempel företag från Sverige och som håller på med streaming. I dagsläget kan man bara sortera på en kategori vilket gör att sajten inte blir lika användbar.

Missa inte att läsa mitt inlägg om mina mål för 2010.

2010-02-09 klockan 10:15

Jag tänkte göra som många andra bloggare och entreprenörer och lista upp mina mål för 2010. Det är faktiskt rätt kul att sedan titta tillbaka på sina mål efter ett år och se vilka man har lyckats uppfylla.

Utveckla fem nya sajter
I min dator ligger en lång lista med sajter som väntar på att utvecklas. Med förra årets facit i hand borde det vara rimligt att hinna med fem nya sajter. Vissa av dessa kommer att bygga på mitt ramverk och andra kommer troligtvis att baseras på Wordpress som CMS.

Vidareutveckla mina sajter
Jag har en del projekt som kräver en del vidareutveckling för att blir riktigt bra. Till exempel så skulle Konsultprofil.se behöva ny design och möjlighet att kommentera både profiler och projekt för att ge sajten lite mer liv. En andra version av Presentlistan.com är redan påbörjad vilket kommer att öka intäkterna för sajten. Lampguiden.com jobbar jag just nu med att hitta bra samarbetspartners och hittills har vi redan samarbeten med två av de största lamptillverkarna vilket är otroligt roligt.

Lära mig mer om Wordpress
Wordpress är ett CMS som duger bra till många andra saker än att bara fungera som en plattform för bloggar. Därför tänkte jag lägga rätt mycket tid på att lära mig mer om Wordpress. Det kanske blir en och annan plugin innan året är slut.

Lära mig mer om SEO
Ett område som jag tycker är väldigt intressant är SEO. Alla sajter jag driver har jag sökmotoroptimerat men det är mycket som kan förbättras. SEO är inget man lär sig över en natt och mycket lär man sig genom att testa sig fram.

Börja tjäna pengar på mina sajter
De sajter som jag driver i dagsläget genererar inte så mycket pengar som de skulle kunna göra. Hittills har jag inte lagt ner så mycket tid på att hitta relevanta annonser men det ska jag ändra på i år. En del sajter har faktiskt inte ens Google Adsense.

2010-01-31 klockan 16:29

Under januari har det inte blivit speciellt mycket gjort i mina projekt. Anledningen till detta är att jag fick barn i slutet av december och alla som har småbarn vet hur mycket tid det tar. Nu börjar vi få in lite rutiner i vardagen och förhoppningsvis kommer jag att komma igång med projekten snart igen.

Tänkte återkomma med ett inlägg där jag går igenom mina mål för 2010.

Detta är de få inlägg jag hann skriva i januari:
MoSync blev MobileMonday Stockholms bidrag till Mobile Premier Awards 2010
Så blev mitt 2009
49 företag är nominerade till Mobile Premier Awards 2010