TransOnline-bloggen: Språk, skriving og e-publisering

Archive for the ‘WordPress’ Category

Hvordan får du Facebook til å vise riktig bilde i innlegg?

leave a comment »

Tving Facebook til å oppdatere bufferen for innlegget.

 
sharing_facebook

 
Før kunne du velge hvilket av bildene i et blogginnlegg, for eksempel fra WordPress.com, du ville vise når du delte innlegget på Facebook. Det kan du ikke lenger, og det bildet Facebook velger, er kanskje ikke det mest representative for blogginnlegget. Selv om du setter inn et nytt bilde i blogginnlegget, viser Facebook fortsatt det samme bildet. Årsaken er at når du først har delt et innlegg på Facebook, blir bildet lagret i en buffer på serveren deres for senere bruk. Det kan ta dager eller uker før de oppdaterer bufferen.

Du kan tvinge Facebook til å oppdatere bufferen for innlegget ditt fra Sharing Debugger. Lim inn lenken til innlegget i boksen under «Sharing Debugger», og klikk på Debug. Deretter klikker du på Scrape Again. Du må kanskje trykke flere ganger på denne knappen før riktig bilde vises. Hvis bildet er for lite, får du melding om det. Bildet må måle minst 480 x 480 piksler. Forholdet mellom bredde og høyde kan ikke være mer enn 3, det vil si at bredden ikke kan være mer enn tre ganger større enn høyden, og omvendt. Prøv deretter å dele innlegget på Facebook igjen.

 
sharing_debugger

 
Bildevalg på WordPress.com

WordPress forteller Facebook hvilke bilder som skal prioriteres:

1. Bildet du har valgt under Fremhevet bilde (Featured Image) for innlegget, brukes.

2. Opplastede bilder. Hvis du ikke har valgt Fremhevet bilde, anbefaler WordPress bilder fra toppen og ned i innlegget.

3. Hvis innlegget ikke inneholder noen bilder, anbefaler WordPress et tomt bilde. Facebook ser også på innholdet andre steder i bloggen for å finne et passende bilde.
 

Written by Solveig Hansen

1.10.2017 at 16:45

Publisert i WordPress

Tagged with ,

Bakgrunnsbilde i WordPress-innlegg

leave a comment »

 

Med litt kjennskap til CSS kan du legge til et bakgrunnsbilde i et innlegg i WordPress. Her har jeg satt bildebredden til 100 % og høyden til det faktiske antallet piksler. Teksten har jeg valgt å skrive i en hvit tekstboks. Her er koden:

<div style="background-image:url('bildeadresse');width:100%;height:faktisk_antall_px;background-position:center;background-repeat:no-repeat;">

Dette er koden for tekstboksen:

<div style="margin:15px 25px 0;text-align:left;padding:25px 25px 8px;background-color:#ffffff;">

Her skriver du inn teksten.

</div>
</div>
Du kan legge til flere tekstbokser. Hvis du vil bruke bakgrunnsfarge (for eksempel rød) i stedet for bilde, er koden

<

Bilde: iStock.com/mirjanajovic
 

Written by Solveig Hansen

6.12.2015 at 1:38

Publisert i WordPress

Tagged with

Ny Twitter-widget i WordPress

leave a comment »

Nå kan du vise en interaktiv Twitter-feed i WordPress-bloggen, enten i et innlegg eller i sidekanten eller et annet widget-område, og leserne kan svare på eller retweete innleggene dine slik de gjør på Twitter. (Se nederst i sidefeltet til høyre i denne bloggen.) Den nye widgeten heter «Twitter Timeline», og den gamle Twitter-widgeten vil snart være historie.

Først må du opprette Twitter-widgeten for å få en widget-ID. Samtidig kan du tilpasse widgeten og velge ny farge og størrelse.

Widget-ID-en er det lange tallet i URL-adressen:

Twitter widget ID

 
Legg deretter til widgeten (WP-admin > Utseende > Widgeter). Du får da frem widget-innstillingene:

Twitter widget settings

Fyll ut feltene, inkludert ID-en ovenfor.

 
Du kan også bygge inn Twitter-feeden i et innlegg eller på en side i bloggen. Bruk denne kortkoden:

Twitter widget code

Bytt ut «1234» med widget-ID-en, og «brukernavn» med Twitter-navnet ditt, uten @.

 
Resultat:


 

Written by Solveig Hansen

11.5.2015 at 23:56

Publisert i WordPress

Tagged with

Fra web til PDF med ett klikk

leave a comment »

