Alla inlägg av Micke Kring

Happiness engineer mLabs | Fixar och trixar med tekniska lösningar och mycket mer. Ser till att användarna förstår systemen och att systemen förstår användarna. Micke har sina rötter i musiken och kombinerar konstnärlighet med teknik. | micke@mlabs.se | @mickekring

Ikoner med Font Awesome Icons

Meh!NjaeOkejGrymtToppen! (1 röster, med ett snitt på: 4,00 av max 5)
Loading...
Ibland vill du säkert piffa till text med hjälp av lite snygga ikoner. Antingen i ett inlägg, eller varför inte i en textwidget?
Nu har våra egna teman Spring13, Bookly13 och Stock13 ett typsnitt med ikoner som heter Font Awesome inbäddat och klart att användas. Och hur gör du det? Häng med, så visar jag.

Exempel 1 | Inlägg med ikoner

1.

Skärmavbild 2014-12-07 kl. 13.00.51

Här tänkte jag skriva ett vanligt inlägg där jag vill tipsa om WordPress-appen för mina läsare och ge länkar till de olika ”app-affärer” som finns.
Eftersom vi ska jobba lite med ”kod” så har jag växlat över till ”Text”-läget, så vi ser koden i inlägget. (Du hittar de två knapparna för ”Visuell” och ”Text” uppe till höger i innehållsfältet där vi skriver vårt inlägg.)

2.

Kodsnutten för att lägga in en ikon är

<i class="fa fa-ikonnamn"></i>

där vi byter ut ”fa-ikonnamn” mot den ikon vi vill använda.
http://fontawesome.io/icons/ hittar ni en lista med bilder på alla ikoner som finns med namn till.

De tre ikoner jag skulle vilja använda är fa-apple, fa-android och fa-windows då jag ska länka till deras respektive butiker.

3.

Skärmavbild 2014-12-07 kl. 13.14.45

Som ni ser har jag nu lagt till kodsnutten för mina respektive ikoner. Dags att förhandsgranska. Det kan vi göra genom att klicka på ”förhandsgranska” som ligger i samma ruta ovanför ”publicera”.

Skärmavbild 2014-12-07 kl. 13.17.04

Så här kommer inlägget att se ut, nu med toksnygga ikoner. 🙂

4.

Skärmavbild 2014-12-07 kl. 13.18.44

Nu går vi tillbaka och redigerar inlägget igen. Dags att göra länkar. Markera första raden och klicka på ”link” i verktygsraden ovanför.

Skärmavbild 2014-12-07 kl. 13.20.23

Klistra in länken till den adress du vill länka till. Välj om länken ska öppnas i ett nytt fönster och klicka på ”Lägg till länk”.
Gör likadant med alla länkar.

5.

Skärmavbild 2014-12-07 kl. 13.23.33

Nu ser ni att länkarna är klara. Bara att testa att de funkar.

Exempel 2 | Widget

Du kan även använda detta i en text-widget. Jag har lagt till en text-widget och tänker göra en kom-ihåg-lista.

1.

Skärmavbild 2014-12-07 kl. 13.33.23

Här har jag skrivit upp saker som jag vill lista. Glöm inte att bocka för ”Lägg till styckesindelning automatiskt” så det blir radbryt i texten.

2.

Skärmavbild 2014-12-07 kl. 13.40.20

Jag använder de båda ”fa-check-square-o” och ”fa-square-o” som i det ena fallet är en ruta och den andra en ibockad ruta.
Spara när du är nöjd och förhandsgranska.

Skärmavbild 2014-12-07 kl. 13.40.38

Nu är allt klart! Det är bara till att låta fantasin spela fritt nu. Ta en titt på vilka ikoner som finns.

 

Problem med prenumeration via Jetpack

Meh!NjaeOkejGrymtToppen! (2 röster, med ett snitt på: 5,00 av max 5)
Loading...
Vi får en del frågor kring vissa som inte lyckas prenumerera på en blogg, trots att ex 70 andra har lyckats på just den bloggen. Prenumerationsdelen är supersvår att supportera för oss, då det är en tredjepartstjänst från just Jetpack och Automattic och inget som vi har något att göra med.
Detta innebär att vi också bara kan gissa och tipsa i bästa fall. Vi kan inte se om någon har prenumererat eller inte.

Det som oftast händer är att personen som önskar prenumerera inte får något mail. Det kan också vara så att personen fått ett mail, men raderat det av misstag. Då kan en inte heller prenumerera igen.
Det här är dock en checklista som ni kan prova att följa.

  • Prova en gång till. Skriv in er e-postadress och klicka på knappen ”Prenumerera”. Se efter en extra gång att ni skrivit in rätt e-postadress.
  • Kolla i inboxen efter ett aktiveringsmail. Ni måste klicka på aktiveringslänken i mailet för att det ska fungera. Kolla även i spam- eller skräpkorgen att mailet inte hamnat där.
  • Gå in på https://subscribe.wordpress.com/ och fyll i er e-postadress. Om det finns en vilande prenumeration som inte är aktiverad ska ni nu få ett mail så ni kan göra detta.
  • Prova en annan e-postadress.

Min sajt ser helt konstig ut – vad gör jag?

Meh!NjaeOkejGrymtToppen! (3 röster, med ett snitt på: 4,67 av max 5)
Loading...
uppdatera

Ibland gör vi uppdateringar på sajten och pillar lite i koden för att förbättra, fixa, förändra och massa annat. Det kan då innebära att er sajt ser lite konstig ut. Men att det samtidigt ser bra ut på en annan dator. Vad beror detta på?
Jo, din webbläsare, om det så är Internet Explorer, Safari, Firefox, Google Chrome eller annat, sparar delar av de sidor du besöker på din hårddisk. Detta för att det ska gå snabbare att läsa in sidan nästa gång du besöker den.
Men om vi har varit inne och ändrat i vissa filer, men din webbläsare tror att det är samma fil som den redan har och därmed hoppar över att hämta den från vår server kan det se tokigt ut.

Vad gör jag?
Det enkla svaret är att uppdatera sidan i webbläsaren, dvs ”refresha”. I bilden ovan ser du den knappen inringad från tre olika webbläsare. Den finns oftast någonstans vid adressfältet.
Om du använder Windows kan du dessutom använda F5-tangenten och på Mac OSX CMD+R.