Nyheter i Android, Telefoner, Prylar Och Recensioner

WordPress Visual Editor Tips och tricks

WordPress byggdes från början för att vara ett enkelt bloggsystem som gjorde det enkelt att publicera innehåll online. Med tiden har det förvandlats till ett komplett Content Management System (CMS). Användare har nu fullständig kontroll över designen och funktionaliteten på sina WordPress-webbplatser. Men utan innehåll betyder design och funktion ingenting, och i den meningen förblir WordPress trogen sina rötter: skapande och hantering av innehåll.

Även om många funktioner har integrerats i WordPress-basprogramvaran, är innehållsskapande fortfarande dess främsta drivkraft. Med det i åtanke, låt oss ta en närmare titt på WordPress visuella redigerare i det här inlägget och hur du bäst kan använda den.

WYSIWYG

WordPress låter dig skapa och hantera innehåll visuellt istället för att koda det direkt i dina filer. Därför kallas det en WYSIWYG-redigerare eller “Vad du ser är vad du får” för den oinvigde. Redigeringsverktyget har tre delar:

  1. visuell redaktör
  2. Textredigerare (där du kan ange koden)
  3. Media Uploader (för att ladda upp bildfiler)

Som standard är Visual Editor aktiv när du skapar ett nytt inlägg eller sida (Sidor > Lägg till nytt eller Inlägg > Lägg till nytt). Om den av en slump inte är aktiv, klicka på den:

bild1

WYSIWYG betyder att det du ser i Visual Editor när du redigerar ditt inlägg är det som kommer att visas i det publicerade inlägget. Textredigeraren låter dig skriva in vanlig text och låter dig även ange kod (HTML-markering) direkt som om du arbetade med den faktiska HTML-filen. Du aktiverar den genom att klicka på fliken Text längst till höger i editorn:

bild 11

Media Uploader gör just det: laddar upp mediefiler till mediebiblioteket så att du kan infoga dem i dina inlägg hur du vill:

bild 10

Med denna korta introduktion till WordPress kraftfulla visuella redigerare, låt oss nu titta på hur du kan använda några knappar för att skapa och redigera innehåll. Jag använder Blogger-temat från vår gratissamling för illustrationerna.

Lägg till text

Det första är att öppna en ny sida eller ett nytt inlägg och öppna den visuella redigeraren: Gå till Inlägg > Lägg till nytt. Som standard ser du ett komprimerat verktygsfält när du skapar ett nytt inlägg:

Relaterad  Vilken GPU ska du välja? Nvidia RTX 3070 vs. RTX 3080

bild 2

Klicka på ikonen Kitchen Sink för att visa andra formateringsalternativ i verktygsfältet:

bild 3

För grundläggande innehållsskapande och -hantering fungerar formateringsalternativen ovan bra. Även om du är ny på WordPress kommer de flesta av ikonerna att se bekanta ut från andra textredigerare som Microsoft Word. Faktum är att alla ikoner i den visuella redigerarens verktygsfält har samma funktion som de identiska ikonerna i Microsoft Word, så jag har valt de minst bekanta att diskutera.

För att lägga till text, skriv helt enkelt ditt innehåll i redigeringsfönstret. Men ibland kan ditt innehåll redan ha skrivits någonstans, och i så fall kan du helt enkelt klistra in det som vanlig eller Word-formaterad text med hjälp av dessa knappar i verktygsfältet:

bild 4

Det går snabbt att använda den här vägen och den visuella redigeraren gör ett bra jobb med att bevara mycket av Words formatering – åtminstone bättre än standardkopiera och klistra in. Men, som du snart kommer att upptäcka, är det inte ett felfritt jobb och kan ibland sluta med trasig text. Jag tycker att det är mycket lättare att klistra in som vanlig text och sedan göra formateringen i den visuella redigeraren.

Ta bort formatering från din text