Web2PDF er et praktisk verktøy for å konvertere enkeltstående nettsider til PDF. Det kan også brukes for blogger, men du støter på enkelte begrensninger på grunn av måten blogger er bygd opp på. Jeg har testet verktøyet for denne WordPress.com-bloggen.

Basisverktøyet er gratis. Det er bare å gå til Web2PDF og skrive inn adressen til nettsiden du vil konvertere. Konverteringen går kjapt, og formatering, bilder, lenker osv. beholdes i PDF-filen. For at bilder skal inkluderes i PDF-filen, må de være lagret i mediebiblioteket (Media Library) for selve WordPress-bloggen, ellers vises de ikke i den konverterte filen.

Web2PDF er laget for å konvertere enkeltsider fra nettet. Vanlige nettsider har en statisk lengde, mens du for en blogg angir hvor mange innlegg du vil vise på hovedsiden, eller kanskje du har slått på automatisk rulling (Scroll Infinitely). For en WordPress-blogg kan du vise opptil 50 innlegg på siden (velges under Dashboard-Settings-Reading / Kontrollpanel-Innstillinger-Lesing). Når automatisk rulling er aktivert, konverteres bare sju innlegg i WordPress – det er dette antallet WordPress henter inn per innlasting. Det betyr at du ikke kan konvertere hele bloggen i et jafs.

Du kan eventuelt filtrere innleggene du vil konvertere, for eksempel etter måned eller kategori. Jeg valgte å konvertere innleggene i kategorien «Fra manus til e-bok». Alt innholdet er intakt i PDF-filen, bortsett fra at bloggtittelen øverst vises som en krusedull.

Se PDF-filen hvis du vil.

Med Web2PDF kan du også sende en konverteringsforespørsel via e-post og få tilsendt PDF-filen til e-postadressen din. Hvis du blir medlem, får du tilgang til mer avanserte alternativer. Som betalende medlem slipper du å se Web2PDF-logoen i PDF-filen. Med en gratis konvertering vises logoen nederst til høyre på hver side.

En annen mulighet er å plassere en «Lagre som PDF»-knapp på en nettside for å gjøre det lett for besøkende å skrive ut siden, for eksempel en kvittering, en veiledning eller et kart. Knappen kan ikke legges til i en blogg på WordPress.com, men for WordPress.org-brukere er Web2PDF tilgjengelig som plugin.

Les mer på nettstedet for Web2PDF.

 

Written by Solveig Hansen

5.12.2012 at 21:10

Vise programkode som tekst i WordPress-innlegg

leave a comment »

Hvordan skriver du programkode eller HTML-tegnkoder i et WordPress-innlegg for å vise syntaksen?

WordPress har laget en tagg, kalt sourcecode, som du kan pakke programkoden eller tegnkoden inn i:

[sourcecode]
skriv inn koden her
[/sourcecode]

Hvis du for eksempel skriver

[sourcecode]
&amp;
[/sourcecode]

vises teksten &amp; i innlegget, ikke tegnet &.

Hvis du vil vise CSS-kode, angir du CSS som språk i taggen:

[sourcecode language=»css»]
skriv inn koden her
[/sourcecode]

Hvis du skriver inn koden uten å angi CSS som språk, vises koden som vanlig tekst. Eksempel:

Du kan også sette inn parametere i taggen for å tilpasse teksten i innlegget. Du kan for eksempel utheve enkelte linjer. Se Posting Source Code.

 

Written by Solveig Hansen

19.8.2012 at 16:14

Få rette anførselstegn i WordPress

leave a comment »

Irriterer du deg over at de rette anførselstegnene dine vises som buede anførselstegn (ALT+0147/0148), såkalte "curly quotes" eller "smart quotes", i bloggen din på WordPress.com? Bruk HTML-tegnkoden &quot;. Det gjør du i Tekst-visningen i editoren, slik:

Rette anførselstegn

Du vil kanskje bruke rette anførselstegn når du gjengir programkode i et innlegg. Vær obs på at anførselstegnene endres til buede hvis du bytter til Visuell-visningen. Hvis du foretrekker å jobbe i Visuell, bør du vente med å endre anførselstegnene til du er helt ferdig med innlegget. Lagre innlegget fra Tekst-visningen.

For WordPress.org-brukere finnes det visstnok en egen plugin som fikser dette.

 

Written by Solveig Hansen

19.8.2012 at 13:24

Hvorfor vises det annonser i WordPress-bloggen min?

leave a comment »

Og hvordan fjerner jeg dem?

