Slik legger du til egendefinerte oppføringer i nedtrekksmenyen for redaktørens forhåndsvisning

Denne guiden viser deg hvordan du kan legge til egendefinerte oppføringer i nedtrekksmenyen for redaktørens forhåndsvisning i WordPress. Dette kan forbedre arbeidsflyten for redaktører ved å gi dem flere alternativer for hvordan innholdet deres kan forhåndsvises.

Hva dette gjelder

Redaktørens forhåndsvisning i WordPress gir brukerne mulighet til å se hvordan innholdet deres vil se ut før det publiseres. Denne forhåndsvisningen er viktig for innholdsproduksjonen, fordi den gjør det enklere å vurdere hvordan teksten, bildene og annet innhold vil fremstå for besøkende.

Nedtrekksmenyen for forhåndsvisning sitter i toppbaren av redaktøren. I tidligere versjoner av WordPress kunne bare kjernekoden bruke denne menyen, men med WordPress 6.7 kan utviklere av plugins nå legge til sine egne elementer her.

Egendefinerte oppføringer kan være alt fra forhåndsvisninger på ulike sosiale medier til spesifikke innstillinger som kan være relevante for bestemte prosjekter. Dette gir redaktørene mulighet til å tilpasse arbeidsflyten sin mer effektivt.

Hvorfor det er relevant

Å legge til egendefinerte oppføringer i forhåndsvisningsmenyen har flere fordeler:

• Effektivitet: Redaktører kan enkelt bytte mellom forskjellige forhåndsvisningsinnstillinger uten å navigere bort fra redigeringsgrensesnittet.
• Tilpasning: For prosjekter med spesifikke krav kan redaktører få tilgang til spesifikke forhåndsvisninger som er relevante for dem.
• Strømlinjeformet prosess: Dette bidrar til en mer effektiv publiseringsprosess, og gjør det enklere å kontrollere innholdets utseende på ulike plattformer.

Slik går du frem

Det følgende avsnittet gir deg trinn-for-trinn instruksjoner for hvordan du kan legge til egendefinerte oppføringer i nedtrekksmenyen for forhåndsvisning.

1. Installer et plugin

Det første steget er å opprette et nytt plugin eller bruke et eksisterende plugin der du ønsker å legge til den egendefinerte funksjonaliteten. Hvis du lager et nytt plugin, må du ha et filnavn med .php som endelse, for eksempel custom-preview.php.

2. Definer plugin-headeren

I det nye PHP-filen, må du begynne med å definere header-informasjonen som WordPress trenger for å kjenne igjen pluginet. Slik kan det se ut: «`php <?php /**

• Plugin Name: Custom Preview
• Description: Legger til egendefinerte oppføringer i forhåndsvisningsmenyen.
• Version: 1.0
• Author: Ditt Navn

*/ «`

3. Registrer script og stilark

Når headeren er definert, må du registrere JavaScript og CSS-filer som pluginet ditt bruker. Dette kan gjøres ved å bruke enqueueblockeditorassets-hooken. Her er et eksempel: «php function custompreviewenqueue() { wpenqueuescript('custom-preview-script', plugindirurl(FILE) . 'build/index.js', array('wp-blocks', 'wp-element', 'wp-editor'), '1.0', true); } addaction('enqueueblockeditorassets', 'custompreview_enqueue'); «

4. Lag JavaScript-filen

Opprett en src/index.js-fil der du skal registrere nedtrekksmeny-elementet. Her er et eksempel på hvordan det kan oppnås: «`javascript const { registerPlugin } = wp.plugins; const { PluginPreviewMenuItem } = wp.editPost;

const MyCustomPreview = () => { return ( <PluginPreviewMenuItem onClick={() => alert(‘Viser forhåndsvisning’)} > Egendefinert Forhåndsvisning </PluginPreviewMenuItem> ); };

registerPlugin(‘my-custom-preview’, { render: MyCustomPreview }); «`

5. Bygg prosjektet

Når alle filene er på plass, kan du bruke npm til å installere nødvendige avhengigheter, og deretter bygge prosjektet ved å kjøre: «bash npm install npm run build «

6. Aktivere og teste pluginet

Gå til WordPress-adminpanelet, naviger til «Plugins», og aktiver pluginet ditt. Nå skal du kunne se din egendefinerte oppføring i nedtrekksmenyen for forhåndsvisning når du redigerer et innlegg.

Vanlige fallgruver

1. Mangler avhengigheter: Husk å installere @wordpress/scripts for at byggeprosessen skal fungere. 2. Caching: Hvis du ikke ser endringene i editoren, kan det være caching-problemer. Prøv å tømme nettleserens cache. 3. Feil i menyfunksjonaliteten: Kontroller at du har brukt riktig onClick-funksjon for å gi brukeren tilbakemelding.

Oppsummering

Å legge til egendefinerte oppføringer i nedtrekksmenyen for redaktørens forhåndsvisning gir redaktører bedre kontroll over innholdspresentasjonen. Gjennom denne guiden har du lært hvordan du oppretter et enkelt WordPress-plugin og tilpasser forhåndsvisningen i redaktøren. Dette kan være til stor nytte for både redaktører og innholdsprodusenter, og styrker arbeidsflyten betydelig. Del gjerne erfaringene dine med denne prosessen, og eksperimenter med flere forhåndsvisninger.