Forskellig overskrift pr. side i WordPress - Sådan gør du

At have muligheden med WordPress til at vise en anden sidehoved pr. side er super nyttig til salgssider eller endda tragte.

Opret et unikt produktnavn, slå en salgsside op, og hav derefter en anden WP-header pr. side for hvert trin i din salgstragt...

Startside, JV-side, tilmeldingsside, webinarside ... you name it. Du kan virkelig gå til byen med WP-headerne, og det er ikke (altid) så svært at gøre.



Faktisk gør nogle temaer det nemt at pege og klikke.

Hvis ikke, kan du altid gå plugin-ruten.

Når du fortsætter med at læse nedenfor, får du det indvendige scoop om at udskifte din WP-header på sidebasis.

Alt du behøver er et andet sidehovedbillede i samme sidehovedstørrelse. Metoderne til at få dit billede ind i sidehovedet er detaljeret nedenfor.

WordPress: Forskellig overskrift pr. side

Brug et tema, der lader dig skjule overskriften, så kan du erstatte den med et billede i posten. Alternativt kan du tilføje header-erstatningsfunktionaliteten ved hjælp af WP Display Header-plugin. Skulle den ikke tilsidesætte din standardoverskrift (hvilket resulterer i, at der vises to overskrifter), skal du skjule standardoverskriften med CSS.

Deaktiver sidehovedet (afhængig af tema)

Før du springer videre for at rode med nogen kodning eller tilføjer flere plugins, som måske eller måske ikke er nødvendige, skal du kontrollere, at dit tema kræver din indgriben.

I din WP-editor skal du se på højre sidebjælke efter et afsnit med titlen 'elementer'.

Headeren er et element, og der er nogle temaer (for det meste premium), der giver dig mulighed for at deaktivere headeren på individuelle sider og indlæg.

Hvis du har den mulighed, har du mulighed for at erstatte sidehovedbilledet på hver side med et standardbillede.

Du kan indsætte et overskriftsbillede direkte i editoren, der matcher din skabelons overskriftsdimensioner. Bare fjern markeringen i feltet for at vise overskriftsbilledet.

Bemærk, at indsættelse af et billede i indlægseditoren indlæser billedet i dit indholdsområde. Hvis du har indstillet din sidebjælke til at blive vist, vil den ikke blive placeret over den.

Til det skal du erstatte headerbilledet. Skjul det ikke, og udskift det med et billede i posten. Det virker kun, hvis dit tema også har mulighed for at skjule sidebjælken.

Skulle dit tema ikke understøtte skjulning af temaoverskriften på sidebasis...

Vend til plugins for at erstatte din standardheader på en enkelt side/indlæg basis

Vi testede to. Ingen af ​​dem fungerede ud af boksen. Plugins er afhængige af, at udviklere gør deres temaer kompatible med brugerdefinerede overskrifter.

Hvis dit tema ikke understøtter (customer_header) hook i WP, synes plugins (på overfladen) at være ubrugelige.

Men som fans af WP CSS-tilpasning opdagede vi, at der er en måde at få dem til at fungere uden at duplikere din header.php-fil, redigere koder med FTP og muligvis ødelægge dit websted.

En hurtig måde at se, om et af disse plugins vil fungere uden redigering...

Gå til menuen Udseende, vælg tilpasning, åbn dine 'header'-indstillinger og se, hvad du har.

Du har brug for dit tema, så du kan tilføje nye overskrifter OG holde dine tidligere uploadede overskrifter tilgængelige til fremtidig brug. Hvis du kan 'tilføje nyt', er dit tema godt. Hvis du kun kan 'ændre' dit header eller webstedslogo, vil plugins ikke virke.

De to plugins at prøve er 'WP Unique Headers og 'WP Display Headers.'

WP Unique Headers og WP Display Headers

For enten at fungere i vores test, skulle der foretages ændringer med CSS, ellers var resultatet, at standardoverskriften blev placeret over det forskellige billede.

Resultatet af to overskriftsbilleder, det ene placeret over det andet, er rodet.

Så vær opmærksom på, at hvis du ser dette ske, betyder det ikke, at plugin'et er inkompatibelt med dit tema. Du kan skjule elementer med CSS, og det er den hurtige løsning for at få plugins som disse til at virke.