Du har kanskje opplevd at blogglesere har kommentert at det vises annonser i bloggen din på WordPress.com. Det er ingen grunn til kommerspanikk.

WordPress.com er en gratis bloggtjeneste, og for at tjenestene skal kunne fortsette å være gratis, kan WP tillate annonser i bloggene for å tjene noen kroner. Annonsene er små og diskrete og vises bare på noen av sidene.

Du ser ikke annonsene når du er logget på WordPress.

Hvis du vil ha en fullstendig annonsefri blogg, kan du kjøpe oppgraderingen No-ads, som koster USD 29,97 per år. Gå til Dashboard/Kontrollpanel, og velg Upgrades/Oppdateringer nesten øverst til venstre.

Min kontaktperson i en organisasjon som jeg er bloggredaktør for, varslet meg om en Google-annonse på bloggens forside. Vi bestemte oss for ikke å investere i oppgraderingen, men la WordPress vise sine annonser nå og da slik at de kan fortsette å tilby oss supre og gratis tjenester.

Written by Solveig Hansen

12.6.2011 at 16:21

Legg til en flaggteller i bloggen

leave a comment »

FlaggtellerSprit opp bloggen din med en flaggteller, i stedet for bare å vise antall sideklikk med tørre tall. Eksemplet til høyre er fra Flagcounter.com.

Du limer inn koden for flaggtelleren i en Tekst-widget i sidekolonnen eller toppfeltet eller hvor som helst bloggmalen tillater det.

Slik legger du til en flaggteller i sidekolonnen i en WordPress-blogg:

1. Gå til Flagcounter.com.

2. Velg alternativer for telleren: maksimumsantallet flagg som skal vises i telleren, hvor mange kolonner med flagg som skal vises, og tekstetikett (standardteksten er «Visitors», som vist på bildet ovenfor). Merk av for Show Country Codes og Show Pageview Count hvis du vil vise en landskode på to bokstaver ved siden av hvert flagg, og antall sideklikk under flaggene. Du kan også velge andre farger.

3. Klikk på Get Your Flag Counter, og velg om du vil registrere telleren. Ved å registrere den får du en konto som du selv kan administrere. Klikk på Continue (Skip hvis du velger ikke å registrere telleren).

4. Kopier koden under Code for websites. Den ser omtrent slik ut:

<a href=»http://s06.flagcounter.com/more/wkoE»><img src=»http://s06.flagcounter.com/count/wkoE/bg=FFFFFF/txt=000000/
border=CCCCCC/columns=2/maxflags=12/viewers=0/labels=1/pageviews=1/»
alt=»free counters» border=»0″></a>

5. Lim inn koden i en Tekst-widget i WordPress på vanlig måte. Her er fremgangsmåten, i tilfelle du har glemt den:

– Gå til bloggens dashboard/kontrollpanel, og velg Widgets/Widgeter under Appearance/Utseende.
– Under Available Widgets/Tilgjengelige widgeter drar du Tekst-widgeten til ønsket sted under Sidebar/Sidekolonne til høyre.
– Klikk på Save/Lagre.
– Telleren vises nå i bloggen.

Du kan redigere koden senere hvis du vil endre utseendet på telleren:

<a href=»http://s06.flagcounter.com/more/wkoE»><img src=»http://s06.flagcounter.com/count/wkoE/bg=FFFFFF/txt=000000/
border=CCCCCC/columns=2/maxflags=12/viewers=0/labels=1/pageviews=1
alt=»free counters» border=»0″></a>

bg: FFFFFF, 000000 og CCCCCC er henholdsvis bakgrunns-, tekst- og kantfargen. Spesifiser dine egne farger hvis du vil.
columns: Antallet kolonner i telleren. Velg et tall mellom 1 og 9.
maxflags: Maksimumsantallet flagg som skal vises. Velg et tall mellom 1 og 248.
viewers: Tekstetiketten som vises over flaggene. Standardverdien 0 viser Visitors, som på bildet over, mens 3 fjerner etiketten helt. Skriv eventuelt inn en annen tekst. Hvis du for eksempel vil at tittelen skal være Visitor Flags!, skriver du inn følgende: Visitor+Flags! – plusstegnet konverteres til et mellomrom.
labels: 2-bokstavers landskode ved siden av hvert flagg. 0 = av, 1 = på.
pageviews: Antallet sideklikk under flaggene. 0 = av, 1 = på.

Les mer på Flagcounter.com.

Written by Solveig Hansen

12.4.2011 at 17:23

Publisert i Webdesign, WordPress

Tagged with