<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Björn Sennbrink</title>
	<atom:link href="http://bjornsennbrink.se/feed" rel="self" type="application/rss+xml" />
	<link>http://bjornsennbrink.se</link>
	<description>WordPress av Sennbrink Konsult</description>
	<lastBuildDate>Mon, 07 May 2012 19:42:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Lägga till ett tredje språk i WPML</title>
		<link>http://bjornsennbrink.se/6409/lagga-till-ett-tredje-sprak-i-wpml</link>
		<comments>http://bjornsennbrink.se/6409/lagga-till-ett-tredje-sprak-i-wpml#comments</comments>
		<pubDate>Tue, 17 Apr 2012 11:08:30 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[WordPress-utveckling]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6409</guid>
		<description><![CDATA[Steg för steg om hur du lägger till ett tredje språk i WPML.]]></description>
			<content:encoded><![CDATA[<p><strong>WPML är i grunden på engelska och kör du en svensk version av WordPress ska det inte vara några problem att först sätta svenska som standardspråk och addera engelska som andraspråk. Att lägga till ett tredje språk kan gå smärtfritt eller så behöver du göra så här:</strong></p>
<ol>
<li>Gå till WPML-fliken &#8221;Språk&#8221; och lägg till t.ex. franska som tredjespråk.</li>
<li>Gå därefter till WPML-fliken &#8221;Lokalisering av plugins och teman&#8221; och kolla efter ev. felmeddelande om att .mo-filen för franska saknas (om det står &#8221;fil finns&#8221; ska det inte vara några problem).</li>
<li>Gå till <a href="http://wpml.org/documentation/getting-started-guide/theme-localization/" target="_blank">http://wpml.org/documentation/getting-started-guide/theme-localization/</a> som länkar till &#8221;WordPress localization&#8221;.</li>
<li>Ladda ner fr_FR (<a href="http://svn.automattic.com/wordpress-i18n/fr_FR/branches/3.3/messages/" target="_blank">http://svn.automattic.com/wordpress-i18n/fr_FR/branches/3.3/messages/</a>)</li>
<li>Ladda upp fr_FR.mo till /wp-content/languages/</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6409/lagga-till-ett-tredje-sprak-i-wpml/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bakgrundsbild för menyflik</title>
		<link>http://bjornsennbrink.se/6405/lagga-till-bakgrundsbild-for-menyflik</link>
		<comments>http://bjornsennbrink.se/6405/lagga-till-bakgrundsbild-for-menyflik#comments</comments>
		<pubDate>Tue, 17 Apr 2012 10:54:58 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[WordPress-utveckling]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6405</guid>
		<description><![CDATA[Jobba med WordPress-inbyggda menyhanterare och lägg till en bakgrundsbild för en menyflik via CSS.]]></description>
			<content:encoded><![CDATA[<p><strong>WordPress inbyggda menysystem kan utökas genom att expandera panelinställningarna (dropdown-flik i övre högra delen av adminsidan). Ett fält som kan adderas och som kan användas för att t.ex. addera en bakgrundsbild till en menyflik är CSS-fältet.</strong></p>
<p>Kryssa för rutan &#8221;CSS klasser&#8221; och expandera därefter en tidigare adderad menyflik (eller lägg till ny menyflik). Notera fältet CSS-klasser (valfritt). Där skriver du in den CSS-klass du vill att den menyfliken ska ha:</p>
<p><a href="http://www.bjornsennbrink.se/wp-content/uploads/2012/04/wordpress-meny-css-klasser.jpg"><img src="http://www.bjornsennbrink.se/wp-content/uploads/2012/04/wordpress-meny-css-klasser.jpg" alt="WordPress-menyhanterare: Lägga till stöd för CSS-klass" title="WordPress-menyhanterare: Lägga till stöd för CSS-klass" width="500" height="524" class="alignnone size-full wp-image-6406" /></a></p>
<p>Bilden ovan visar rutan under panelinställningar ikryssad och en CSS-klass angiven i fältet för en menyflik. Byt ut &#8221;featured-cat-menu-item&#8221; mot namnet på din CSS-klass. Redigera därefter din CSS-fil style.css i stil med:</p>
<p>[php]<br />
.featured-cat-menu-item {background-image:url(&#8216;images/wpmeny-bg-demobild.jpg&#8217;) no-repeat;}<br />
[/php] </p>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6405/lagga-till-bakgrundsbild-for-menyflik/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sennbrink Posts Slider</title>
		<link>http://bjornsennbrink.se/6395/sennbrink-posts-slider</link>
		<comments>http://bjornsennbrink.se/6395/sennbrink-posts-slider#comments</comments>
		<pubDate>Sat, 14 Apr 2012 09:00:19 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6395</guid>
		<description><![CDATA[Sennbrink Post Slider - Ett jQuery-plugin utvecklat till senaste uppdraget. ]]></description>
			<content:encoded><![CDATA[<p><strong>Sennbrink Posts Slider är ett jQuery/WordPress-plugin som eventuellt kommer att göras tillgängligt senare under 2012. Det finns tonvis med bra image sliders men eftersom det saknas bra plugin för att hantera inlägg snarare än bilder, så uppstod behovet som nu i vår resulterat i Sennbrink Posts Slider.</strong></p>
<p>Tillägget är väldigt custom i den meningen att det inte finns en optionssida och att en utvecklare måste addera CSS själv. Det senare kommer att justeras när det finns mer tid till detta och en uppsättning CSS kommer att inkluderas.</p>
<p>Jag skulle inte gå så långt att säga att det är ett plugin som platsar i den officiella pluginkatalogen. Sennbrink Posts Slider passar bättre i scriptssektionen på CodeCanyon.</p>
<p>Läs mer (på engelska) @ <a href="http://www.sennbrinkonsult.se/wordpress/sennbrink-posts-slider/" target="_blank">http://www.sennbrinkonsult.se/wordpress/sennbrink-posts-slider/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6395/sennbrink-posts-slider/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WP e-Commerce: Förhindra minnesfel vid checkout</title>
		<link>http://bjornsennbrink.se/6399/wp-e-commerce-getshopped-allowed-memory-size-exhausted</link>
		<comments>http://bjornsennbrink.se/6399/wp-e-commerce-getshopped-allowed-memory-size-exhausted#comments</comments>
		<pubDate>Fri, 13 Apr 2012 13:08:47 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[WordPress-utveckling]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6399</guid>
		<description><![CDATA[Formuläret i checkout-processen för WP e-Commerce saknar maxlength, vilket kan orsaka minnesfel och krasch.]]></description>
			<content:encoded><![CDATA[<p><strong>WP e-Commerce / GetShopped bjuder på en bugg eller vad du vill kalla det. Som default finns det ingen maxlength angiven för inputfältet Quantity, som visas vid checkout.</strong></p>
<p>Att mata in 2,000,000,000 exemplar av en produkt och sen ladda om sidan resulterar i ett smärre minnesfel som förmodligen kraschar sajten.</p>
<p>Jag testade på VacationHome.se och där sitter jag nu med &#8221;Fatal error: Allowed memory size of 50331648 bytes exhausted (tried to allocate 35 bytes) in /*/wp-content/plugins/wp-e-commerce/wpsc-includes/shipping.helper.php on line 466&#8243; vilket inte spelar någon roll då sajten är till för test likt detta. Minnesfelet gör på vissa installationer att det inte går att navigera runt i WP-admin.</p>
<p>Problemet bör elimineras genom att sätta maxlength på inputfält i <em>wpsc-shopping_cart_page.php</em> (rad 57):<br />
[php]</p>
<input type="text" name="quantity" size="2" maxlength="3" value="<?php echo wpsc_cart_item_quantity(); ?>&#8221; /><br />
[/php] </p>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6399/wp-e-commerce-getshopped-allowed-memory-size-exhausted/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WP e-Commerce: Produktbeskrivning direkt efter produktnamn</title>
		<link>http://bjornsennbrink.se/6388/wp-e-commerce-product-description-direkt-efter-product-title</link>
		<comments>http://bjornsennbrink.se/6388/wp-e-commerce-product-description-direkt-efter-product-title#comments</comments>
		<pubDate>Wed, 11 Apr 2012 13:10:27 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[WordPress-utveckling]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6388</guid>
		<description><![CDATA[Strippa en PHP-tagg och visa produktens beskrivning på samma rad som produktens namn.]]></description>
			<content:encoded><![CDATA[<p><strong>Bygger du en custom-loop för WP e-Commerce (GetShopped) har du flera olika template tags att jobba med. Jag hade nyligen behov av att visa wpsc_the_product_description() på samma rad som wpsc_the_product_title().</strong></p>
<p>Jag adderade wpsc_the_product_description till loopen och fick ett par störande P-taggar på köpet, vilket i mitt fall orsakade en oönskad radbrytning. Lösningen blev att addera strip_tags, på detta viset:</p>
<p>[php]<br />
<?php echo wpsc_the_product_title(); ?> &#8211; <?php echo strip_tags(wpsc_the_product_description()); ?><br />
[/php] </p>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6388/wp-e-commerce-product-description-direkt-efter-product-title/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CCSlider WordPress 3D/2D Slider Plugin vs. Slider PRO</title>
		<link>http://bjornsennbrink.se/6384/ccslider-wordpress-3d2d-slider-plugin-vs-slider-pro</link>
		<comments>http://bjornsennbrink.se/6384/ccslider-wordpress-3d2d-slider-plugin-vs-slider-pro#comments</comments>
		<pubDate>Tue, 10 Apr 2012 08:27:22 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[bildspel]]></category>
		<category><![CDATA[image slider]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6384</guid>
		<description><![CDATA[Bildväxlare eller "image sliders" efterfrågas allt mer. Här testar jag det senaste tillägget.]]></description>
			<content:encoded><![CDATA[<p><strong>Bildväxlare är ett bra alternativ till ett WordPress-bildgalleri och CCSlider är det senaste tillägget för bildspel som jag utvärderar.</strong></p>
<p>CCSlider WordPress 3D/2D Slider Plugin (<a href="http://codecanyon.net/user/cosmocoder" target="_blank">cosmocoder</a>) är ett <em>premium-plugin</em> dvs ett plugin du måste köpa för att kunna ladda ner &#8211; <a href="http://codecanyon.net/item/ccslider-wp-3d2d-slideshow-wordpress-plugin/400692?ref=bjornsennbrink" target="_blank">Köp för 18 USD</a> @ <a href="http://codecanyon.net?ref=bjornsennbrink" target="_blank">CodeCanyon</a>!</p>
<p>Premium är ett uttjatat begrepp på samma sätt som <em>boutique</em> är för <a href="http://www.bjornsennbrink.se/category/hotell/">hotellbranschen</a>. Jag föredrar att sortera CCSlider WordPress 3D/2D Slider Plugin under mycket-bättre-än-vad-som-finns-i-officiella-pluginkatalogen. Det betyder i det här fallet att kostnaden för tillägget vägs upp av funktionaliteten.</p>
<p>Jag har tidigare bloggat om <a href="http://www.bjornsennbrink.se/5268/den-baste-image-slider/">Sugar Slider</a>, <a href="http://www.bjornsennbrink.se/5037/wp-plugin-test-easing-slider/">Easing Slider</a> och även om jag bara nämnt <strong>Slider PRO</strong> i relation till kundjobb så är den senare, tillsammans med CCSlider, två plugin jag rekommenderar.</p>
<p>Ett tillägg som länge rockade WordPress-gemenskapen var Featured Content Gallery, där du kunde kombinera bilder med text. Tyvärr ser det ut som att FCG inte har <a href="http://www.bjornsennbrink.se/6379/akta-dig-annars-tar-wordpress-karnan-dig/">stöd för senaste versionen av WordPress</a> (3.3.1) vilket iaf för mig utesluter användning av det tillägget. Det kanske fungerar men varför chansa och spendera tid i onödan?</p>
<p>CCSlider förlitar sig på uppladdning direkt på inställningssidan (katalog skapas i wp-content &#8221;ccslider-upload&#8221;). Slider PRO vill att du först adderar en bild till mediabiblioteket och därefter adderar den från adminsidan. Du adderar bildväxlarna till ditt tema med shortcodes, direkt i PHP eller via textwidget t.ex.<br />
[php]<?php echo do_shortcode('[ccslider id="1"]'); ?>[/php]</p>
<p>CCSlider är valet för dig som i första hand söker coola övergångseffekter. Om du nöjer dig med mindre flashiga effekter är det Slider PRO som gäller. Båda bildväxlarna har stöd för HTML för och länk ut från varje <em>slide</em>, även om inställningsmöjligheterna är aningen mer detaljerade för Slider PRO.</p>
<p><a href="http://www.bjornsennbrink.se/wp-content/uploads/2012/04/ccslider-html.jpg"><img src="http://www.bjornsennbrink.se/wp-content/uploads/2012/04/ccslider-html.jpg" alt="" title="ccslider-html" width="600" height="196" class="alignnone size-full wp-image-6385" /></a></p>
<p>Min rekommendation är att du besöker <a href="http://codecanyon.net?ref=bjornsennbrink" target="_blank">CodeCanyon</a> och läser mer om <a href="http://codecanyon.net/item/ccslider-wp-3d2d-slideshow-wordpress-plugin/400692?ref=bjornsennbrink" target="_blank">CCSlider</a> samt <a href="http://codecanyon.net/item/slider-pro-wordpress-premium-slider-plugin/253501?ref=bjornsennbrink" target="_blank">Slider PRO</a>. Där hittar du fulltextbeskrivningar av varje tillägg + livedemos som inte är svåra att efterlikna (som annars brukligt med många premium-teman).</p>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/t043sigl8HI?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p><strong>Sennbrink Konsult: <a href="http://www.sennbrinkonsult.se/299/bildvaxlare-eller-bildgalleri/wp-tjanster/" target="_blank">Bildväxlare eller bildgalleri?</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6384/ccslider-wordpress-3d2d-slider-plugin-vs-slider-pro/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Akta dig, annars tar WordPress-kärnan dig!</title>
		<link>http://bjornsennbrink.se/6379/akta-dig-annars-tar-wordpress-karnan-dig</link>
		<comments>http://bjornsennbrink.se/6379/akta-dig-annars-tar-wordpress-karnan-dig#comments</comments>
		<pubDate>Sun, 08 Apr 2012 08:56:37 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6379</guid>
		<description><![CDATA[WP-temautveckling kan gå snabbare om färdiga plugin används. Men vad händer när ett tillägg inte utvecklas i takt med WP?]]></description>
			<content:encoded><![CDATA[<p><strong>När du bygger en ny webbplats kan det på sikt vara en omväg snarare än en genväg att gå via den officiella pluginkatalogen när du ska producera en funktion. Du hittar säkert ett plugin som gör exakt det du behöver och varför ska du då akta dig för det?</strong></p>
<p>Jo, plugin som du inte byggt själv kan krångla till framtida uppdateringar. Det är inte säkert att pluginutvecklaren är &#8221;in it for the long haul&#8221; och du kan komma till en punkt där ett plugin står i vägen för t.ex. en säkerhetsuppdatering eller i värsta fall andra plugins funktioner (ex. script-konflikter).</p>
<p>Två saker du bör väga in i ditt beslut att använda ett plugin är om tillägget är: <em>Actively maintained</em> och <em>Under active development</em>. Dessa bägge engelska uttryck (från katalogen för Drupal-teman) använder jag för att peka på vikten av att enbart jobba med plugin som uppdateras och utvecklas i takt med WordPress-kärnan. Det finns alldeles för många plugin i den officiella WP-pluginkatalogen som inte sköts om på ett sätt som är tillfredställande.</p>
<p>Nyligen fick jag bygga om två kundsajter på ett sätt som inte hade behövts om ett aktiverat plugin hade uppdaterats i takt med <em>WordPress Core</em>. Det är inte pluginutvecklarens fel på något sätt, det var mitt eget beslut att använda plugin X eftersom det skänkte funktioner som verkligen passade in på kundsajterna när det begav sig.</p>
<p>Det var i samband med uppgradering till senaste WordPress-versionen som jag upptäckte problemen. I de två aktuella fallen löstes det hela med i WordPress inbyggda textwidgets och jag fick det åter visat för mig att plugin inte är felfria bara för att de finns i den officiella pluginkatalogen. Jag har även varit med om att så kallade premium-plugin uppvisar fel och då särskilt i samband med timthumb-hacket..</p>
<p>Kontentan här är inte att lyfta ett varningen finger utan snarare be dig vara uppmärksam på att den officiella pluginkatalogen för WordPress inte alltid är guld och gröna skogar. Det finns hundratals plugin och kanske över tusen tillägg som alla bygger vidare på WordPress Core. Det är sällan som en funktionalitet inte går att finna i den officiella WordPress-pluginkatalogen och det är egentligen först när du låter ett plugin styra funktion eller utseende som du bör vara vaksam.</p>
<p>Min upplevelse är att plugin som efter att de laddats upp och kan ses under Tillägg->Installerade tillägg samt har länkar som pekar till den officiella pluginkatalogen, snarare än till utvecklarens egen hemsida, är de plugin som tenderar att fungera bäst i längden.</p>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6379/akta-dig-annars-tar-wordpress-karnan-dig/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery-AJAX-inladdning av inlägg/poster</title>
		<link>http://bjornsennbrink.se/6375/jquery-ajax-inladdning-av-inlaggposter</link>
		<comments>http://bjornsennbrink.se/6375/jquery-ajax-inladdning-av-inlaggposter#comments</comments>
		<pubDate>Fri, 30 Mar 2012 19:47:10 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[WordPress-utveckling]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6375</guid>
		<description><![CDATA[Användningsområdena varierar säkert med detta. Själv passerade jag den här funktionen på jakt efter en lösning bättre lämpad för ett WordPress-tema jag bygger. [php] [/php] Ovanstående script kan enkelt adderas till Twenty Ten-temat. Redigera loop.php och placera scriptet längst ner. Notera #nav-below a som är det ID som ligger som standard i Twenty Ten-temat. Resultatet [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Användningsområdena varierar säkert med detta. Själv passerade jag den här funktionen på jakt efter en lösning bättre lämpad för ett WordPress-tema jag bygger.</strong></p>
<p>[php]<br />
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery('#nav-below a').live('click', function(e){
e.preventDefault();
var link = jQuery(this).attr('href');
jQuery('#container').html('Loading...');
jQuery('#container').load(link+' #content');
});
});
</script><br />
[/php]</p>
<p>Ovanstående script kan enkelt adderas till Twenty Ten-temat. Redigera loop.php och placera scriptet längst ner. Notera #nav-below a som är det ID som ligger som standard i Twenty Ten-temat.</p>
<p>Resultatet av detta införande av jQuery blir att klick på &#8221;Older posts&#8221; laddar in nästa sidas poster, utan att något ändras i webbadressfältet.</p>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6375/jquery-ajax-inladdning-av-inlaggposter/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dina bilder i Google Earth</title>
		<link>http://bjornsennbrink.se/6370/dina-bilder-i-google-earth</link>
		<comments>http://bjornsennbrink.se/6370/dina-bilder-i-google-earth#comments</comments>
		<pubDate>Thu, 22 Mar 2012 11:04:06 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[Sennbrink]]></category>
		<category><![CDATA[bilder]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6370</guid>
		<description><![CDATA[Google Earth är en av världens bästa tjänster för dig som vill resa digitalt. Det är Panoramio du ska använda när du vill att dina bilder ska synas i Google Earth. Kopplingen är officiell och information finns på http://www.panoramio.com/help/photos_google_earth. Själv har jag flera bilder i Google Earth och även om antal visningar är en parantes [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Google Earth är en av världens bästa tjänster för dig som vill resa digitalt.</strong></p>
<p>Det är Panoramio du ska använda när du vill att dina bilder ska synas i Google Earth. Kopplingen är officiell och information finns på <a href="http://www.panoramio.com/help/photos_google_earth" target="_blank">http://www.panoramio.com/help/photos_google_earth</a>.</p>
<p>Själv har jag flera bilder i Google Earth och även om antal visningar är en parantes i evigheten så är det roligt att se att andra har sett vad jag såg (och fotograferade).</p>
<p>Mitt konto hittar du på <a href="http://www.panoramio.com/map/?user=5154233" target="_blank">http://www.panoramio.com/map/?user=5154233</a> där jag publicerat bilder från Sverige (mest Örebro), Zanzibar och Los Angeles samt Las Vegas &#8211; alla platser jag besökt. Just nu finns 47 av mina 62 bilder på Panoramio i Google Earth.</p>
<p>Tips: Om du vill få många visningar kan det vara bättre att ladda upp bilder som föreställer de kanske mindre självklara vinklarna eller motiven från en plats. Den <a href="http://www.panoramio.com/photo/43049497" target="_blank">mest visade bilden</a> i mitt galleri visar en bakgata på Zanzibar (utanför huset där vi bodde). Den <a href="http://www.panoramio.com/photo/55883005" target="_blank">näst mest</a> visade bilden föreställer ett bostadshus intill en skola i norra Stone Town, också från Zanzibar.</p>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6370/dina-bilder-i-google-earth/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery-animerad bild som döljer/visar länk + text via MouseOver</title>
		<link>http://bjornsennbrink.se/6361/jquery-animerad-bild-som-doljervisar-lank-text-via-mouseover</link>
		<comments>http://bjornsennbrink.se/6361/jquery-animerad-bild-som-doljervisar-lank-text-via-mouseover#comments</comments>
		<pubDate>Mon, 05 Mar 2012 18:06:25 +0000</pubDate>
		<dc:creator>bjornsennbrink</dc:creator>
				<category><![CDATA[WordPress-utveckling]]></category>

		<guid isPermaLink="false">http://www.bjornsennbrink.se/?p=6361</guid>
		<description><![CDATA[När det här publicerades hade jag en slide-funktion i sidhuvudet på bloggen.Det var HTML + CSS + ett kort jQuery-animate-script. Ctrl+A / Ctrl+C / Ctrl+V [php] Vill du köpa eller sälja WordPress-kompetens?På WordPressKonsult.se listas svenska företag som erbjuder WordPress-tjänster. Inspiration hämtad från internationella tjänsten Code Poet. Sveriges bästa Zanzibar-reseguide? Restips, upplevelser och reseskildringar.Vi reste till [...]]]></description>
			<content:encoded><![CDATA[<p><strong>När det här publicerades hade jag en slide-funktion i sidhuvudet på bloggen.Det var HTML + CSS + ett kort jQuery-animate-script.</strong></p>
<p><iframe width="480" height="360" src="http://www.youtube.com/embed/yuw5w6q68Bk?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p><strong>Ctrl+A / Ctrl+C / Ctrl+V</strong><br />
[php]</p>
<div id="home-header">
<ul class="header-column header-column-left hover_block">
<li><a href="http://www.bjornsennbrink.se/wordpress-konsult-webbplats/" target="_blank"><img src="http://www.bjornsennbrink.se/img/gfx/wpkonsult.jpg" style="background-repeat:no-repeat;" alt="WordPress-kompetens" />Vill du köpa eller sälja WordPress-kompetens?<br/><br/>På WordPressKonsult.se listas svenska företag som erbjuder WordPress-tjänster. Inspiration hämtad från internationella tjänsten Code Poet.</a></li>
</ul>
<ul class="header-column header-column-middle hover_block">
<li><a href="http://www.bjornsennbrink.se/zanzibar-reseguide-webbplats/" target="_blank"><img src="http://www.bjornsennbrink.se/img/gfx/zanzibar.jpg" style="background-repeat:no-repeat;" alt="Zanzibar Reseguide" />Sveriges bästa Zanzibar-reseguide? Restips, upplevelser och reseskildringar.<br/><br/>Vi reste till Zanzibar i april 2009 och de senaste åren har resenärer kunnat lära av oss här. Många bilder, filmer och personliga berättelser.</a></li>
</ul>
<ul class="header-column header-column-right hover_block">
<li><a href="http://www.bjornsennbrink.se/sennbrink-konsult-webbplats/" target="_blank"><img src="http://www.bjornsennbrink.se/img/gfx/sennbrinkonsult.jpg" style="background-repeat:no-repeat;" alt="WordPress-konsult Björn Sennbrink" />Hjälp med WordPress? Anlita Sennbrink Konsult för &#8221;all things&#8221; WordPress.<br/><br/><br />
PSD till WordPress-tema, skiss till WP-tema eller plugins och jQuery för funktioner eller effekter. Gör som flera andra företag, köp WP-tjänsterna av mig.</a></li>
</ul>
</div>
<p><script type="text/javascript">
$(function() {
$('div#home-header ul.hover_block li').hover(function(){
$(this).find('img').animate({top:'182px'},{queue:false,duration:500});
}, function(){
$(this).find('img').animate({top:'0px'},{queue:false,duration:500});
});
});
</script><br />
[/php]</p>
<p>Om vi börjar med PHP så är det en wrap-DIV först med ID home-header. Wrappen håller tre stycken platshållare där innehållet är hårdkodat i PHP-filen. En alternativlösning kan vara att skapa tre widgets och jobba med if-satser för att visa innehållet.</p>
<p>Notera länkarna som ser ut att peka mot bjornsennbrink.se men som i själva verket är redirect-länkar som är kopplade till tillägget Pretty Link. Det är för att jag ska kunna mäta klick på länkarna. Läs mer och ladda ner Pretty Link på <a href="http://wordpress.org/extend/plugins/pretty-link/" target="_blank">http://wordpress.org/extend/plugins/pretty-link/</a></p>
<p>jQuery-skripet letar efter en bildtagg (img) och animerar en toppmarginal på 182 pixlar när markören förs över (hover) bilden. Det är svårt att misslyckas med det här, så kopiera nu koden, byt ut länkarna och texterna så har du också en jQuery-animerad bild som döljer/visar länk + text via MouseOver!</p>
<p>CSS som behövs hittar du på <a href="http://www.incg.nl/blog/2008/hover-block-jquery/" target="_blank">http://www.incg.nl/blog/2008/hover-block-jquery/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bjornsennbrink.se/6361/jquery-animerad-bild-som-doljervisar-lank-text-via-mouseover/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

