Vill du lägga till text ovanpå en bild i WordPress?
En textöverlagring är ett utmärkt sätt att ge ytterligare information om en bild. Det är också ett snabbt och enkelt sätt att skapa banners, rubriker och till och med onlineannonser.
I den här artikeln kommer vi att visa dig hur du kan lägga till text ovanpå en bild i WordPress.
Lägg till text över bilder i WordPress
Bilder kan få din WordPress-webbplats att se mer intressant ut och hjälpa till att bryta upp stora textstycken.
Men ibland kan dina bilder behöva mer förklaring. Du kan till exempel lägga till text ovanför en bild för att förklara vad bilden visar och varför du lade till den i ditt inlägg.
Många WordPress-bloggar lägger också till text ovanpå en bild för att skapa iögonfallande och informativa banners och rubriker.
I det här inlägget har vi tre olika sätt att lägga till text ovanpå en bild i WordPress. Om du föredrar att gå direkt till en viss metod kan du använda följande länkar:
Metod 1: Lägg till text ovanpå en bild med hjälp av omslagsblocket
Ett sätt att lägga till text ovanför en bild i WordPress är att använda Cover-blocket. Du kan använda detta block för att visa vilken bild som helst och sedan skriva text över bilden. Detta gör Cover-blocket perfekt för att skapa utvalda bilder, rubriker och banners.
För att lägga till ett omslagsblock till en sida eller ett inlägg, klicka helt enkelt på plustecknet (+) i WordPress-blockredigeraren.
Du kan nu skriva ‘Omslag’ och välja rätt block när det visas.
Som standard har Cover-blocket en platshållarbild och viss platshållartext.
För att ersätta standardbilden klickar du bara för att välja bilden. När du har gjort det klickar du på knappen “Ersätt”.
Om du vill använda en bild som redan finns i ditt WordPress-mediebibliotek klickar du bara på “Öppna mediebibliotek.” Du kan sedan välja en befintlig bild.
Om du vill ladda upp en ny bild, klicka på “Ladda upp”.
Detta öppnar ett fönster där du kan välja vilken fil som helst på din dator.
När du har valt en bild kan du använda blockinställningarna för att skapa några intressanta och iögonfallande effekter. Du kan till exempel låta bilden stanna på plats när besökaren rullar ner på sidan eller lägga till en färgöverlagring till bilden.
Om du använder en överlagring kan du ändra dess opacitet med skjutreglaget “Opacitet”. Opacitetsinställningen styr genomskinligheten av bakgrundsbilden.
När du är nöjd med hur bilden ser ut är du redo att lägga till lite text.
Som standard har omslagsblocket ett rubrikblock och ett stycke där du kan lägga till text ovanpå bilden.
För att lägga till text, klicka bara för att välja rubrik- eller styckeblocket. Gå sedan vidare och skriv in texten du vill använda.
När du lägger till text ovanpå en bild kan den texten ibland vara svår att läsa. Detta gäller särskilt för besökare som har synproblem. För mer information, kolla in vår guide om hur du förbättrar tillgängligheten på din WordPress-webbplats.
Som sagt, du kanske vill layouta din text för att göra den lättare att läsa.
Om du arbetar med ett rubrikblock kan du också prova de olika rubrikstilarna för att se vilken som är lättare att läsa.
Du kan också hjälpa din text att sticka ut genom att använda en kontrastfärg.
För att välja en annan färg, välj fliken “Blockera” i den högra menyn. Gå sedan vidare och klicka på “Färg” för att expandera det här avsnittet.
När du har gjort det klickar du på “Text”. Detta öppnar ett popup-fönster där du kan välja en ny färg för all text i blocket.
Vanligtvis är större text lättare att läsa.
För att göra texten större, gå vidare och klicka på fältet bredvid “Storlek” och skriv sedan ett större nummer i det här fältet.
När du är nöjd med utseendet på ditt omslagsblock kan du publicera eller uppdatera din sida som vanligt. Nu, om du besöker din WordPress-webbplats, kommer du att se din text ovanför bilden.
Metod 2: Lägg till text ovanpå en bild med hjälp av bildblocket
Cover-blocket är utmärkt för att skapa banners och rubriker. Men du kan också lägga till text ovanpå ett standard WordPress-bildblock.
För att komma igång måste du lägga till ett bildblock på din sida eller ditt inlägg. För att göra detta klickar du helt enkelt på plustecknet (+) i WordPress-blockredigeraren.
Du kan sedan skriva “Bild” och välja rätt block för att lägga till det i ditt inlägg.
Du kan sedan ladda upp en bild från din dator eller klicka på “Mediebibliotek” för att välja en bild från WordPress mediebibliotek.
När du har valt din bild kan du ändra dess fokuspunkt, lägga till en överlagring och ändra opaciteten genom att följa samma process som beskrivs ovan.
Du kan också prova de olika reglagen “Fixed Background” och “Repeating Background” för att se vilken som fungerar bäst för ditt bildblock.
När du är nöjd med utseendet på din bild klickar du bara på knappen “Lägg till text över bild”.
Detta lägger till ett område där du kan skriva din text.
Beroende på din bild kan besökare ha svårt att läsa din text. I det här fallet kan det vara användbart att göra texten fet eller ändra dess färg genom att följa samma process som beskrivs ovan.
Du kan också förstora texten.
För att göra detta, hitta avsnittet “Storlek” i den högra menyn. Du kan sedan gå vidare och klicka på de olika siffrorna för att göra texten större eller mindre.
När du är nöjd med utseendet på texten och bilden, gå vidare och klicka på “Spara utkast”, “Uppdatera” eller “Publicera” för att spara dina ändringar.
Metod 3: Skapa en anpassad sidlayout med text ovanför en bild
WordPress inbyggda block är ett snabbt och enkelt sätt att lägga till text ovanpå en bild i WordPress. Men om du vill ha friheten att skapa helt anpassade sidlayouter behöver du ett plugin för sidbyggare.
SemillaProd är den bästa WordPress-sidbyggarplugin på marknaden. Låter dig lägga till text ovanpå vilken bild som helst på din webbplats.
Notera: Det finns en gratisversion av SeedProdmen för den här guiden kommer vi att använda Pro-versionen eftersom den har fler funktioner.
Först måste du installera och aktivera SeedProd-plugin. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.
Vid aktivering måste du ange din SeedProd-licensnyckel. Du kan få denna nyckel genom att logga in på din SeedProd-konto. Klicka sedan på fliken “Nedladdningar”.
När du har gjort det kan du kopiera nyckeln till avsnittet “Licensnyckel”.
Du kan nu klistra in den här nyckeln i ditt WordPress-administratörsområde genom att gå till SeedProd » Konfiguration sida.
När du är här, fortsätt och klistra in din nyckel i fältet “Licensnyckel”.
Sedan klickar du helt enkelt på ‘Verifiera nyckel’.
Efter det åker vi till SemillaProd » Målsidor och klicka på “Lägg till ny målsida”.
Din nästa uppgift är att välja en mall som kommer att vara startpunkten för din sida. Oavsett vilken SeedProd-mall du väljer kan du anpassa varje del av mallen så att den passar din webbplats och ditt varumärke perfekt.
Om du föredrar att börja med en tom duk kan du klicka på “Tom mall”.
I alla våra bilder använder vi mallen Tasty Squeeze Page, som är perfekt för att få fler prenumerantkampanjer.
När du har hittat en mall du vill använda, för musen över den. Du kan sedan klicka på ikonen “Förhandsgranska”.
Detta kommer att visa en förhandsvisning av mallen.
Om du är nöjd med utseendet på den här mallen, gå vidare och klicka på knappen “Välj den här mallen”.
I fältet “Sidnamn” anger du ett namn för sidan.
Som standard kommer SeedProd att använda detta namn som sidans URL. Om du vill ändra denna automatiskt skapade URL, redigera helt enkelt texten i fältet “Page URL”.
När du är nöjd med informationen du har angett klickar du på knappen “Spara och börja redigera sidan”. Detta öppnar mallen i SeedProds dra-och-släpp-redigerare.
I menyn till vänster ser du alla block och avsnitt som du kan lägga till på din sida genom att dra och släppa.
Om du inte använder den tomma mallen kommer din SeedProd-sida redan att ha några block och sektioner. För att redigera något av detta innehåll klickar du bara för att välja blocket eller avsnittet.
Den vänstra menyn i SeedProd visar nu alla inställningar du kan använda för att anpassa detta block eller avsnitt. Som du kan se i bilden nedan, om du klickar på ett titelblock kan du ändra texten som visas i detta block.
Det enklaste sättet att lägga till text ovanpå en bild är att använda en av SeedProds färdiga Hero-sektioner.
Dessa sektioner har en platshållarbakgrundsbild, med lite platshållartext tillagd ovanpå. Du kan helt enkelt ersätta standardbakgrundsbilden och texten med ditt eget innehåll.
För att komma igång, klicka på fliken “Sektioner” i SeedProds vänstra meny.
Du kan sedan klicka på “Hjälte” för att se alla färdiga hjältesektioner som du kan lägga till på din sida.
För att förhandsgranska någon av dessa avsnittsmallar, håll helt enkelt muspekaren över mallen och klicka sedan på förstoringsglasikonen.
För att gå vidare och lägga till detta huvudavsnitt till din design, klicka bara på “Välj det här avsnittet.”
Därefter vill du ersätta mallens lagerbild med din egen bild. För att göra det klickar du bara på bilden för att välja den.
Håll sedan muspekaren över förhandsvisningen “Bakgrundsbild” i den vänstra menyn i SeedProd tills en papperskorgsikon visas.
Du kan sedan gå vidare och klicka på den här ikonen för att ta bort platshållarbilden.
Klicka sedan på “Använd din egen bild.” Du kan sedan välja en bild från WordPress mediebibliotek eller använda en stockbild.
SeedProd ger dig enkel tillgång till tusentals royaltyfria stockbilder. För att ta en titt på SeedProds bildbibliotek, klicka på “Använd en bild.”
I sökfältet skriver du ett ord eller en fras som beskriver bilden du letar efter och klickar på knappen “Sök”.
SeedProd kommer nu att visa alla stockbilder som matchar din sökterm.
När du hittar en bild som du vill lägga till i din design klickar du bara på den.
När du har lagt till en bild är du redo att ersätta platshållartexten.
För att göra detta, klicka för att välja textblocket. Sedan, i “Text”-området, skriv helt enkelt in texten du vill använda.
Några av SeedProds kärnmallar har ytterligare innehåll, till exempel uppmaningsknappar.
Vill du ändra detta innehåll? Klicka sedan för att välja blocket och gör sedan ändringarna i vänstermenyn i SeedProd.
Ett annat alternativ är att ta bort hjältemallsblocket.
För att göra detta, klicka bara för att välja blocket och klicka sedan på papperskorgen.
När du är nöjd med layouten på din sida kan du klicka på knappen “Spara”.
Härifrån kan du välja att publicera sidan eller spara den som en mall.
För mer information om att skapa anpassade sidlayouter med SeedProd, kan du kolla in vår guide om hur du skapar en målsida i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till text ovanpå en bild i WordPress. Du kanske också vill se vår guide om hur du massredigerar utvalda bilder och våra expertval för den bästa webbdesignmjukvaran.
