Den här funktionen är väldigt bra och informativ att använda sig av på sin blogg. I väldigt många teman finns den här funktionen redan inbyggd, men om det inte finns kan man lägga till ett WordPress hack, eller som i detta fall använda sig av ett WordPress plugin och idag testar jag – WP Biographia. Detta plugin gör att man väldigt enkelt kan lägga till en snygg och informativ Author Box efter sina inlägg. WP Biographia innehåller många konfigurationsmöjligheter och som vanligt kör jag en liten guide hur man installerar och konfigurerar WP Biographia.

Installation

Ladda ner WP Biographia ifrån WordPress Plugin Directory och använd er ftp klient för att ladda upp plugin, eller som jag hellre föredrar.

• Logga in på er blogg, gå till fliken – Tillägg
• Klicka på underfliken – Lägg till nytt
• Sök efter tillägg – WP Biographia.
• Installera och aktivera.

Konfiguration

Under fliken – Inställningar klicka på underfliken – WP Biographia. Här gör ni alla inställningar för WP Biographia, som att välja var ni vill visa Author Boxen, bakgrundsfärg, visning av namn och mycket mera. Kika på bilderna..

Välj var ni vill visa er Author Box.

Välj bakgrundsfärg, border eller inte..

Välj visningsnamn, vilka sociala nätverk och länkar ni vill visa i er Author Box.

När era inställningar är klara välj att Spara era inställningar. Allt klappat och klart, eller? Nja, kanske inte riktigt! Ni kan surfa in till era artiklar och säkert visas Author Boxen som den ska, men några inställningar till bör göras. Kanske ni redan har fyllt i er information under fliken – Användare! Om inte, klicka på fliken Användare och sedan välj – Redigera er profil. Fyll nu i så mycket ni kan för här hämtas informationen till Author Boxen. Välj Uppdatera er profil. Nu bör er Author Boxen se ut ungefär såhär;

Ser ganska hyfsat ut, eller hur!

Extra konfiguration

Vill ni översätta några av orden som exempelvis Web och More Posts (ni förstår vad jag menar om ni installerar WP Biographia) gå till fliken – Tillägg och klicka på underfliken – Redigerare – Välj tillägg att redigera: WP Biographia och i filen wp-biographia/wp-biographia.php hitta och ersätt orden ni vill översätta till Svenska. Uppdatera filen.

Slutord

Nu har ni en riktigt snygg Author Box på er blogg med länkar till Twitter, Facebook, Google + med mera. Detta är ett av de bättre Author Box plugin jag testat.  Har ni andra plugin eller hack ni vill rekommendera, gör gärna så i en kommentar. Lycka till..

Andra bloggar om: WordPress, WordPress Plugin, Tillägg

Instant WordPress

Jag har testat en del alternativ som BitNami, Microsoft Web Platform Installer XAMPP och WordPress Portable (kommer snart i en artikel) och jag måste säga att Instant WordPress fungerar lysande. Det är väldigt enkelt att installera och ännu lättare att administrera. Av alla verktygen jag skrivit om hittills är detta klart bäst. Jag kör en liten guide med bilder för att demonstrera installationen och administrationen av Instant WordPress.

1. Surfa in till Instant WordPress och ladda ner installationsfilen.

2. Kör ingång exe-filen för InstantWP.

That’s it! Snabbt och bra, eller hur!

3. Hittar ni inte programmet i startmenyn, vilket jag inte gjorde på min Windows 7 installation, gå till er installationskatalog i mitt fall blev det – C:\instantwp\InstantWP_4.1, kör igång eller skapa en genväg till InstantWP.exe.

4. Ifrån den här dialogrutan kan ni göra det mesta och bästa med er Instant WordPress installation.

Kika på hur er WordPress blogg ser ut,,

logga in till er adminpanel,,

lägg till plugin, teman eller kika in eller testa funktionerna i MySQL Admin.

Strålande, eller hur..

Instant WordPress innehåller följande komponenter:

• WordPress 3.2
• Apache 2.2.15 (Win32)
• PHP 5.3.2
• MySQL 5.1.46-community-nt

