Vil du oprette dine egne brugerdefinerede widgets på WordPress?

Widgets giver dig mulighed for at trække og slippe emner til ethvert klar sidebjælke eller widgetområde på dit websted. I denne artikel vil vi derfor vise dig, hvordan du nemt opretter en brugerdefineret WordPress-widget.

Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

Opret en brugerdefineret widget på wordpress

Hvad er en WordPress-widget?

WordPress-widgets indeholder stykker kode, som du kan føje til dit websteds sidebjælker eller widget-venlige områder. Tænk på det som moduler, som du kan bruge til at tilføje forskellige elementer ved hjælp af en simpel "Træk og slip" -grænseflade.

Som standard leveres WordPress med et standardsæt af widgets, som du kan bruge med ethvert WordPress-tema. 

Opdag også vores bedste premium WordPress-temaer.

Wordpress dashboard-widget

WordPress giver også udviklere mulighed for at oprette deres egne brugerdefinerede widgets. Masser af temaer og WordPress plugins kommer med deres egne brugerdefinerede widgets, som du kan tilføje til dine sidebjælker.

For eksempel kan du tilføje en kontaktformular, en login-formular brugerdefineret eller et fotogalleri i en sidebjælke uden at skrive nogen kode.

Når det er sagt, lad os se, hvordan du nemt opretter dine egne brugerdefinerede widgets på WordPress.

Sådan oprettes en brugerdefineret widget på WordPress

Denne tutorial er til folk, der har kendskab til webudvikling.

Før du starter, ville det være bedre at oprette et specifikt plugin på det websted, hvor du indsætter widgetkoden til denne tutorial.

Du kan også indsætte koden i filen "features.php" i dit WordPress-tema. Det vil dog kun være tilgængeligt, når det særlige WordPress-tema er aktivt.

I denne tutorial vil vi oprette en simpel widget, der simpelthen hilser besøgende. Se på denne kode, og indsæt den derefter i dit specifikke plugin for at se den i handling.

// Registrer og indlæs widget-funktionen wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Oprettelse af widgetklassen wpb_widget udvider WP_Widget {funktion __construct () {parent :: __ construct (// Base ID for din widget 'wpb_widget', // Widgetnavnet vises i brugergrænsefladen __ ('BPC Widget', 'wpb_widget_domain') , // Widget description array ('description' => __ ('Simple WordPress Widget', 'wpb_widget_domain'),)); } // Oprettelse af en widget til funktion til offentlig front-end-widget ($ args, $ instans) {$ title = apply_filters ('widget_title', $ instance ['title']); // før og efter widgetargumenter er defineret af temaer echo $ args ['before_widget']; hvis (! tom ($ titel)) ekko $ args ['before_title']. $ titel. $ args ['after_title']; // Dette er, hvor du kører koden og viser outputekko __ ('Simple Widget', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Widget Backend offentlig funktionsformular ($ forekomst) {if (isset ($ forekomst ['titel'])) {$ titel = $ forekomst ['titel']; } andet {$ title = __ ('Ny titel', 'wpb_widget_domæne'); } // Admin form widget?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />

Når du har tilføjet koden, skal du gå til " Udseende> Widgets ". Du vil se den nye widget " BPC Widget På listen over tilgængelige widgets. Du skal trække og slippe denne widget til en sidepanel.

Wordpress tilpasset widget

Ved at besøge din blog vil du nu se en widget på sidebjælken, hvor du tilføjede den pågældende widget.

Lad os nu se på denne kode.

Først registrerede vi “ wpb_widget Og indlæst vores brugerdefinerede widget. Dernæst definerede vi, hvad denne widget gør, og hvordan den skal vises på instrumentbrættet.

Endelig definerede vi, hvordan vi skal håndtere de ændringer, der blev foretaget på widgetten.

Nu er der et par ting, du måske vil vide. Hvad er f.eks. Målet " wpb_text_domain "?

WordPress bruger "gettext" til at administrere oversættelse og lokalisering. Så " wpb_text_domain "og __e fortæller gettext, hvordan man henter en oversættelsesstreng, hvis den findes.

Hvis du opretter en brugerdefineret widget til dit WordPress-tema, kan du erstatte "wpb_text_domain" med teksten til domænet til dit tema.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af ​​din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. Galaxy Funder

Galaxy Funder er et funktionelt crowdfunding-system designet til ethvert WooCommerce-websted. Brug af WordPress plugin premium Galaxy Funder vil du være i stand til at administrere dit eget crowdfunding-websted eller tilføje fundraising-kampagner i overskriften på din WooCommerce-onlinebutik.

Galaxy funder woocommerce crowdfunding system wordpress plugin

Du kan også bruge enhver betalingsgateway understøttet af WooCommerce. Bemærk, at "Galaxy Funder" fungerer direkte på onlinebutiksiden, hvilket gør brugerbidragsprocessen lettere.

Downloade | Demo | Web-hosting

2. Klik på WhatsApp Chat

Le WordPress plugin premium Click to WhatsApp Chat gør det nemt for WordPress-kunder at oprette forbindelse til webstedsejeren eller kundesupport ved hjælp af deres WhatsApp-konto. 

Klik for at whatsapp chat for wordpress plugin

Bare et klik på WhatsApp-kontoen, og det dirigeres direkte til den mobile WhatsApp-konto med en standardmeddelelse. Og hvis klienten er på desktop eller bærbar computer, vil han blive omdirigeret til WhatsApp Web.

Dette plugin kræver WhatsApp-nummer og tid og dag, som websiteejeren eller supportteamet vil bruge til at diskutere. Chat-knap kan føjes til WooCommerce-produktdetaljer-siden, som er direkte relateret til dette produkt.

Downloade | demo | Web-hosting

3. Download billede vandmærke

Cette WordPress plugin premium lader dig nemt tilføje vandmærker til dine billeder Nem digitale downloads.let-digital-fil downloade-image vandmærke

disse vandmærker kan være et copyright-symbolbillede, a firmalogo, eller en del af brandingen som et gennemsigtigt PNG-billede.

Downloade | demo | Web-hosting

Andre anbefalede ressourcer

Vi inviterer dig også til at konsultere nedenstående ressourcer for at komme videre i grebet og kontrollen af ​​dit websted og blog.

Konklusion

Voila! Det er alt sammen til denne tutorial, jeg håber, at det giver dig mulighed for at oprette tilpassede widgets på din WordPress-blog. Hvis du har det kommentarer eller forslag, tøv ikke med at give os besked i det reserverede afsnit.

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men i mellemtiden del denne artikel på dine forskellige sociale netværk

...