Gå til menuen Udseende, vælg Tilpas, og gå derefter ind i menuen Yderligere CSS.

Tilføj følgende kode:

.page-id-1283 .custom-logo {
    display:none;
}
.page-id-1283 .menu {
    display:none;
}

Hvor side-id'et er, skal du erstatte det med dit side-id. Indlæs den side, du vil have en anden header på, og side-id'et vises i din browsers URL-adresselinje.

Hvor '.custom-logo' er, skal du erstatte det med din temaoverskriftskode.

For at finde det, højreklik på dit overskriftsbillede, vælg inspicer og 'klasse'-elementet er dit header-klasse-id. De fleste temaer er enten 'custom-logo' eller 'custom-header'.

Hold displayet indstillet som 'ingen'. Det vil skjule dit standardoverskriftsbillede.

Den anden sektion af CSS har du muligvis ikke brug for

Brug dette, hvis du finder, at din navigationsmenu vises i din anden overskriftsgrafik i stedet for under den.

Da standardoverskriften bliver skjult, bliver hovednavigationslinjen skubbet op for at udfylde det hvide rum.

Du kan enten skjule det, hvilket er, hvad CSS-koden ovenfor gør, eller du kan lege med polstringselementer for at skubbe navbaren ned under det nye headerbillede.

Brug af WP Display Header plugin

Når WP Display Header-pluginnet er aktiveret, når du indlæser en side eller et indlæg i redigeringstilstand, får du en ekstra header-sektion vist under din WordPress-editor. Vælg den unikke overskrift, der skal vises for den pågældende side eller indlæg, og klik derefter på opdater.

Bemærk: Hvert overskriftsbillede, der viser, er de 'tidligere uploadede' overskrifter, du kan uploade i dine tematilpasnings-headerindstillinger.

Det er derfor, du har brug for et tema, der gemmer tidligere overskrifter. Pluginnet fungerer ikke på temaer, der kun lader dig ændre en header eller et logo.

Dette erstatter standardheaderen med din unikke header kun for den pågældende side eller dette indlæg.

Når du har valgt din anden header, skal du trykke på preview, og du vil se den anden header-visning.


Sådan laver du en brugerdefineret header på to minutter

Hvis du synes, at du bruger ALT for lang tid på at redigere billeder, så gør dig selv en tjeneste og opret en gratis konto på Canva.

Det tager to minutter (afhængig af internetforbindelse) at oprette en brugerdefineret grafik, gemme den på din computer og derefter uploade den til WP og indstille den som din brugerdefinerede header-grafik.

Med henblik på at skabe en brugerdefineret grafik til dine sidehoveder, se hvordan man downloader fra Canva , som leder dig gennem oprettelse af brugerdefinerede billeder og download.

Uploader din tilpassede header

Når du har dit billede, skal du gå tilbage til dit WP-dashboard, gå til Udseende og derefter vælge 'Customizer'. Gå ind i header-indstillingerne og vælg denne gang 'Tilføj nyt billede'.

Efter al sandsynlighed vil det ændre dit overskriftsbillede på alle sider, når du tilføjer billedet første gang. Klik på overskriften fra afsnittet 'tidligere uploadet' for at gendanne din standardoverskriftsgrafik.

Rediger nu din side eller dit indlæg for at vise en anden header på den specifikke side.

Klik på alternativknappen ved siden af ​​det sidehovedbillede, du ønsker til den pågældende side. Gå tilbage til toppen, klik på knappen 'Preview', og du vil se, at din side eller dit indlæg vises med et andet overskriftsbillede.

Et tema og plugin-kombination, der fungerede for at sætte forskellige overskrifter på forskellige sider er:

Hvis du starter et websted med WordPress og vil gå den gratis vej ved at tilpasse gratis WP-temaer, er en kombination, der løser boksen uden at kræve CSS-redigeringer, Pure and Simple Theme (gratis version) og WP Display Headers.

Installer og aktiver temaet og plugin'et, og du kan derefter vælge forskellige overskrifter, der skal vises på forskellige sider og indlæg.