Som vi har sett eller som du kommer att se när du experimenterar med dessa formateringsknappar, har den visuella redigeraren svagheter när det gäller att hantera formaterad text som importeras från andra textredigerare. Därför kan det vara bäst att arbeta med vanlig gammal text. Det här är knappen du ska använda för att ta bort formatering från importerad text:

bild 5

Markera din text och klicka på den knappen. Din text kommer nu att ha standardformateringen av ditt tema. Observera att den här knappen inte fungerar för vissa formateringstyper, såsom citattecken och rubriker. Det finns andra formateringsknappar som tar hand om dessa typer.

Relaterad  Sony patenterade Death Strandings konstruktionsfunktioner online

Ändra texttyp

Du kommer att ha flera typer av text i ditt dokument, inklusive stycken och rubriker. För att ändra din texttyp, markera den del av texten du vill ändra och klicka på formateringsmenyn längst till vänster i redigerarens verktygsfält. Välj det format du vill ha och det är allt:

bild8

Självklart kan du formatera dina inlägg som du vill, men se till att det finns en viss struktur för att hålla saker konsekventa. Avsnittsrubriker måste till exempel ha samma rubrikformat, till exempel Rubrik 2, medan huvudrubriken vanligtvis är Rubrik 1. Dessutom måste standardstycketext ha ett standardformat och det bör även texten och förformaterade adresser.

Kom ihåg: standardformaten för olika typer av text beror på ditt ämne. Varje tema kommer med sin egen standardstil för de typer som du ser i rullgardinsmenyn för formatering.

Använd stycketypen i rullgardinsmenyn för att ta bort formatering från rubriker, eftersom knappen Ta bort formatering inte fungerar för rubriker och blockcitattecken.

Använd knappen Blockquote för att formatera eller avformatera blockquote:

bild 9

Helskärmsredigering

bild 13

Om du gillar att arbeta med minimala distraktioner hittar du helskärmsläget perfekt för dig och det här är knappen som aktiverar det. Det stänger helt enkelt alla icke-nödvändiga saker på skärmen och lämnar dig med bara innehållsrutan och ett komprimerat verktygsfält som döljs och visas automatiskt när du håller muspekaren över sidan.

Infoga mer tagg

bild 12

Även om detta är en ofta förbisedd funktion i den visuella redigeraren, är den väldigt användbar när det gäller att visa inläggsutdrag på din blogg. Som du redan vet, om du har publicerat inlägg på din blogg, visar WordPress utdrag av dessa inlägg på hem- och arkivsidorna. Men WordPress trunkerar utdrag slumpmässigt och detta kan vara mitt i en mening.

Det är här den fiffiga funktionen Infoga fler taggar kommer väl till pass. Låter dig ange exakt var uttalandet ska sluta. En länk kommer att infogas som pekar till hela inlägget där du angav att utdraget ska avslutas. Det finns många sätt att formatera den här taggen, men kom ihåg att den som standard bara fungerar för inlägg (inte sidor):

Relaterad  Hur man får rupier i Tears of the Kingdom

bild 14

Obs! Användningen av Embed More-taggen beror på stödet för det valda temat. De flesta av de noggrant utvecklade teman stödjer detta, men vissa gör det inte.

Lägg till och ta bort länkar

bild 15

Att infoga och ta bort länkar är också enkelt med dessa knappar. De är inaktiva som standard tills du markerar texten som du vill göra om till länken. Knappen till vänster lägger till en länk medan knappen till höger tar bort länkar.

Speciella karaktärer

bild 6

Om du någon gång har använt specialteckenknappen i Word, bör detta se bekant ut för dig också. Den här är dock mer intuitiv eftersom den visar HTML- och NUM-koderna för ett tecken när du håller muspekaren över det:

bild 7

Om du är en vanlig WordPress-användare är du antagligen redan bekant med det mesta som vi har tagit upp ovan, men för nya WordPress-användare bör detta vara en användbar guide för att komma igång med den visuella redigeraren i WordPress; deras förmåga såväl som deras begränsningar.

Jag skulle också vilja höra från dig hur du använder den visuella editorn. Har du några tips eller tricks du vill dela med dig av?