Instant WordPress fungerar på Microsoft Windows XP, Windows Vista or Windows 7 och kräver cirka 200 MB på hårddisken. Så nu är det bara till att sätta igång med att testa alla de där teman och plugin ni så gärna velat testa tidigare men inte kunnat! Nu kan ni..

Användarfråga – Använder ni eller har testat någon programvara för att köra WordPress lokalt på er dator?

Nästa gång testar jag WordPress Portable.

Andra bloggar om: WordPress, Installera WordPress lokalt, Instant WordPress

Säkert har ni sett på en del bloggar att man efter artiklarna ibland har en ruta eller box som kan innehålla text, länkar, annonser, bilder med mera. Och det är ett bra sätt att uppmärksamma information för sina besökare. Så idag tänkte jag visa hur man kan lägga till en snygg resource box på sin blogg efter ett tips ifrån WPKube. Ni kan själva redigera koden och infoga vad ni vill ska visas i boxen.

Skapa en snygg resource box

Logga in på er WordPress installation. Ladda ner exempelbilden och ladda upp den till ert Mediabibliotek och kopiera URL till er bild. Ni behöver bildlänken senare. Under fliken Utseende klickar ni på Redigerare. Klicka på Enskilt inlägg – (single.php) och leta efter där artikelinnehållet slutar, som exempelvis;

<!-- Content Ends -->

Efter den raden infoga följande kod;

<div class="resource_box"> <h3>Vi rekommenderar:</h3>
 <ul>
 <li><a href="http://wpxl.se/" rel="external" target="_blank">WPXL</a> är en av Sveriges ledande bloggar om WordPress med massvis med tips om tema, plugin, guider, manualer och mycket mera.</li>
 <li><a href="http://wpxl.se/" rel="external" target="_blank">WPXL</a> är en blogg full med tips om WordPress. Här hittar ni de senaste nyheterna om WP.</li>
 </ul>
 </div>

Glöm inte att ändra URL, och text annars länkar ni till WPXL, vilket i och för sig är roligt, men det kanske är trevligare att lägga till era egna länkar och texter. Spara single.php.

Fortfarande kvar i Redigerare letar ni upp Stilmall (style.css) och infoga koden;

