Lägg in Webbstjärnans logga

Hur man lägger in Webbstjärnans logga

Nedan följer en detaljerad beskrivning av hur du infogar vår logga i WordPress. Kan du redan grunden i WordPress kan du kopiera koden nedan och klistra in den i en textwidget på en gång.

Ladda ner loggan här

Eller kopiera koden och klistra in den på din sajt (ger en logga som är 250 pixlar bred):

<a href="http://webbstjarnan.se" target="_blank"><img title="webbstjarnan" src="http://www.webbstjarnan.se/wordpress/wp-content/uploads/logo_250.png" alt="" width="250" /></a>

Du kan lägga upp loggan på din sajt på två olika sätt:

Infoga loggan på en klistrad sida

I WordPress kan du göra ett inlägg, lägga till en bild och sedan använda alternativet ”klistrad” under menyn ”synlighet” så att det alltid syns på första sidan.

Infoga loggan i en widget i WordPress

Widgeten syns som en meny rad (vanligtvis en kolumn till vänster alternativt till höger om själva innehållet på sajten).

Det är lätt att infoga loggan i en widget. Du gör så här:

1. Spara ner loggan på din dator genom att högerklicka på loggan och välja "spara som...". Du hittar vår logga under Hämta Webbstjärnans logga

2. Gå in i redigeringsgränssnittet i WordPress och skapa ett nytt blogginlägg. Ladda upp loggan genom att klicka på ikonen för ny bild högst upp i redigeringsfönstret, se röda pilen på bilden nedan.

3. Välj filen med loggan och ladda upp den. Bestäm sedan hur stor du vill att loggan ska vara. Du kan välja Small, Medium, Large eller Full size. Välj en storlek som är ca 200 pixlar bred så att den får plats i widgetmenyn.

4. Klicka på "Infoga i innehåll", den ikonen finns nästan längst ner i bildredigeringsfönstret. Nu ligger bilden i inlägget.

5. Webbstjärnans logga ska också länkas till Webbstjärnans webbplats. Det gör du genom att markera bilden, klicka på ikonen för länkar (den lilla kedjan – se röda rutan på bilden nedan) och skriv sedan in Webbstjärnans url i det översta fältet. Glöm inte http://. Adressen blir alltså http://www.webbstjärnan.se) (se den andra bilden nedan)

6. Klicka sedan på ikonen som heter HTML, till inlägget. Knappenligger uppe till höger i redigeringsfönstret. (Se den röda rutan på bilden nedan).

7. Bilden visas nu som html-kod, och det är denna kod du ska klistra in i en textwidget. Du kan även använda koden högst upp i den här artikeln.

8. Markera koden och kopiera den.

9. Nu ska du gå in i textwidgeten och klistra in koden. Klicka på Utseende i menyn till vänster. Välj Widgets (se bild nedan).

10. Du är nu i widgetmenyn som ser ut ungefär såhär:

11. Leta efter widgeten som heter "Text" bland Tillgängliga widgets.

12. Dra sedan Text-widgeten till fältet till höger (här heter det "Sidebar", men beroende på vilket tema du har kan namnet variera) och släpp den där. Ordningen i Sidebar motsvarar den ordning som dina widgets kommer att hamna i på den faktiska sajten.

13. Widgeten ska nu vara öppen så att du kan föra in information. Är widgeten inte öppen klickar du på pilen på höger sida om dess namn.

14. Skriv in en lämplig titel (visas som rubrik på framsidan) och klistra sedan in koden du kopierade i steg 8.

15. Tryck på Spara (den blå knappen till höger) och beskåda sedan resultatet på hemsidans framsida!