Rubriken på en webbplats är den första informationen som uppfattas av besökare av din webbplats. Det låter dig markera din varumärkeslogotyp, organisera sidorna på din webbplats samt tillhandahålla andra viktiga funktioner (sökning, anslutning, etc.). Utöver detta är det nödvändigt att ha en flytande och transparent rubrik eftersom det förbättrar användarupplevelsen.

I den här artikeln kommer vi att visa dig hur du skapar en rubrik och gör den transparent med Elementor. Men innan ska vi se vad en flytande och transparent rubrik är.

Vad är en flytande och transparent rubrik?

En flytande rubrik är ett navigeringsfält som alltid förblir fixerat även när besökaren rullar ner på webbsidan. Det är mycket lämpligt för sajter som har sidor med långa artiklar, recensioner och ensidiga sajter. Och dess genomskinliga aspekt låter dig se bakgrundsfärgen på sidan såväl som dess innehåll.

Varför använda flytande och transparenta rubriker

Moderna webbplatser använder allt oftare flytande och transparenta rubriker eftersom de har en visuell inverkan på besökare av webbplatsen. Skälen för att anta dem syftar till:

• Öka medvetenheten om ditt varumärke,
• Förbättra användarupplevelsen,
• Förbättra navigeringen

Upptäck Hur man skapar en tvåfärgad titel i Elementor

Nåla fast och gör en rubrik genomskinlig med Elementor

För att skapa en transparent och flytande rubrik måste du ha båda versionerna avElementor (Pro och Lite). Annars ladda ner (Elementor, Elementor Pro) innan du startar.

När du har installerat, följ nästa steg.

Steg 1: skapa en meny med Elementor

För att skapa en meny, följ dessa steg:

• välja successivt Utseende >> Menyer
• Namnge menyn
• Ange platsen för menyn
• Bekräfta genom att klicka på knappen spara-menyn

• Kontrollera sidorna, artiklarna eller inläggen i gruppen Lägg till menyalternativ
• Klicka på Lägg till Meny för att lägga till de markerade objekten till menyn
• Klicka äntligen på Spara menyn

Lire aussi Elementor: Hur man visar text ovanför en bild

Steg 2: Välj Header Template från Elementor Template Library

Användare avElementor Pro har tillgång till ett bibliotek med färdiga mallar som är användbara för att designa olika delar av en webbplats. Du hittar också en mängd olika rubrikmallar här. Att göra detta,

• Gå successivt till Modeller >> Lägg till

• Du kommer att se en modal popup
• Välj header
• Klicka äntligen på Skapa en mall

Från och med då visas biblioteket. Som standard visar den rubrikblock. Bläddra igenom mallarna som erbjuds och infoga sedan mallen som intresserar dig.

Rubrikmallen öppnas i Elementor-duken.

Steg 3: Nåla rubrik med Elementor

Följ dessa steg för att fästa rubriken:

• Klicka på knappen Redigera rubriksektion
• Välj sedan fliken Avancerad
• Därefter Rörelseeffekt

• Dra ner menyn Stift och välj värdet Överst, kommer detta att frysa sidans rubrik när besökaren rullar nedåt på sidorna.
• Som standard kommer rubriken att fästas automatiskt på media som skrivbord, surfplatta och mobil

Bläddra också Elementor: Hur man exporterar och importerar mallar

Steg 4: Gör rubriken transparent med Elementor

För att uppnå detta, upprepa metoden nedan:

• gå till stil >> bakgrund >> färgväljare

• Ändra sedan opaciteten för bakgrunden

Om du vill göra rubriken helt transparent, ändra bakgrundstyp genom att välja typ klassisk. Därför kommer navigeringsmenyerna att vara osynliga på grund av textens färgkontrast (vit).

För att åtgärda denna situation, gör följande:

• Klicka successivt på Ändra menyn för bläddra >> stilar
• Sedan på färgväljare
• Välj önskad färg (i vårt fall fanns det inget behov av att ändra den).

När du är klar kan du publicera din webbsida. Men innan dess, låt oss se hur du byter ut navigeringsmenyerna i vår mall med de vi skapade. Kom ihåg att namnet som tilldelats vår är huvudmenyn (se steg 1):

• Välj fliken innehåll
• Ändra sedan meny genom att välja namnet på din rubrik

Och där går du :).

Slutsats

Transparenta och flytande rubriker kan vara användbara för dig i flera fall. Vi hoppas att den här artikeln kunde möta dina behov om hur man skapar transparenta och flytande rubriker med Elementor. Om du har några andra frågor angående detta ämne, låt oss veta i kommentarerna.