.resource_box { width:425px; margin-top:15px; height:165px; margin-left:-3px; border: 3.9px dashed #696969; padding-left:160px;padding-bottom:35px; background: transparent url('infoga er bildlänk här') no-repeat 10px 50%;}
.resource_box:hover {border:dashed 3.9px #2f9dcf; background: #eee url('infoga er bildlänk här') no-repeat 10px 50%;}
.resource_box h3 { color:#0e87c0; padding-top:0px; margin-top:16px; font-size:20px;color:#0E87C0;font-weight:bold;line-height:0;}
.resource_box ul { width:390px;}

Byt ut texten “infoga er bildlänk här” mot er bildlänk (URL) som ni sparade tidigare. I koden som infogas i (style.css) finns det möjlighet att ändra bild, textfärg, border, bakgrundsfärg med mera. Spara (style.css). Här är ett exempel med ändrad bild.

Bild på hur det ser ut när man för markören över resource boxen.

Som ni kanske såg på bilden infogade jag även en Facebook – Gilla knapp i min resource box och skulle ni också vilja göra det är här koden;

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px;"></iframe>

Facebook – koden placerar ni i koden som ni infogade på (single.php). Testa er fram var ni vill placera Gilla knappen. Jag valde att lägga den underst i min resource box. Lycka till..

Källa – WPKube – Modifiering av WPXL

Andra bloggar om: WordPress, WordPress hack, Resource Box

Hur många av er använder standard Avatarbilden – Mystery Man på er blogg till kommentarerna? Bilden Mystery Man visas när någon som inte har en Avatarbild och kommenterar i blogginlägg. Bilden känns ganska trist och ful, men det finns en lösning i form av ett litet WordPress hack. Här är ett alternativ att fräscha upp i sina kommentarer. Jag skiftar Mystery Man mot min Smiley gubbe.

1. Börja med att skapa en egen bild med rekommenderad storlek 100×100 px, eller använd min bild som ni kan spara ner längst ner i artikeln. Enklast är om ni döper er bild till custom-gravatar.jpg, så slipper ni ändra i koden som följer. Skicka upp er bild till er WordPress installation under ert nuvarande tema i images katalogen exempelvis – /wp-content/themes/twentyten/images. Bilden är klar.

2 . Logga in på er WordPress blogg. Under Appearance, välj Editor. Leta upp er functions.php fil och infoga den här koden. Spara functions.php.

// Custom Default Avatar
 if ( !function_exists('addgravatar') ) {
    function addgravatar( $avatar_defaults ) {
    $myavatar = get_bloginfo('template_directory').'/images/custom-gravatar.jpg'; //=>
    $avatar_defaults[$myavatar] = 'Custom Avatar'; //=>
    return $avatar_defaults;
    }
 add_filter( 'avatar_defaults', 'addgravatar' );
}

3. I er WordPress blogg, under Settings, Discussion, välj er nya Avatarbild som nu ska vara synlig längst ner.

Slutresultatet blev såhär på min testblogg! Lite trevligare eller hur!

Ni kan använda den här bilden om ni vill. Högerklicka och spara.

Källa – PimpMyWordPress

Andra bloggar om: Avatar, Avatarbild, Bloggkommentarer

Varför använder man sig av hotlinking?

Svaret på den frågan är man själv slipper att lägga upp bilder på sin webbserver och istället använder och faktiskt stjäl någon annans bandbredd som just denna någon betalar för. Det är ju ändå så att de flesta av oss har en begränsad bandbredd, som exempelvis trafik/överföring (per månad) som kan vara 10 GB, 20 GB eller mer, oftast högre ju mer man betalar. Och det kan kännas surt om det är många som länkar till ens bilder och stjäl ens bandbredd! Men vad kan man då göra åt det?

Stoppa hotlinking med .htaccess

För att testa och se om jag kunde få stopp på hotlinking på ett bra sätt och se om jag kunde åstadkomma en tydlig markering när någon hotlinkar mina bilder provade jag ett tips ifrån altlab  som går ut på att man stoppar hotlinking genom att lägga till några rader kod i sin .htaccess fil och koden ser ut så här.

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?mysite\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpe [L]

Hur!

Jag använder mig av min testblogg där jag gör alla ändringar i .htaccess och lägger upp bilden jag skapar för att markera att bilden är hotlinkad för att sedan försöka hotlinka en bild ifrån min vanliga blogg – WPXL.

Jag börjar med att ta en backup av min .htaccess fil (Glöm inte att ta en backup av er .htaccess innan ni börjar redigera)

Först måste jag redigera koden för att det ska fungera på min blogg (testblogg) . Jag ändrar mysite till min egen domän och tittar ni sedan på den sista raden i koden behöver jag skapa en bild nohotlink.jpe och det gör jag lite snabbt i ett bildredigeringsprogram och jag ger bilden det passande namnet stophotlinking.jpe (notera filändelsen – jpe) vilket jag lägger till i koden och kopierar in den färdiga koden i min .htaccess. Både kod och bild klara. Jag skickar upp både .htaccess och min bild till min WordPress installation (testblogg).

Jag stjäl en bild ifrån min testblogg och bilden jag tänker hotlinka är denna.

Jag koperar sedan URL till bilden (Hotlinking)  och infogar den i artikel på WPXL.se och sparar den som draft. När jag kör en preview av artikeln ser jag istället för bilden jag ”lånade” den här:

Detta är ett sätt att stoppa att någon använder hotlinking till någon av era bilder. Men det finns flera andra alternativ, men av dem jag har testat fungerar det här bäst. Har ni några andra tips för att stoppa hotlinking?

Andra bloggar om: Hotlinking, Bilder, Bandbredd, Foton, .htaccess, Stoppa Hotlinking

Vad är det som gör att era sidor tar lång tid att ladda?

Många av oss som bloggar har ett vanligt problem och det är att våra bloggar kan kännas sega, slöa och tar lång tid att ladda! Vad det är som orsakar det kan vara många orsaker som till exempel att man använder för stora bilder som tar lång tid att ladda fram. Det kan vara att det finns för många script som ska laddas och laddas i fel ordning. Alla script som exempelvis javascript ska man försöka att ladda sist på sin sida genom att placera dem i exempelvis footer.php. En del plugin som man använder, lägger finurligt till sina eventuella script i footer.php för att inte beslasta visningen av en sida vilket är väldigt positivt.

Visa hur många databasförfrågningar det görs, och hur många sekunder det tar att ladda varje sida på er blogg.

Lägg till följande kod på valfri sida, men exempelvis i footer.php.

 <?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?>  seconds. 

Vilket ger följande resultat:

32 queries in 0.411 seconds.

Men för att modifiera koden lite lägger jag till några extra ord, på Svenska och då ser koden ut såhär:

 <?php echo get_num_queries(); ?> databasförfrågningar och sidan laddas på <?php timer_stop(1); ?> sekunder. 

Vilket ger följande resultat:

32 databasförfrågningar och sidan laddas på 0.411 sekunder.

Så ser ni att ni har massvis med databasförfrågningar är det dags att luska lite! Vad är det som gör att det är så många förfrågningar. Börja med att kolla era plugin! Är det många plugin som måste ha kontakt med databasen? Ett plugin för att hantera, optimera, ta backup, lägga tillbaka databas, felsöka med mera är WP-DBManager, och kanske ni har möjlighet att se vad som kan göras åt problemet.

Andra bloggar om: WordPress, Optimera blogg, Databas, Databasförfrågningar, Snabb blogg, Felsöka blogg

Test av hack och plugin

Jag beslöt mig för att testa vilket sätt som är bäst att visa sina schemalagda artiklar på, WordPress plugin eller via ett WordPress hack. Vilket jag anser är bäst hittar ni i slutet av artikeln. Men först började jag med ett hack för att visa mina uppkommande artiklar i en lista och med denna möjlighet kan ni infoga listan på vilken sida ni vill eller i er sidebar. Ni använder koden undertill, kopiera och klistra in var ni vill visa listan på era uppkommande artiklar.

<?php
$my_query = new WP_Query('post_status=future&order=DESC&showposts=5');
if ($my_query->have_posts()) {
    while ($my_query->have_posts()) : $my_query->the_post();
        $do_not_duplicate = $post->ID; ?>
        <li><?php the_title(); ?></li>
    <?php endwhile;
}
?>

Jag placerade min lista i min sidebar och så här blev resultatet med ett WordPress hack.

I nästa steg testade jag med ett plugin Upcoming Posts Widget som är WordPress 2.8 kompatibelt. Det är bara till att ladda ner pluginet eller installera direkt ifrån er WordPress blogg under fliken Plugin och välja Add New. Skriv i Upcoming Posts Widget i sökrutan och i sökresultaten hittar ni Upcoming Posts Widget och det är bara till att välja Installera och aktivera sedan Upcoming Posts Widget. Gå sedan till er Widget flik. Lägg till Upcoming Posts i er sidebar. Editera med Rubrik och hur många uppkommande artiklar ni vill visa, och det är klart.

Så här blev resultatet med Upcoming Posts Widget

Slutsats

Eftersom ni kan se med WordPress hacket ser det inte direkt snyggt ut och det kräver en hel del för att lägga till en rubrik och stila till det så det ser någorlunda snyggt ut. Men med Upcoming Posts Widget är det väldigt enkelt och det blir för övrigt mycket snyggare genom att pluginet använder mitt temas CSS stil. Så min slutsats blir, vill ni visa era schemalagda artiklar och ni väljer mellan mina två alternativ rekommenderar jag er Upcoming Posts Widget. Vad tycker ni?

Andra bloggar om: WordPress Hacks, WordPress Plugin, PHP, Schemalagda Artiklar, Uppkommande Inlägg

Visa en Reetweet knapp i varje bloggartikel

I dessa Twittertider använder sig de flesta av någon sort integration till Twitter på sin blogg och det finns otaliga plugin och hacks för att lägga till en Följ mig på Twitter länk eller knapp plus massvis med andra funktioner. Men med detta WordPress hack lägger vi till en Reetweet knapp i varje artikel, för att ge besökarna möjlighet att Reetweeta era inlägg.

Det finns ett plugin som gör samma sak och det är TweetMeme Button vilket i och för sig är enkelt att installera med några inställningsmöjligheter för att placera knappen på era sidor eller artiklar. Det är ett bra plugin som fungerar bra, men här ett annat alternativ för att åstadkomma samma resultat, fast med den skillnaden att vi lägger till ett litet WordPress hack istället.

Hur man gör för att infoga Reetweet knapp i sina inlägg

I denna manaul skapar vi en knapp som länkar texten i formatet. RT @Dinbloggsnamn – Titel av inlägget – Länk. Lägg till följande kod i er Single.php som jag anser vara det mest lämpliga tillvägagångssättet eftersom det är där era artiklar finns.

( Hur lägger man till kod i sin Single.php? I er admin-panel till höger i listan hittar ni fliken Apperarance (jag har engelsk version) klicka på Editor. Till höger letar ni upp er Single.php och klickar på den. Nu öppnas er Single.php och ni kan redigera den. Om ni vill lägga till Reetweet knappen under er artikel så letar ni upp raden)

<!-- Single Post Ends -->

Lägg till följande kod innan Single Post Ends. 

<script type="text/javascript">
tweetmeme_source = 'ert-twitternamn-här';
</script>
<script type="text/javascript" src="<a href="http://tweetmeme.com/i/scripts/button.js">
http://tweetmeme.com/i/scripts/button.js</a>"> </script>

Glöm inte att ändra raden ”ert-twitternamn-här” till ert namn ni använder till ert Twitterkonto, och spara sedan er Single.php.

Slutresultatet kommer att se ut så här. Ett enkelt WordPress hacks och inga konstigheter.

Andra bloggar om: Reetweet, WordPress, WordPress Hacks, WordPress Plugin, Twitter

8 enkla steg

För att det skall gå gå lätt som möjligt att flytta din WordPpress-installation tipsar jag idag om Andreas Karmans guide till hur du fixar det i 8 enkla steg. Och bäst av allt, den är översatt till ren svenska. Så skynda dig att läsa hela artikeln ”Flytta en WordPress-installation till en ny domän”.

Från WordPress.com till egen domän

Om du i dagsläget har en gratis blogg på wordpress.com, och vill flytta till en egen installation med WordPress, då skall du kolla in artikeln ”Moving from WordPress.com to WordPress.org” som gänget på Blog-Well har satt ihop. Den har jag själv följt med en annan blogg jar har, och den är både kort, användbar och väl illustrerad.

Hur gick det för dig när du flyttade din blogg senast?

Andra bloggar om: wordpress, flytta, wordpress.com, egen domän,

För användare som vill använda en Svensk version är det lämpligt att börja läsa artiklarna och guiderna som presenteras här:

Hos WP-Support Sverige finns en bra manual för att installera WordPress – Den berömda 5min-installationen som har värdefull information om installationen av WP. Ni kan även ladda ner Svenska WordPress 2.7.1 här.

Engelsk version.

För er som vill installera den svenskspråkiga varianten finns det en alldeles utmärkt guide hos Börja Blogga – Installera WordPress 2.7 som är väldigt bra och informativ. Inlägget är skrivet på ett bra och enkelt sätt, så att alla kan förstå. Jag rekommenderar er att läsa denna artikel.

För er som föredrar engelska kan ni läsa guider och tips och om WordPress installationen här. Ni kan även ladda ner den senaste versionen av WordPress här:  Kanske ni föredrar att läsa den snabba versionen som kallas – Famous 5-Minute Install för mer hjälp och information.

Följer ni alla anvisningar bör er WordPress blogg vara uppe och snurra efter en ganska kort stund. Ett tips är att verkligen läsa igenom informationen ordentligt och följa guiderna. Många av förberedelserna kan ha stor betydelse för att det inte ska uppstå några problem under er installation.

Efter den här artikeln har ni skaffat en egen domän, ni har hyrt in er på ett lämpligt webbhotell, kanske till och med redan valt ut ett WP tema och slutligen installerat själva bloggplattformen WordPress!

Nästa artikel kommer att handla om WordPress plugin, så håll utkik alla ni som är intresserade av WordPress!

Andra bloggar om: WordPress, Installera WordPress, Svenska WordPress, WP-Support Sverige, Börja Blogga