Share
Husker du tidspunktene da vi trengte å lage alternativer for våre temaer? Selvfølgelig gjør du det, fordi vi fortsatt trenger dem! Når tilpasseren av WordPress blir kort for å håndtere du er temaets funksjonalitet, må du opprette en ekstra tilleggsside for å gi en bedre opplevelse for brukerne dine..
Mens det alltid er et alternativ å lage disse alternativpanelene fra bunnen av, er det bedre å bruke de allerede oppfunnede hjulene. I denne delen av "Toolbox of the Smart WordPress Developer" -serien går vi gjennom Vafpress, en solid WordPress-temaalternativerramme for ditt neste temaprosjekt.
Tid for litt kontrovers: Jeg tror ikke at Tilpasseren er klar for temaer - ennå.
Selv om jeg innrømmer at Customizer er bare en Rått verktøy, jeg kan også se at det bare ikke er det utdannet å tjene all funksjonalitet til enda et enkelt multifunksjonelt tema. Jeg vet, jeg vet at multi-purpose temaer er sjeløse, kapitalistiske temaer som ødelegger WordPress-verdenen ... eller er de? Jeg mener at jeg innrømmer at det ville være bedre om engangsmessige temaer var mer populære, men kan vi ignorere det faktum at multifunksjonelle temaer er det aller beste valget av de fleste designbyråer, frilansere og til og med nybegynnere WordPress-brukere som ønsker å bygge et nettsted for sine virksomheter?
På slutten av dagen må vi spørre oss selv for å forstå behovet for temavalgsrammer mot Customizer: WordPress for WordPress skyld, eller WordPress for folks skyld? Mens jeg støtter WordPress blir mer og mer standardisert i ulike aspekter, tror jeg også at vi ikke kan ignorere kravene til brukersamfunnet i WordPress. Tross alt, hvis vi utviklere ignorerte brukernes krav, ville WordPress ikke blitt vokst så stort som det er nå.
I tillegg tror jeg ikke at Tilpassingsprogrammet ville være nok for engangsmessige temaer heller (ennå). Vi har ikke en standardisert og sentralisert måte å bygge innholdsdeler på (for eksempel skyveknapper, menyer og så videre), og hva du sier mot dette, gjør WordPress-brukere (og vil alltid) ha et enkelt grensesnitt for å kontrollere deres temaer.
Jeg holder denne delen kort, fordi emnet er Vafpress som et WordPress-utviklerverktøy, og jeg kan snakke om "Customizer versus theme option frameworks" for et tusen ord. Men ikke la meg kutte det kort, hold deg unna å kommentere: Jeg vil gjerne høre din ta på dette!
Det er unødvendig å si på dette punktet, men det er vanlig å åpne hver seksjon med en enkel introduksjon: Vafpress er et rammeverk for temaalternativer. Og en veldig god, jeg burde si. Opprettet av Vafour, et indonesisk webutviklingslag, hevder Vafpress at Å bygge et WordPress-tema har aldri vært enklere og raskere.
Bare last ned Vafpress fra den offisielle nedlastingssiden eller dens GitHub-depot, og la oss raskt komme til de gode delene.
Fra den dagen jeg skriver denne opplæringen, har Vafpress 19 kontrollfelt delt inn i to kategorier kalt "Fields" og "Multifields".
Accentsconagua
tekstboks: Genererer en tekstinngang.textarea: Genererer en textarea felt.veksle: Genererer et ja / nei-sving.glidebryteren: Genererer en glidebryter.laste opp: Genererer et opplastingsfelt ved hjelp av WordPress Media Manager.farge: Genererer en fargeplukker.Dato: Genererer en datovelger.codeeditor: Genererer en kodeditor.wpeditor: Genererer en WYSIWYG-editor.fontawesome: Genererer en ikonvælger ved hjelp av Font Awesome.notebox: Genererer et felt som du kan bruke til å informere temaets brukere.html: Lar deg vise egendefinert HTML-kode.å velge: Genererer en enkel Flervalg: Genererer en flere rullegardinmeny.avkrysnings: Genererer en gruppe av avkrysningsboksene.checkimage: Genererer en gruppe valgbare bilder, som fungerer som kryssboksene.radioknapp: Genererer en gruppe radioknapper.radioimage: Genererer en gruppe av valgbare bilder, som fungerer som radiobokser.sorter: Genererer et sorterbart multiselect-felt.Det ville ikke føle seg riktig hvis jeg ikke fullførte denne delen uten et eksempel - la oss gjøre en enkel, enkel en. Følgende kodelinjer oppretter et Fargeplukker-felt:
array (array ('type' => 'color', 'name' => 'example_color_picker', 'label' => 'Color Picker', 'description' => 'Sett en farge for overskriftene dine her!', 'default '=>' rgba (255,255,255, .75) ',' format '=>' hex ',), array (// et annet felt) Denne delen kan være vanskelig først, men den har en jevn læringskurve.
Alternativpanelet som vi kan lage med Vafpress består av et par byggeklosser:
La oss starte med å se konstruksjonen av "options page builder":
false, // navnet på innstillingene i databasen 'option_key' => 'vpt_option', // slug på alternativsiden 'page_slug' => 'vpt_option', // banen til malfilen eller array'-mal '=> get_template_directory (). '/options-template.php', // foreldre menyside 'menu_page' => 'themes.php', // bestemmer om du vil automatisk navngi menyer eller ikke 'use_auto_group_naming' => true, // show (som standard) eller skjul "Eksporter / Import" -siden 'use_exim_menu' => true, // minimum brukerrolle for å vise alternativpanelet 'minimum_role' => 'edit_theme_options', // type oppsettet (standard som standard) 'layout' => 'fast', // tittel på valgsiden 'page_title' => __ ('Temaalternativer', 'vp_textdomain'), / / Hovedmenyelementets tittel 'menu_label' => __ ('Temaalternativer', 'vp_textdomain '),)); // koble den til after_setup_theme action add_action ('after_setup_theme', 'my_options')?> En god ting om «options page builder» er at du kan peke på en egen fil der du holder alle menyene dine (og seksjoner i menyene og feltene i seksjonene). I eksemplet ovenfor pekte vi på en malfil som heter alternativer-template.php. La oss se hva du skal fylle den filen med også:
__ ('Vafpress Option Panel', 'Vp_textdomain'), 'logo' => ", 'menyer' => array (array ('title' => __ ('Spesielle kontroller', 'vp_textdomain'), 'navn' > 'menu_2', 'icon' => '/icon/special.png', 'controls' => array (// ... samling av seksjoner og eller kontrollfelt ...),),)); Hvis du vil, kan du også gjøre noen "nestede menyer":
__ ('Vafpress Option Panel', 'Vp_textdomain'), 'logo' => ", 'menyer' => array (array ('title' => __ ('Standard HTML Controls', 'vp_textdomain'), 'navn' => 'menu_1', 'icon' => 'font-awesome: ikon-magic', 'menyer' => array (array ('title' => __ ('Regular', 'vp_textdomain'), 'navn' = > 'submenu_1', 'icon' => 'font-awesome: ikon-th-large', 'controls' => array (// ... samling av seksjoner og eller kontrollfelt ...), array > __ ('Image', 'vp_textdomain'), 'name' => 'submenu_2', 'icon' => 'font-awesome: ikon-bilde', 'controls' => array (// ... samling av seksjoner og eller Kontrollfelt ...),),),),));?> Og innenfor rekkevidden av 'kontroller' Argumenter, vi bruker noe som følger:
array (array ('title' => __ ('TextBox og TextArea', 'vp_textdomain'), 'name' => 'section_1', 'description' => __ ('TextBox og TextArea Showcase', 'vp_textdomain') 'fields' => array (// ... samling av kontrollfelt ...),),)?> Igjen, dette kan ta litt øvelse først, men det er en tur i parken når du blir vant til det.
Alle disse funksjonene skal være nok til et rammeverk som Vafpress, men Vafpress stopper ikke der - det har et par flere triks opp på ermet:
Det er mye du kan oppnå med Vafpress-mer enn vi har dekket her i denne opplæringen. Pass på å sjekke ut Vafpress-dokumentasjonen for å lære mer om det.
Hva synes du om Vafpress? Tror du at du vil gi det en sjanse i ditt neste temaprosjekt? Fortell oss hva du synes i kommentarfeltet nedenfor. Og hvis du likte artikkelen, ikke glem å dele den med vennene dine!
Se deg i neste del der vi skal gå over CMB2, en metaboks, egendefinerte felt og skjemaer bibliotek for WordPress.
