Hur man skapar ett användargränssnitt för meddelandeavisering…

Nödsituationer kan påverka alla organisationer. Oavsett om det är en väderrelaterad avstängning, en plötslig ändring av öppettider eller ett läckande rör i källaren, vad som helst händer. Ett av de bästa sätten att kommunicera sådana frågor är att publicera dem på din webbplats.

Denna information är mycket viktig och bör sticka ut från resten av innehållet på webbplatsen. Att lägga till bör också ta så lite ansträngning som möjligt. Detta är särskilt fallet när din kund uppdaterar webbplatsen. Helst bör du inte fatta designbeslut när du försöker dela ett viktigt budskap. Timing är också mycket viktigt.

Idag visar vi dig en praktisk lösning med hjälp av anpassade WordPress-fält. Det låter dig:

Skapa ett personligt brådskande meddelande.
Välj en teckensnittsikon som visas bredvid den.
Aktivera eller inaktivera meddelanden med bara ett klick.
Lägg till en iögonfallande design till ditt WordPress-tema.

Redo att komma igång? Vi gör det!

Vad du behöver

Detta är ganska lätt att sätta ihop. Men du behöver några ingredienser:

Båda gratis plugins måste vara installerade och aktiverade. Du behöver också tillgång till ditt WordPress-tema.

Om du använder ett av standardteman som följer med WordPress eller ett kommersiellt tema, kommer du att skapa ett barntema. Detta förhindrar att alla ändringar du gör skrivs över i en senare uppdatering.

Lägg till och konfigurera anpassade fält

Den första uppgiften är att skapa en grupp anpassade fält i WordPress. Gå först till Anpassade fält > Lägg till nytt till WordPress Dashboard.

Du kan skapa vilket fält du vill använda. Här är vårt exempel:

Alternativt kan du upprepa det exakta exemplet genom att hämta följande JSON-fil:

När du har laddat ner filen, gå till Anpassade fält > Verktyg. Du kan sedan importera anpassade fältuppsättningar till din webbplats.

När du har importerat, gå till Anpassade fält > Fältgrupper. Klicka på det brådskande meddelandet för att öppna redigeringsskärmen.

Observera att du kanske vill ändra några inställningar här. Särskilt fokus på webbplatsregler för domängrupper. Se till att fälten visas på den eller de sidor du vill ha. I vårt fall visar vi fälten på webbplatsens webbplats.

Skapa ett brådskande meddelande

Nu är det dags att navigera till platsen där fälten för nödmeddelanden är specificerade.

Utseendet på fälten i innehållsredigeraren varierar. Om du använder Gutenberg-blockredigeraren döljs fältuppsättningen längst ner i editorn och under allt befintligt innehåll.

Om du använder den klassiska editorn kommer fälten i JSON-filen vi tillhandahåller att konfigureras så att de visas direkt under sidtiteln och framför allt befintligt innehåll.

Hur som helst är det enkelt att lägga till ett meddelande på vår sida. Klicka på Ja i rutan Visa nödmeddelanden. Välj sedan en ikon (se listan över tillgängliga ikoner för typsnittet). Skriv in ditt meddelande därifrån i WYSIWYG-fältet.

Spara sidan och voila! Det finns nästan…

Lägg till ditt meddelande till framsidan och designen

Slutligen, klistra in vårt brådskande meddelande i vårt WordPress-tema och lägg till en CSS-stil.

I det här exemplet sätter vi meddelandet i rubriken. Här spänner den över skärmens bredd och visas högst upp på sidan. Naturligtvis kan du lägga till detta extrakt till vilket område som helst som du tycker är bäst.

Du har mycket flexibilitet när det kommer till stil. Här använder vi en röd bakgrund med stor vit text. Våra teckensnitt Awesome-ikoner är markerade i gult.

Slutresultatet är svårt att förlora!

Håll dina besökare uppdaterade

En organisations webbplats är en av de första platserna människor söker efter viktig information. Det är också viktigt att publicera den här typen av meddelanden på sociala medier, men det kan lätt gå vilse i mycket innehåll.

Denna lösning ger ett enkelt sätt att lägga till ett brådskande meddelande när som helst. När den inte längre behövs kan den tas bort med bara några klick.

Det finns också sätt att förbättra funktionaliteten genom att lägga till andra relevanta anpassade fält. ACF har många inbyggda alternativ och det finns flera plugins som kan göra mer.

Nästan alla webbplatser kan använda dessa funktioner. Ställ in det nu så att du inte behöver slåss senare.