Lad os f\u00f8rst starte med at identificere, hvad WordPress-widgets er.<\/p>\n
Hvad er WordPress-widgets? <\/strong><\/h2>\nI WordPress er widgets uddrag af indhold, der lever uden for str\u00f8mmen p\u00e5 siden eller indl\u00e6g.<\/p>\n
Widgets indeholder information, navigation eller medier, der er adskilt fra et individuelt indl\u00e6g eller en side. I de fleste tilf\u00e6lde vises hver widget p\u00e5 hver side p\u00e5 webstedet, men du kan ogs\u00e5 registrere widgetomr\u00e5der til specifikke sider, f.eks. startsiden.<\/p>\n
For at tilf\u00f8je en widget til dit websted skal du tilf\u00f8je den til et widget-omr\u00e5de. Widgetomr\u00e5der oprettes af dit tema, fordi de vedr\u00f8rer design og layout af dit websted og ikke til funktionalitet.<\/p>\n
De fleste WordPress-temaer<\/a> har widgetomr\u00e5der i sidebar og footer, selvom nogle vil have flere widgetomr\u00e5der mange steder, f.eks. under eller over indholdet eller i overskriften.<\/p>\nSe screenshot nedenfor, p\u00e5 et af mine egne websteder, viser widgets i sidebj\u00e6lken og sidefoden.<\/p>\n![\"Widget-omr\u00e5der](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/widget-omrader-websted.jpg\")
Widget-omr\u00e5der p\u00e5 mit websted<\/figcaption><\/figure>\nWordPress kommer med en masse widgets, der er forudindl\u00e6st, s\u00e5 du kan bruge dem uden at skulle installere plugins<\/a> eller skrive nogen kode. Men du kan ogs\u00e5 tilf\u00f8je mange flere widgets ved at installere plugins eller kode dine egne.<\/p>\nDisse kan d\u00e6kke en lang r\u00e6kke indholdstyper, s\u00e5som medier, sociale mediefeeds, navigation, s\u00f8gning, kort og meget mere. Der er meget lidt, du m\u00e5ske \u00f8nsker p\u00e5 dit websted, som du ikke kan finde en widget til. Faktisk er den st\u00f8rste udfordring ofte at v\u00e6lge mellem alle mulighederne og ikke g\u00e5 over bord.<\/p>\n
Hvorn\u00e5r skal man bruge WordPress widgets <\/strong><\/h2>\nDu skal bruge en widget, n\u00e5r du vil f\u00f8je ekstra indhold til en eller flere sider p\u00e5 dit websted (og n\u00e5r jeg siger side, inkluderer jeg poster, arkiver osv.), Men det er ikke en del af indholdet p\u00e5 denne side. De er is\u00e6r nyttige til indhold, du vil vise p\u00e5 hver side p\u00e5 webstedet, f.eks. en liste over dine seneste indl\u00e6g, en indk\u00f8bsvogn<\/a> eller en call to action-knap.<\/p>\nT\u00e6nk p\u00e5 hvor mange brugere der har brug for adgang til hver widget, og hvor vigtigt det er, n\u00e5r du beslutter, hvor den skal placeres. Widgets i sidebar<\/a> vil v\u00e6re mere fremtr\u00e6dende end dem i footeren, som nogle brugere muligvis ikke engang ser.<\/p>\nS\u00e5 en widget med det nyeste indl\u00e6g eller en call to action-widget er m\u00e5ske bedre stillet i sidebar, hvor folk har st\u00f8rre chance for at interagere med dem, mens et feed p\u00e5 sociale medier kan g\u00e5 i footeren.<\/p>\n
Hvis dit tema ogs\u00e5 har specielle widgetomr\u00e5der til startsiden, kan du bruge disse til at navigere rundt p\u00e5 dit websteds afdelinger, lister over relevant indhold eller medier, s\u00e5som en video, der byder folk velkommen til webstedet.<\/p>\n
11 eksempler p\u00e5 widgets i WordPress <\/strong><\/h2>\nDen bedste m\u00e5de at forst\u00e5 mulighederne, der tilbydes af WordPress-widgets, er ved at se p\u00e5 nogle eksempler p\u00e5 dem. Lad os se p\u00e5 elleve typer widgets, som du ofte ser p\u00e5 WordPress-websteder.<\/p>\n
1. Widget for nyeste indl\u00e6g <\/strong><\/h3>\nDen nyeste post-widget er muligvis den mest almindeligt anvendte widget i blogs.<\/p>\n
Det giver dig mulighed for at vise en liste over dine seneste indl\u00e6g i sidebar eller footeren p\u00e5 hver side p\u00e5 dit websted, hvilket \u00f8ger muligheden for, at folk vil gennemse stedet og l\u00e6se et antal indl\u00e6g.<\/p>\n
Den nyeste post-widget leveres forudinstalleret med WordPress. Det giver dig mulighed for at indstille, hvor mange indl\u00e6g du vil vise, og hvilken overskrift du vil give widget’en.<\/p>\n![\"Seneste](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/seneste-indlaeg-widget.jpg\")
Seneste indl\u00e6g-widget<\/figcaption><\/figure>\nHvis du vil tilf\u00f8je ekstra funktionalitet, kan du installere et plugin til en alternativ widget som WordPress Popular Posts<\/a>, der viser det mest popul\u00e6re indhold. Alternativt opdateres widget Advanced Random Posts<\/a> hver gang brugeren bes\u00f8ger en ny sk\u00e6rm.<\/p>\n 2. Widget med nylige kommentarer <\/strong><\/h3>\nVil du vise bes\u00f8gende, hvor levende dit websted er, og hvor meget dit publikum engagerer sig med dit indhold?<\/p>\n
The Recent Comments widget viser de nyeste kommentarer p\u00e5 dit websted, hvilket giver bes\u00f8gende mulighed for at navigere direkte til disse kommentarer og deltage i diskussionen.<\/p>\n![\"The](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/the-recent-comments-widget.jpg\")
The Recent Comments widget<\/figcaption><\/figure>\nThe Recent Comments widget leveres med WordPress. Igen, hvis du vil tilf\u00f8je ekstra funktionalitet, kan du installere et tredjeparts comment-plugin<\/a>, f.eks. WP Social Comments<\/a>-widgeten, som lader folk kommentere ved hj\u00e6lp af deres Facebook-konto: godt til engagement ved sociale medier.<\/p>\n3. Call to Action Widgets<\/strong><\/h3>\nEn stor brug af en widget er at tilskynde folk til at gribe ind, og du kan g\u00f8re dette med en call to action-widget.<\/p>\n
Din widget kan v\u00e6re en simpel knap, eller du kan oprette noget mere skr\u00e6ddersyet ved hj\u00e6lp af en tekstwidget eller HTML-widget eller endda en billede-widget, som alle er forudinstalleret med WordPress.<\/p>\n
P\u00e5 et af mine egne websteder har jeg oprettet en Call to action widget til at opfordre folk til at tilmelde sig min mailliste. Dette bruger den indbyggede HTML-widget, hvor jeg har inkluderet et billede, noget tekst og en knap, som jeg har kodet i HTML.<\/p>\n![\"Call](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/call-to-action-widgets-pa-mit-websted.jpg\")
Call to action-widgets p\u00e5 mit websted<\/figcaption><\/figure>\n4. Navigations Widgets<\/strong><\/h3>\nDu kan ogs\u00e5 bruge widgets til at tilskynde folk til at navigere rundt p\u00e5 dit websted.<\/p>\n
Der er et par muligheder til dette: widgeterne Kategorier eller Tag Cloud og Navigation Menu widget.<\/p>\n
Navigation Menu Widget giver dig mulighed for at oprette en custum navigationsmenu<\/a> s\u00e5vel som hoved navigationsmenu p\u00e5 dit websted og derefter f\u00f8je det til et widgetomr\u00e5de.<\/p>\nDu kan endda tilf\u00f8je din hoved navigationsmenu til et widgetomr\u00e5de, selvom dette kun fungerer, hvis du har en lille navigationsmenu.<\/p>\n![\"Navigation](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/navigation-menu-widget.jpg\")
Navigation menu-widget<\/figcaption><\/figure>\nTilf\u00f8jelse af en navigationsmenu til footer p\u00e5 dit websted vil opfordre folk til at n\u00e5 slutningen af et indl\u00e6g til at navigere rundt p\u00e5 dit websted. Det er is\u00e6r nyttigt for mobilbrugere, der muligvis bliver n\u00f8dt til at udf\u00f8re en hel del scrolling, for at komme tilbage til hoved navigationsmenuen<\/a> efter at have n\u00e5et slutningen af et indl\u00e6g.<\/p>\nAlternativt kan du bruge den indbyggede kategori-widget til at vise en liste over kategorierne p\u00e5 dit websted eller Tag Cloud-widget for at g\u00f8re det nemt for folk at f\u00e5 adgang til tagarkiver.<\/p>\n
5. Media Widgets<\/strong><\/h3>\nTilf\u00f8jelse af medier<\/a> til din sidebar eller sidefod giver dit websted liv og giver brugerne noget at se p\u00e5 eller interagere med.<\/p>\nDu kan bruge den indbyggede billedewidget til at vise ethvert billede i din sidebar eller footer, og det giver dig mulighed for ogs\u00e5 at omdanne dette billede til et link.<\/p>\n![\"Billede](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/billede-widget.jpg\")
Billede widget<\/figcaption><\/figure>\nAlternativt giver video-widget dig mulighed for at streame video fra YouTube eller Vimeo lige ind i widgetomr\u00e5det p\u00e5 dit websted. Dette er is\u00e6r nyttigt, hvis dit websted har specielle widgetomr\u00e5der til startsiden, men kan ogs\u00e5 v\u00e6re god i footeren som en m\u00e5de at fange folks opm\u00e6rksomhed p\u00e5, n\u00e5r de kommer til slutningen af et indl\u00e6g.<\/p>\n
6. Social Media Widgets<\/strong><\/h3>\nHvis du vil engagere dig i mennesker, der bes\u00f8ger dit websted af sociale medier, vil du tilf\u00f8je dit sociale medie feed til sidebar eller footeren p\u00e5 dit websted og vise folk, at du er aktiv p\u00e5 sociale medier og opfordre dem til at like eller f\u00f8lge dig.<\/p>\n
En m\u00e5de at f\u00e5 adgang til sociale medier widgets til de st\u00f8rste platforme (Facebook, Twitter, Instagram) er at installere Jetpack-plugin<\/a>, som inkluderer alle disse og meget mere.<\/p>\n![\"Jetpack-plugin\"](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/jetpack-plugin.jpg\")
Jetpack-plugin<\/figcaption><\/figure>\nAlternativt har alle sociale medieplatforme deres egne plugins, der er gratis tilg\u00e6ngelige via plugin-biblioteket. Eller du kan finde tredjeparts-plugins<\/a>, der giver dig mulighed for at tilpasse den m\u00e5de, du viser dit sociale medie feed.<\/p>\n 7. Widget til indk\u00f8bskurv <\/strong><\/h3>\nHvis du k\u00f8rer en e-handelsbutik<\/a> p\u00e5 dit websted ved hj\u00e6lp af et plugin som WooCommerce<\/a>, er det en god ide at medtage en cart widget, s\u00e5 brugere let kan navigere til deres indk\u00f8bsvogn, uanset hvor de er i butikken.<\/p>\n![\"Indk\u00f8bskurv](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/indkobskurv-widget.jpg\")
Indk\u00f8bskurv widget<\/figcaption><\/figure>\nDu kan placere dette i sidebar, hvor folk let kan se det eller i overskriften for at tilf\u00f8je synlighed, hvis dit tema inkluderer et widget-omr\u00e5de der.<\/p>\n
Ecomerce-plugins<\/a> som WooCommerce inkluderer widgets til indk\u00f8bskurv og andre e-handels widgets som en del af plugin, s\u00e5 n\u00e5r du f\u00f8rst har f\u00f8jet e-handel til dit websted, finder du dem tilf\u00f8jet til din Widgets<\/strong>-sk\u00e6rm.<\/p>\n 8. Formular-widget <\/strong><\/h3>\nHvis du vil have folk til at kontakte dig, stille sp\u00f8rgsm\u00e5l eller tilmelde dig en mailingliste<\/a>, kan du tilf\u00f8je en formular til din sidebar.<\/p>\nDer er ikke en form-widget inkluderet i WordPress, men du kan tilf\u00f8je plugins for at give dem, s\u00e5som den gratis Contact Form 7<\/a> eller den premium, men meget kraftige Gravity Forms<\/a>.<\/p>\n 9. Kort widget <\/strong><\/h3>\nHvis din virksomhed er baseret p\u00e5 en fysisk placering, og du \u00f8nsker, at folk let kan finde dig, vil det at tilf\u00f8je en kort-widget til dit websted hj\u00e6lpe.<\/p>\n
Der er et antal gratis Google Map-widget-plugins<\/a>, du kan bruge, s\u00e5som WP Google Maps<\/a>-plugin.<\/p>\n![\"WP](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/wp-google-maps-plugin.jpg\")
WP Google Maps-plugin<\/figcaption><\/figure>\nAlternativt, hvis du ikke \u00f8nsker at installere et plugin, kan du hente den embedded kode fra Google Maps og tilf\u00f8je den<\/a> til en HTML-widget.<\/p>\n 10. Login-widget <\/strong><\/h3>\nHvis du k\u00f8rer et medlems-websted<\/a>, vil en login-widget g\u00f8re det let for folk at logge ind p\u00e5 dit websted<\/a> uden at skulle g\u00e5 til en separat login-side.<\/p>\nMeta-widget, der leveres med WordPress, indeholder et login-link, men det indeholder ogs\u00e5 andre ting, du m\u00e5ske ikke \u00f8nsker, s\u00e5 jeg vil anbefale at bruge et separat plugin til dette fra plugin-biblioteket.<\/p>\n
Login med Ajax<\/a>-widget giver dig en login-formular i din widget, hvilket betyder, at folk kan logge ind p\u00e5 dit websted fra enhver side.<\/p>\n![\"Login](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/login-med-ajax-widget-plugin.jpg\")
Login med Ajax widget-plugin<\/figcaption><\/figure>\n11. Search Widget<\/strong><\/h3>\nEn virkelig enkel, men utrolig nyttig widget er Search widget<\/a>, der kommer forudindl\u00e6st med WordPress.<\/p>\n![\"Search](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/Search-widget.jpg\")
Search widget<\/figcaption><\/figure>\nF\u00f8j dette til din sidebar eller header, og du g\u00f8r det lettere for folk at finde ting p\u00e5 dit websted.<\/p>\n
Hvis du vil \u00f8ge kraften i din s\u00f8gemaskine, kan du installere den gratis WP Google Search<\/a> widget, der bruger Google-s\u00f8gning.<\/p>\n S\u00e5dan tilf\u00f8jes widgets til dit WordPress site <\/strong><\/h2>\nN\u00e5r du har besluttet, hvilken slags widgets du har brug for dit WordPress-sted, er det tid til at installere dem.<\/p>\n
Bliv ikke fristet til at tilf\u00f8je for mange. Jo flere der er, jo mindre sandsynligt er det, at brugere vil se dem. Fokuser i stedet p\u00e5 to eller tre n\u00f8glewidgets til din sidebar. Du kan f\u00f8je mere til footeren, hvor de alligevel er mindre vigtige.<\/p>\n
Og hvis du har nogle ekstra widget-omr\u00e5der i dit tema<\/a>, skal du bestemme, hvilke widgets du vil l\u00e6gge i dem. S\u00f8rg for, at de passer til layoutet og designet p\u00e5 dit websted<\/a>.<\/p>\nDer er tre m\u00e5der at tilf\u00f8je widgets p\u00e5:<\/p>\n
\n- Brug widgets, der allerede leveres med WordPress.<\/li>\n
- Tilf\u00f8j en tredjeparts widget fra plugins-biblioteket<\/a>.<\/li>\n
- K\u00f8b et premium-plugin, der indeholder en widget.<\/li>\n<\/ul>\n
Find widgets til dit WordPress site <\/strong><\/h3>\nDer er en lang r\u00e6kke tilg\u00e6ngelige widgets, s\u00e5 det kan v\u00e6re vanskeligt at v\u00e6lge, hvilken der skal installeres. Lad os se p\u00e5 indstillingerne og derefter unders\u00f8ge, hvordan du muligvis v\u00e6lger den bedste til dig.<\/p>\n
Widgets, der f\u00f8lger med WordPress <\/strong><\/h4>\nHvis en af de forudinstallerede widgets g\u00f8r det, du har brug for det, skal du bruge det. Det sparer tid og betyder mindre kode, der k\u00f8rer p\u00e5 dit websted.<\/p>\n![\"Forudinstallerede](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/forudinstallerede-wordpress-widgets.jpg\")
Forudinstallerede WordPress-widgets<\/figcaption><\/figure>\nDe forudinstallerede widgets er:<\/p>\n
\n- Arkiv<\/strong>: link til arkiver efter m\u00e5ned, designet til blogs men temmelig for\u00e6ldet nu.<\/li>\n
- Kalender<\/strong>: en kalender med dine indl\u00e6g, igen egnet til blogs, is\u00e6r hvis din er tidsf\u00f8lsom (men ikke s\u00e5 almindelig i disse dage).<\/li>\n
- Custom HTML<\/strong>: den ultimative fleksibilitet, tilf\u00f8j uanset indhold, du \u00f8nsker, ved at skrive eller inds\u00e6tte i HTML (som Google forms<\/a>). Undg\u00e5 dette, hvis du ikke er tilpas med kodning.<\/li>\n
- Billede<\/strong>: vis et billede <\/a>fra dit mediebibliotek.<\/li>\n
- Navigationsmenu<\/strong>: Vis hovednavigationsmenuen eller en separat, du opretter.<\/li>\n
- Seneste kommentarer<\/strong>: en liste med nylige kommentarer med links til dem.<\/li>\n
- Tag Cloud<\/strong>: en liste med tags i et skyformat med links til de relevante arkiver.<\/li>\n
- Video<\/strong>: integrer en video fra YouTube<\/a> eller en hvilken som helst anden streamingtjeneste.<\/li>\n
- Audio<\/strong>: integrer en podcast, en player<\/a>, en sang eller andre lydklip (foresl\u00e5et l\u00e6sning: S\u00e5dan starter du en podcast ved hj\u00e6lp af WordPress<\/a>).<\/li>\n
- Kategorier<\/strong>: en liste over kategorierne p\u00e5 din blog<\/a> med links til arkivsiderne.<\/li>\n
- Galleri<\/strong>: mere avanceret end billedwidgeten, vis et galleri med billeder<\/a>.<\/li>\n
- Meta<\/strong>: metadata s\u00e5som login-links<\/a> og RSS-feeds<\/a>. Et levn fra WordPress\u2019 tidlige dage og ikke meget nyttigt nu.<\/li>\n
- Sider<\/strong>: vis en liste over dit websteds sider med links.<\/li>\n
- Seneste indl\u00e6g<\/strong>: vis en liste over dine seneste indl\u00e6g for at opmuntre folk til at l\u00e6se dem.<\/li>\n
- S\u00f8g<\/strong>: et simpelt s\u00f8gefelt.<\/li>\n
- Tekst<\/strong>: enhver tekst, du vil tilf\u00f8je, f.eks. information om webstedet.<\/li>\n<\/ul>\n
\nTilf\u00f8jelse af widgets med et plugin <\/strong><\/h3>\nWordPress plugin-biblioteket har tusinder af gratis widget-plugins, der giver dig flere widgets at v\u00e6lge imellem.<\/p>\n
Derudover inkluderer masser af andre plugins ogs\u00e5 widgets, s\u00e5som et e-handelsplugin, der giver dig en indk\u00f8bsvogn-widget og mere<\/a>.<\/p>\nHvis plugin-biblioteket ikke har det plugin, du har brug for, kan du beslutte at tilf\u00f8je et premium-plugin. Nogle gange vil disse tilbyde flere funktioner eller en mere intuitiv interface. Men nogle gange finder du de samme funktioner i et gratis plugin, s\u00e5 lav en god s\u00f8gning i plugin-biblioteket, f\u00f8r du betaler for plugins.<\/p>\n
S\u00e5dan finder du den rigtige widget til dit websted <\/strong><\/h4>\nF\u00f8lg disse tip for at finde den rigtige WordPress-widget til dig:<\/p>\n
\n- Identificer n\u00f8jagtigt, hvad du har brug for fra en widget. Hvilken funktionalitet skal den have, og hvordan vil du have den til at se ud? Har det brug for at linke til tredjeparts API’er?<\/li>\n
- Kontroller de indbyggede widgets for at se, om der er en, der opfylder dine behov. Test eventuelle relevante, hvis du finder en passende, det er fantastisk. Hvis ikke\u2026<\/li>\n
- Kontroller plugin-biblioteket, som du kan f\u00e5 adgang til via Plugins> Tilf\u00f8j nyt<\/strong>. Pr\u00f8v at s\u00f8ge efter mere end et udtryk for at finde det rigtige plugin til dig, og s\u00f8g med og uden ordet ‘widget’. Undertiden inkluderer et plugin, der ikke er fokuseret p\u00e5 widgets, en widget som en del af et bredere s\u00e6t funktioner.<\/li>\n
- Hvis du ikke kan finde noget passende blandt de gratis plugins, skal du kigge efter et premium plugin<\/a>. Sp\u00f8rg andre WordPress-brugere om anbefalinger og se p\u00e5 anmeldelser, f\u00f8r de v\u00e6lger en.<\/li>\n<\/ol>\n
Uanset hvilken widget du v\u00e6lger, skal du teste den for at kontrollere, at den fungerer, som du vil have den. Hvis du k\u00f8ber premium plugins, vil jeg anbefale at k\u00f8be en med en tilbagebetalingsgaranti eller en gratis pr\u00f8veperiode, hvis det ikke er det rigtige for dig.<\/p>\n
S\u00e5dan f\u00f8jes widgets til sidebar og footer i WordPress <\/strong><\/h3>\nNu har du valgt din widget, det er tid til at f\u00f8je den til dit websted.<\/p>\n
Du kan tilf\u00f8je widgets til alle aktive widgetomr\u00e5der, der leveres af dit tema. Hvis dit tema ikke har et widgetomr\u00e5de p\u00e5 det sted, du vil have et, kan du pr\u00f8ve at lede efter et alternativt tema<\/a>.<\/p>\nSenere i dette indl\u00e6g viser jeg dig, hvordan du koder dit eget widget-omr\u00e5de.<\/p>\n
Der er to m\u00e5der at tilf\u00f8je widgets til dit websted:<\/p>\n
\n- Ved at bruge Customizer. G\u00e5 til Udseende> Customizer> Widgets<\/strong> i admin-menuen, eller Tilpas> Widgets<\/strong> fra admin-linjen \u00f8verst p\u00e5 sk\u00e6rmen.<\/li>\n
- Via widgets-sk\u00e6rmbilledet. G\u00e5 til Udseende> Widgets<\/strong> i admin-menuen, eller klik p\u00e5 Tilpas> Widgets<\/strong> fra admin-linjen.<\/li>\n<\/ul>\n
![\"Widgets](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/widgets-i-customizer.jpg\")
Widgets i Customizer<\/figcaption><\/figure>\nJeg viser dig, hvordan du bruger begge disse metoder inden for kort tid, men lad os f\u00f8rst se p\u00e5 widgetomr\u00e5der, og hvorfor du f\u00e5r dem du g\u00f8r med dit tema.<\/p>\n
Widgets er ikke kun til sidebar<\/h4>\n
Afh\u00e6ngigt af dit WordPress-tema<\/a> kan du m\u00e5ske finde ud af, at du har widgetomr\u00e5der flere steder.<\/p>\nDe fleste temaer har widgetomr\u00e5der i sidebar og footer. Men nogle har dem ogs\u00e5 andre steder, som under eller over indholdet eller i overskriften.<\/p>\n
Hvis du g\u00e5r til sk\u00e6rmbilledet for indstillinger for widgets i WordPress-admin<\/a>, kan du se alle widgetomr\u00e5derne i dit tema.<\/p>\nJeg bruger et tema med flere widgetomr\u00e5der mange steder. P\u00e5 sk\u00e6rmbilledet nedenfor kan du se, at der er widgetomr\u00e5der over og under indholdet, i overskriften, under hoved footeren.<\/p>\n![\"Sk\u00e6rm](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/skaerm-indstilling-widgets-widgetomrader.jpg\")
Sk\u00e6rm for indstilling af widgets, widgetomr\u00e5der<\/figcaption><\/figure>\nHvis du vil f\u00f8je widgets til andre steder p\u00e5 dit websted, er det fornuftigt at finde et tema, der har flere widgetomr\u00e5der. Den bedste m\u00e5de at g\u00f8re dette p\u00e5 er at bruge et framework theme<\/a>.<\/p>\nEt godt eksempel p\u00e5 en widget et sted i dit tema, der ikke er sidebar eller footer, er at tilf\u00f8je en s\u00f8gelinje i overskriften, som jeg har p\u00e5 et af mine websteder.<\/p>\n![\"Search](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/search-bar-i-header.jpg\")
Search Bar i header<\/figcaption><\/figure>\n Widgetomr\u00e5der og temaer <\/strong><\/h4>\nWidgetomr\u00e5der er kodet i temaskabelonfilerne samt filen til temafunktioner.<\/p>\n
Her kan du se koden, jeg har brugt i min temafunktionsfil til at tilf\u00f8je et widget-omr\u00e5de, der vil g\u00e5 i headeren.<\/p>\n
register_sidebar( array(\n 'name' => __( 'In Header Widget Area', 'rmccollin' ),\n 'id' => 'in-header-widget-area',\n 'description' => __( 'A widget area located to the right hand side of the header, next to the site title and description.', 'rmccollin' ),\n 'before_widget' => '<div id=\"%1$s\" class=\"widget-container %2$s\">',\n 'after_widget' => '<\/div>',\n 'before_title' => '<h3 class=\"widget-title\">',\n 'after_title' => '<\/h3>',\n) );<\/code><\/pre>\nOg her er koden i min header.php-fil, der tilf\u00f8jer dette widgetomr\u00e5de til det rigtige sted i temaet.<\/p>\n
if ( is_active_sidebar( 'in-header-widget-area' ) ) { ?>\n\n <aside class=\"in-header widget-area right\" role=\"complementary\">\n <?php dynamic_sidebar( 'in-header-widget-area' ); ?>\n <\/aside>\n\n<?php }<\/code><\/pre>\nHvis du vil tilf\u00f8je ekstra widgetomr\u00e5der i dit tema, skal du tilf\u00f8je den samme type kode. Jeg viser dig, hvordan du g\u00f8r dette senere i dette indl\u00e6g.<\/p>\n
Glem ikke, at hvis dit tema ikke har s\u00e5 mange widgetomr\u00e5der, som du gerne vil, kan du altid g\u00f8re en af to ting:<\/p>\n
\n- Find et tema, der har widgetomr\u00e5der, hvor du vil have dem.<\/li>\n
- Kod det nye widget-omr\u00e5de i dit tema eller et child theme<\/a>.<\/li>\n<\/ul>\n
N\u00e5r du har f\u00e5et widgetomr\u00e5der p\u00e5 alle de steder i dit tema, som du vil have dem, kan du begynde at tilf\u00f8je widgets til dem.<\/p>\n
S\u00e5dan bruges sk\u00e6rmbilledet Widgets til at tilf\u00f8je widgets <\/strong><\/h4>\nDer er to m\u00e5der at tilf\u00f8je widgets til dit WordPress-sted. Den f\u00f8rste er at bruge sk\u00e6rmbilledet Widgets i WordPress-admin.<\/p>\n
Klik p\u00e5 Udseende> Widgets<\/strong>. Dette bringer widgets-sk\u00e6rmen op.<\/p>\n![\"Widgets](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/widgets-skaermen.jpg\")
Widgets sk\u00e6rmen<\/figcaption><\/figure>\nFor at tilf\u00f8je en widget kan du g\u00f8re en af to ting:<\/p>\n
\n- Tr\u00e6k det over fra listen over widgets i venstre side til det relevante widget-omr\u00e5de.<\/li>\n
- Klik p\u00e5 den widget, du vil tilf\u00f8je, s\u00e5 ser du en liste over, hvor du kan tilf\u00f8je den. V\u00e6lg det \u00f8nskede widgetomr\u00e5de, og klik p\u00e5 knappen Tilf\u00f8j widget.<\/strong><\/li>\n<\/ul>\n
![\"Valg](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/valg-widget-omrade-widget.jpg\")
Valg af et widget-omr\u00e5de og widget<\/figcaption><\/figure>\nDu skal muligvis derefter redigere, hvor widgetten er placeret i widgetomr\u00e5det.<\/p>\n
Du kan tilf\u00f8je s\u00e5 mange widgets, som du vil til hvert widget-omr\u00e5de, men g\u00e5 ikke over bord. Du kan tr\u00e6kke dem rundt i widgetomr\u00e5det for at f\u00e5 dem i den rigtige r\u00e6kkef\u00f8lge. Du kan ogs\u00e5 tr\u00e6kke dem fra et widget-omr\u00e5de til et andet, hvis du beslutter, at du ikke kan lide den m\u00e5de, de ser ud p\u00e5.<\/p>\n
Du kan ogs\u00e5 bruge dit tastatur til at tilf\u00f8je widgets ved hj\u00e6lp af sk\u00e6rmen Widgets, s\u00e5 hvis du ikke har adgang til en mus, kan du stadig tilf\u00f8je widgets.<\/p>\n
Tilf\u00f8jelse og redigering af widgets i Accessibility Mode <\/strong><\/h4>\nHvis du ikke kan bruge en mus, kan du bruge Widgets-sk\u00e6rmen med et tastatur.<\/p>\n
F\u00f8rst skal du s\u00e6tte sk\u00e6rmen i Accessibility Mode ved at klikke p\u00e5 (eller fanen til og v\u00e6lge) linket Aktiver <\/strong>Accessibility Mode<\/strong> \u00f8verst til h\u00f8jre p\u00e5 sk\u00e6rmen.<\/p>\n![\"Link](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/link-accessibility-mode.jpg\")
Link til Accessibility mode<\/figcaption><\/figure>\nSk\u00e6rmen \u00e6ndres derefter for at afspejle det faktum, at du er i accessibility mode.<\/p>\n![\"Widgets](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/widgets-skaerm-accessibility-mode.jpg\")
Widgets sk\u00e6rm accessibility mode<\/figcaption><\/figure>\nDu kan derefter navigere mellem elementer p\u00e5 sk\u00e6rmen ved hj\u00e6lp af Tab<\/strong>-tasten p\u00e5 dit tastatur og trykke p\u00e5 Enter for at v\u00e6lge et element og handle p\u00e5 det. Du kan enten fane til en widget, trykke p\u00e5 Return<\/strong> p\u00e5 linket Tilf\u00f8j<\/strong> og derefter v\u00e6lge, hvor du vil tilf\u00f8je det, eller fane til widgetomr\u00e5det og trykke p\u00e5 Retur p\u00e5 linket Rediger<\/strong>.<\/p>\nS\u00e5dan bruges WordPress Customizer til at tilf\u00f8je widgets<\/p>\n
Brug af Customizer til at tilf\u00f8je widgets i stedet for widgets-sk\u00e6rmen betyder, at du kan se dine widgets, mens du tilf\u00f8jer dem. Dette g\u00f8r det lettere at se, hvordan dine widgets ser ud, og flytte dem rundt mellem widget-omr\u00e5der, hvis du vil.<\/p>\n
Klik p\u00e5 Udseende> Tilpas<\/strong> i admin-menuen. Alternativt skal du bare klikke p\u00e5 Tilpas fra admin bar \u00f8verst p\u00e5 sk\u00e6rmen p\u00e5 det levende websted (forudsat at du er logget ind). Dette \u00e5bner Customizer<\/strong>.<\/p>\n![\"WordPress](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/wordpress-admin-bar.jpg\")
WordPress admin bar<\/figcaption><\/figure>\nKlik nu p\u00e5 indstillingen Widgets<\/strong>, s\u00e5 ser du en liste over alle widgetomr\u00e5der i dit tema. Klik p\u00e5 widgetomr\u00e5det, hvor du vil tilf\u00f8je en widget, og klik p\u00e5 knappen Tilf\u00f8j en widget<\/strong>.<\/p>\nDette giver dig en liste over alle de tilg\u00e6ngelige widgets til dit websted. Det inkluderer alle de indbyggede widgets, der fulgte med WordPress plus enhver widget, du har tilf\u00f8jet via plugins<\/p>\n![\"Tilf\u00f8j](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/tilfoj-widget-knap.jpg\")
Tilf\u00f8j en widget-knap<\/figcaption><\/figure>\nV\u00e6lg den widget, du vil tilf\u00f8je til det widgetomr\u00e5de, og du kan se det i preview-sk\u00e6rmen til h\u00f8jre.<\/p>\n
Du kan sortere widgets ved at tr\u00e6kke dem op og ned i venstre side eller ved at klikke p\u00e5 linket Omarranger<\/strong> under listen over widgets og derefter klikke p\u00e5 pilene for at flytte dem op og ned.<\/p>\n![\"Redigering](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/redigering-widgets-customizer.jpg\")
Redigering af widgets i Customizer<\/figcaption><\/figure>\nN\u00e5r du er f\u00e6rdig med at tilf\u00f8je widgets via Customizer, skal du ikke glemme at klikke p\u00e5 knappen Publicer<\/strong> \u00f8verst til venstre, s\u00e5 dine \u00e6ndringer gemmes. Hvis du forlader Customizer uden at g\u00f8re dette, vil ingen af dine \u00e6ndringer blive reflekteret p\u00e5 live-stedet.<\/p>\nN\u00e5r du har tilf\u00f8jet dine widgets, skal du kigge p\u00e5 dem og kontrollere, hvordan de passer til designet p\u00e5 din side. Hvis du har tilf\u00f8jet for mange widgetomr\u00e5der, kan ting muligvis se lidt rodet ud. Du skal enten fjerne nogle af dem, eller du kan flytte dem fra det ene widgetomr\u00e5de til det andet.<\/p>\n
Det er virkelig let at g\u00f8re dette p\u00e5 sk\u00e6rmen Widgets, hvor du kan tr\u00e6kke widgets mellem widget-omr\u00e5der.<\/p>\n
S\u00e5dan f\u00f8jes en widget til en bestemt side <\/strong><\/h4>\nNogle temaer inkluderer widgetomr\u00e5der, der kun er til bestemte sider, som for eksempel startsiden. Men hvad nu hvis du vil tilf\u00f8je en widget til kun en side p\u00e5 dit websted?<\/p>\n
Du kan g\u00f8re dette i Gutenberg<\/a> post- og sideditoren.<\/p>\nTilf\u00f8j en ny blok p\u00e5 den s\u00e6dvanlige m\u00e5de, og v\u00e6lg derefter bloktypen Widgets<\/strong>.<\/p>\n![\"Widget-blocktype\"](\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2020\/02\/widget-blocktype.jpg\")
Widget-blocktype<\/figcaption><\/figure>\n
Se screenshot nedenfor, p\u00e5 et af mine egne websteder, viser widgets i sidebj\u00e6lken og sidefoden.<\/p>\n WordPress kommer med en masse widgets, der er forudindl\u00e6st, s\u00e5 du kan bruge dem uden at skulle installere plugins<\/a> eller skrive nogen kode. Men du kan ogs\u00e5 tilf\u00f8je mange flere widgets ved at installere plugins eller kode dine egne.<\/p>\n Disse kan d\u00e6kke en lang r\u00e6kke indholdstyper, s\u00e5som medier, sociale mediefeeds, navigation, s\u00f8gning, kort og meget mere. Der er meget lidt, du m\u00e5ske \u00f8nsker p\u00e5 dit websted, som du ikke kan finde en widget til. Faktisk er den st\u00f8rste udfordring ofte at v\u00e6lge mellem alle mulighederne og ikke g\u00e5 over bord.<\/p>\n Du skal bruge en widget, n\u00e5r du vil f\u00f8je ekstra indhold til en eller flere sider p\u00e5 dit websted (og n\u00e5r jeg siger side, inkluderer jeg poster, arkiver osv.), Men det er ikke en del af indholdet p\u00e5 denne side. De er is\u00e6r nyttige til indhold, du vil vise p\u00e5 hver side p\u00e5 webstedet, f.eks. en liste over dine seneste indl\u00e6g, en indk\u00f8bsvogn<\/a> eller en call to action-knap.<\/p>\n T\u00e6nk p\u00e5 hvor mange brugere der har brug for adgang til hver widget, og hvor vigtigt det er, n\u00e5r du beslutter, hvor den skal placeres. Widgets i sidebar<\/a> vil v\u00e6re mere fremtr\u00e6dende end dem i footeren, som nogle brugere muligvis ikke engang ser.<\/p>\n S\u00e5 en widget med det nyeste indl\u00e6g eller en call to action-widget er m\u00e5ske bedre stillet i sidebar, hvor folk har st\u00f8rre chance for at interagere med dem, mens et feed p\u00e5 sociale medier kan g\u00e5 i footeren.<\/p>\n Hvis dit tema ogs\u00e5 har specielle widgetomr\u00e5der til startsiden, kan du bruge disse til at navigere rundt p\u00e5 dit websteds afdelinger, lister over relevant indhold eller medier, s\u00e5som en video, der byder folk velkommen til webstedet.<\/p>\n Den bedste m\u00e5de at forst\u00e5 mulighederne, der tilbydes af WordPress-widgets, er ved at se p\u00e5 nogle eksempler p\u00e5 dem. Lad os se p\u00e5 elleve typer widgets, som du ofte ser p\u00e5 WordPress-websteder.<\/p>\n Den nyeste post-widget er muligvis den mest almindeligt anvendte widget i blogs.<\/p>\n Det giver dig mulighed for at vise en liste over dine seneste indl\u00e6g i sidebar eller footeren p\u00e5 hver side p\u00e5 dit websted, hvilket \u00f8ger muligheden for, at folk vil gennemse stedet og l\u00e6se et antal indl\u00e6g.<\/p>\n Den nyeste post-widget leveres forudinstalleret med WordPress. Det giver dig mulighed for at indstille, hvor mange indl\u00e6g du vil vise, og hvilken overskrift du vil give widget’en.<\/p>\n Hvis du vil tilf\u00f8je ekstra funktionalitet, kan du installere et plugin til en alternativ widget som WordPress Popular Posts<\/a>, der viser det mest popul\u00e6re indhold. Alternativt opdateres widget Advanced Random Posts<\/a> hver gang brugeren bes\u00f8ger en ny sk\u00e6rm.<\/p>\n Vil du vise bes\u00f8gende, hvor levende dit websted er, og hvor meget dit publikum engagerer sig med dit indhold?<\/p>\n The Recent Comments widget viser de nyeste kommentarer p\u00e5 dit websted, hvilket giver bes\u00f8gende mulighed for at navigere direkte til disse kommentarer og deltage i diskussionen.<\/p>\n The Recent Comments widget leveres med WordPress. Igen, hvis du vil tilf\u00f8je ekstra funktionalitet, kan du installere et tredjeparts comment-plugin<\/a>, f.eks. WP Social Comments<\/a>-widgeten, som lader folk kommentere ved hj\u00e6lp af deres Facebook-konto: godt til engagement ved sociale medier.<\/p>\n En stor brug af en widget er at tilskynde folk til at gribe ind, og du kan g\u00f8re dette med en call to action-widget.<\/p>\n Din widget kan v\u00e6re en simpel knap, eller du kan oprette noget mere skr\u00e6ddersyet ved hj\u00e6lp af en tekstwidget eller HTML-widget eller endda en billede-widget, som alle er forudinstalleret med WordPress.<\/p>\n P\u00e5 et af mine egne websteder har jeg oprettet en Call to action widget til at opfordre folk til at tilmelde sig min mailliste. Dette bruger den indbyggede HTML-widget, hvor jeg har inkluderet et billede, noget tekst og en knap, som jeg har kodet i HTML.<\/p>\n Du kan ogs\u00e5 bruge widgets til at tilskynde folk til at navigere rundt p\u00e5 dit websted.<\/p>\n Der er et par muligheder til dette: widgeterne Kategorier eller Tag Cloud og Navigation Menu widget.<\/p>\n Navigation Menu Widget giver dig mulighed for at oprette en custum navigationsmenu<\/a> s\u00e5vel som hoved navigationsmenu p\u00e5 dit websted og derefter f\u00f8je det til et widgetomr\u00e5de.<\/p>\n Du kan endda tilf\u00f8je din hoved navigationsmenu til et widgetomr\u00e5de, selvom dette kun fungerer, hvis du har en lille navigationsmenu.<\/p>\n Tilf\u00f8jelse af en navigationsmenu til footer p\u00e5 dit websted vil opfordre folk til at n\u00e5 slutningen af et indl\u00e6g til at navigere rundt p\u00e5 dit websted. Det er is\u00e6r nyttigt for mobilbrugere, der muligvis bliver n\u00f8dt til at udf\u00f8re en hel del scrolling, for at komme tilbage til hoved navigationsmenuen<\/a> efter at have n\u00e5et slutningen af et indl\u00e6g.<\/p>\n Alternativt kan du bruge den indbyggede kategori-widget til at vise en liste over kategorierne p\u00e5 dit websted eller Tag Cloud-widget for at g\u00f8re det nemt for folk at f\u00e5 adgang til tagarkiver.<\/p>\n Tilf\u00f8jelse af medier<\/a> til din sidebar eller sidefod giver dit websted liv og giver brugerne noget at se p\u00e5 eller interagere med.<\/p>\n Du kan bruge den indbyggede billedewidget til at vise ethvert billede i din sidebar eller footer, og det giver dig mulighed for ogs\u00e5 at omdanne dette billede til et link.<\/p>\n Alternativt giver video-widget dig mulighed for at streame video fra YouTube eller Vimeo lige ind i widgetomr\u00e5det p\u00e5 dit websted. Dette er is\u00e6r nyttigt, hvis dit websted har specielle widgetomr\u00e5der til startsiden, men kan ogs\u00e5 v\u00e6re god i footeren som en m\u00e5de at fange folks opm\u00e6rksomhed p\u00e5, n\u00e5r de kommer til slutningen af et indl\u00e6g.<\/p>\n Hvis du vil engagere dig i mennesker, der bes\u00f8ger dit websted af sociale medier, vil du tilf\u00f8je dit sociale medie feed til sidebar eller footeren p\u00e5 dit websted og vise folk, at du er aktiv p\u00e5 sociale medier og opfordre dem til at like eller f\u00f8lge dig.<\/p>\n En m\u00e5de at f\u00e5 adgang til sociale medier widgets til de st\u00f8rste platforme (Facebook, Twitter, Instagram) er at installere Jetpack-plugin<\/a>, som inkluderer alle disse og meget mere.<\/p>\n Alternativt har alle sociale medieplatforme deres egne plugins, der er gratis tilg\u00e6ngelige via plugin-biblioteket. Eller du kan finde tredjeparts-plugins<\/a>, der giver dig mulighed for at tilpasse den m\u00e5de, du viser dit sociale medie feed.<\/p>\n Hvis du k\u00f8rer en e-handelsbutik<\/a> p\u00e5 dit websted ved hj\u00e6lp af et plugin som WooCommerce<\/a>, er det en god ide at medtage en cart widget, s\u00e5 brugere let kan navigere til deres indk\u00f8bsvogn, uanset hvor de er i butikken.<\/p>\n Du kan placere dette i sidebar, hvor folk let kan se det eller i overskriften for at tilf\u00f8je synlighed, hvis dit tema inkluderer et widget-omr\u00e5de der.<\/p>\n Ecomerce-plugins<\/a> som WooCommerce inkluderer widgets til indk\u00f8bskurv og andre e-handels widgets som en del af plugin, s\u00e5 n\u00e5r du f\u00f8rst har f\u00f8jet e-handel til dit websted, finder du dem tilf\u00f8jet til din Widgets<\/strong>-sk\u00e6rm.<\/p>\n Hvis du vil have folk til at kontakte dig, stille sp\u00f8rgsm\u00e5l eller tilmelde dig en mailingliste<\/a>, kan du tilf\u00f8je en formular til din sidebar.<\/p>\n Der er ikke en form-widget inkluderet i WordPress, men du kan tilf\u00f8je plugins for at give dem, s\u00e5som den gratis Contact Form 7<\/a> eller den premium, men meget kraftige Gravity Forms<\/a>.<\/p>\n Hvis din virksomhed er baseret p\u00e5 en fysisk placering, og du \u00f8nsker, at folk let kan finde dig, vil det at tilf\u00f8je en kort-widget til dit websted hj\u00e6lpe.<\/p>\n Der er et antal gratis Google Map-widget-plugins<\/a>, du kan bruge, s\u00e5som WP Google Maps<\/a>-plugin.<\/p>\n Alternativt, hvis du ikke \u00f8nsker at installere et plugin, kan du hente den embedded kode fra Google Maps og tilf\u00f8je den<\/a> til en HTML-widget.<\/p>\n Hvis du k\u00f8rer et medlems-websted<\/a>, vil en login-widget g\u00f8re det let for folk at logge ind p\u00e5 dit websted<\/a> uden at skulle g\u00e5 til en separat login-side.<\/p>\n Meta-widget, der leveres med WordPress, indeholder et login-link, men det indeholder ogs\u00e5 andre ting, du m\u00e5ske ikke \u00f8nsker, s\u00e5 jeg vil anbefale at bruge et separat plugin til dette fra plugin-biblioteket.<\/p>\n Login med Ajax<\/a>-widget giver dig en login-formular i din widget, hvilket betyder, at folk kan logge ind p\u00e5 dit websted fra enhver side.<\/p>\n En virkelig enkel, men utrolig nyttig widget er Search widget<\/a>, der kommer forudindl\u00e6st med WordPress.<\/p>\n F\u00f8j dette til din sidebar eller header, og du g\u00f8r det lettere for folk at finde ting p\u00e5 dit websted.<\/p>\n Hvis du vil \u00f8ge kraften i din s\u00f8gemaskine, kan du installere den gratis WP Google Search<\/a> widget, der bruger Google-s\u00f8gning.<\/p>\n N\u00e5r du har besluttet, hvilken slags widgets du har brug for dit WordPress-sted, er det tid til at installere dem.<\/p>\n Bliv ikke fristet til at tilf\u00f8je for mange. Jo flere der er, jo mindre sandsynligt er det, at brugere vil se dem. Fokuser i stedet p\u00e5 to eller tre n\u00f8glewidgets til din sidebar. Du kan f\u00f8je mere til footeren, hvor de alligevel er mindre vigtige.<\/p>\n Og hvis du har nogle ekstra widget-omr\u00e5der i dit tema<\/a>, skal du bestemme, hvilke widgets du vil l\u00e6gge i dem. S\u00f8rg for, at de passer til layoutet og designet p\u00e5 dit websted<\/a>.<\/p>\n Der er tre m\u00e5der at tilf\u00f8je widgets p\u00e5:<\/p>\n Der er en lang r\u00e6kke tilg\u00e6ngelige widgets, s\u00e5 det kan v\u00e6re vanskeligt at v\u00e6lge, hvilken der skal installeres. Lad os se p\u00e5 indstillingerne og derefter unders\u00f8ge, hvordan du muligvis v\u00e6lger den bedste til dig.<\/p>\n Hvis en af de forudinstallerede widgets g\u00f8r det, du har brug for det, skal du bruge det. Det sparer tid og betyder mindre kode, der k\u00f8rer p\u00e5 dit websted.<\/p>\n De forudinstallerede widgets er:<\/p>\n WordPress plugin-biblioteket har tusinder af gratis widget-plugins, der giver dig flere widgets at v\u00e6lge imellem.<\/p>\n Derudover inkluderer masser af andre plugins ogs\u00e5 widgets, s\u00e5som et e-handelsplugin, der giver dig en indk\u00f8bsvogn-widget og mere<\/a>.<\/p>\n Hvis plugin-biblioteket ikke har det plugin, du har brug for, kan du beslutte at tilf\u00f8je et premium-plugin. Nogle gange vil disse tilbyde flere funktioner eller en mere intuitiv interface. Men nogle gange finder du de samme funktioner i et gratis plugin, s\u00e5 lav en god s\u00f8gning i plugin-biblioteket, f\u00f8r du betaler for plugins.<\/p>\n F\u00f8lg disse tip for at finde den rigtige WordPress-widget til dig:<\/p>\n Uanset hvilken widget du v\u00e6lger, skal du teste den for at kontrollere, at den fungerer, som du vil have den. Hvis du k\u00f8ber premium plugins, vil jeg anbefale at k\u00f8be en med en tilbagebetalingsgaranti eller en gratis pr\u00f8veperiode, hvis det ikke er det rigtige for dig.<\/p>\n Nu har du valgt din widget, det er tid til at f\u00f8je den til dit websted.<\/p>\n Du kan tilf\u00f8je widgets til alle aktive widgetomr\u00e5der, der leveres af dit tema. Hvis dit tema ikke har et widgetomr\u00e5de p\u00e5 det sted, du vil have et, kan du pr\u00f8ve at lede efter et alternativt tema<\/a>.<\/p>\n Senere i dette indl\u00e6g viser jeg dig, hvordan du koder dit eget widget-omr\u00e5de.<\/p>\n Der er to m\u00e5der at tilf\u00f8je widgets til dit websted:<\/p>\n Jeg viser dig, hvordan du bruger begge disse metoder inden for kort tid, men lad os f\u00f8rst se p\u00e5 widgetomr\u00e5der, og hvorfor du f\u00e5r dem du g\u00f8r med dit tema.<\/p>\n Afh\u00e6ngigt af dit WordPress-tema<\/a> kan du m\u00e5ske finde ud af, at du har widgetomr\u00e5der flere steder.<\/p>\n De fleste temaer har widgetomr\u00e5der i sidebar og footer. Men nogle har dem ogs\u00e5 andre steder, som under eller over indholdet eller i overskriften.<\/p>\n Hvis du g\u00e5r til sk\u00e6rmbilledet for indstillinger for widgets i WordPress-admin<\/a>, kan du se alle widgetomr\u00e5derne i dit tema.<\/p>\n Jeg bruger et tema med flere widgetomr\u00e5der mange steder. P\u00e5 sk\u00e6rmbilledet nedenfor kan du se, at der er widgetomr\u00e5der over og under indholdet, i overskriften, under hoved footeren.<\/p>\n Hvis du vil f\u00f8je widgets til andre steder p\u00e5 dit websted, er det fornuftigt at finde et tema, der har flere widgetomr\u00e5der. Den bedste m\u00e5de at g\u00f8re dette p\u00e5 er at bruge et framework theme<\/a>.<\/p>\n Et godt eksempel p\u00e5 en widget et sted i dit tema, der ikke er sidebar eller footer, er at tilf\u00f8je en s\u00f8gelinje i overskriften, som jeg har p\u00e5 et af mine websteder.<\/p>\n Widgetomr\u00e5der er kodet i temaskabelonfilerne samt filen til temafunktioner.<\/p>\n Her kan du se koden, jeg har brugt i min temafunktionsfil til at tilf\u00f8je et widget-omr\u00e5de, der vil g\u00e5 i headeren.<\/p>\n Og her er koden i min header.php-fil, der tilf\u00f8jer dette widgetomr\u00e5de til det rigtige sted i temaet.<\/p>\n Hvis du vil tilf\u00f8je ekstra widgetomr\u00e5der i dit tema, skal du tilf\u00f8je den samme type kode. Jeg viser dig, hvordan du g\u00f8r dette senere i dette indl\u00e6g.<\/p>\n Glem ikke, at hvis dit tema ikke har s\u00e5 mange widgetomr\u00e5der, som du gerne vil, kan du altid g\u00f8re en af to ting:<\/p>\n N\u00e5r du har f\u00e5et widgetomr\u00e5der p\u00e5 alle de steder i dit tema, som du vil have dem, kan du begynde at tilf\u00f8je widgets til dem.<\/p>\n Der er to m\u00e5der at tilf\u00f8je widgets til dit WordPress-sted. Den f\u00f8rste er at bruge sk\u00e6rmbilledet Widgets i WordPress-admin.<\/p>\n Klik p\u00e5 Udseende> Widgets<\/strong>. Dette bringer widgets-sk\u00e6rmen op.<\/p>\n For at tilf\u00f8je en widget kan du g\u00f8re en af to ting:<\/p>\n Du skal muligvis derefter redigere, hvor widgetten er placeret i widgetomr\u00e5det.<\/p>\n Du kan tilf\u00f8je s\u00e5 mange widgets, som du vil til hvert widget-omr\u00e5de, men g\u00e5 ikke over bord. Du kan tr\u00e6kke dem rundt i widgetomr\u00e5det for at f\u00e5 dem i den rigtige r\u00e6kkef\u00f8lge. Du kan ogs\u00e5 tr\u00e6kke dem fra et widget-omr\u00e5de til et andet, hvis du beslutter, at du ikke kan lide den m\u00e5de, de ser ud p\u00e5.<\/p>\n Du kan ogs\u00e5 bruge dit tastatur til at tilf\u00f8je widgets ved hj\u00e6lp af sk\u00e6rmen Widgets, s\u00e5 hvis du ikke har adgang til en mus, kan du stadig tilf\u00f8je widgets.<\/p>\n Hvis du ikke kan bruge en mus, kan du bruge Widgets-sk\u00e6rmen med et tastatur.<\/p>\n F\u00f8rst skal du s\u00e6tte sk\u00e6rmen i Accessibility Mode ved at klikke p\u00e5 (eller fanen til og v\u00e6lge) linket Aktiver <\/strong>Accessibility Mode<\/strong> \u00f8verst til h\u00f8jre p\u00e5 sk\u00e6rmen.<\/p>\n Sk\u00e6rmen \u00e6ndres derefter for at afspejle det faktum, at du er i accessibility mode.<\/p>\n Du kan derefter navigere mellem elementer p\u00e5 sk\u00e6rmen ved hj\u00e6lp af Tab<\/strong>-tasten p\u00e5 dit tastatur og trykke p\u00e5 Enter for at v\u00e6lge et element og handle p\u00e5 det. Du kan enten fane til en widget, trykke p\u00e5 Return<\/strong> p\u00e5 linket Tilf\u00f8j<\/strong> og derefter v\u00e6lge, hvor du vil tilf\u00f8je det, eller fane til widgetomr\u00e5det og trykke p\u00e5 Retur p\u00e5 linket Rediger<\/strong>.<\/p>\n S\u00e5dan bruges WordPress Customizer til at tilf\u00f8je widgets<\/p>\n Brug af Customizer til at tilf\u00f8je widgets i stedet for widgets-sk\u00e6rmen betyder, at du kan se dine widgets, mens du tilf\u00f8jer dem. Dette g\u00f8r det lettere at se, hvordan dine widgets ser ud, og flytte dem rundt mellem widget-omr\u00e5der, hvis du vil.<\/p>\n Klik p\u00e5 Udseende> Tilpas<\/strong> i admin-menuen. Alternativt skal du bare klikke p\u00e5 Tilpas fra admin bar \u00f8verst p\u00e5 sk\u00e6rmen p\u00e5 det levende websted (forudsat at du er logget ind). Dette \u00e5bner Customizer<\/strong>.<\/p>\n Klik nu p\u00e5 indstillingen Widgets<\/strong>, s\u00e5 ser du en liste over alle widgetomr\u00e5der i dit tema. Klik p\u00e5 widgetomr\u00e5det, hvor du vil tilf\u00f8je en widget, og klik p\u00e5 knappen Tilf\u00f8j en widget<\/strong>.<\/p>\n Dette giver dig en liste over alle de tilg\u00e6ngelige widgets til dit websted. Det inkluderer alle de indbyggede widgets, der fulgte med WordPress plus enhver widget, du har tilf\u00f8jet via plugins<\/p>\n V\u00e6lg den widget, du vil tilf\u00f8je til det widgetomr\u00e5de, og du kan se det i preview-sk\u00e6rmen til h\u00f8jre.<\/p>\n Du kan sortere widgets ved at tr\u00e6kke dem op og ned i venstre side eller ved at klikke p\u00e5 linket Omarranger<\/strong> under listen over widgets og derefter klikke p\u00e5 pilene for at flytte dem op og ned.<\/p>\n N\u00e5r du er f\u00e6rdig med at tilf\u00f8je widgets via Customizer, skal du ikke glemme at klikke p\u00e5 knappen Publicer<\/strong> \u00f8verst til venstre, s\u00e5 dine \u00e6ndringer gemmes. Hvis du forlader Customizer uden at g\u00f8re dette, vil ingen af dine \u00e6ndringer blive reflekteret p\u00e5 live-stedet.<\/p>\n N\u00e5r du har tilf\u00f8jet dine widgets, skal du kigge p\u00e5 dem og kontrollere, hvordan de passer til designet p\u00e5 din side. Hvis du har tilf\u00f8jet for mange widgetomr\u00e5der, kan ting muligvis se lidt rodet ud. Du skal enten fjerne nogle af dem, eller du kan flytte dem fra det ene widgetomr\u00e5de til det andet.<\/p>\n Det er virkelig let at g\u00f8re dette p\u00e5 sk\u00e6rmen Widgets, hvor du kan tr\u00e6kke widgets mellem widget-omr\u00e5der.<\/p>\n Nogle temaer inkluderer widgetomr\u00e5der, der kun er til bestemte sider, som for eksempel startsiden. Men hvad nu hvis du vil tilf\u00f8je en widget til kun en side p\u00e5 dit websted?<\/p>\n Du kan g\u00f8re dette i Gutenberg<\/a> post- og sideditoren.<\/p>\n Tilf\u00f8j en ny blok p\u00e5 den s\u00e6dvanlige m\u00e5de, og v\u00e6lg derefter bloktypen Widgets<\/strong>.<\/p>\n Hvorn\u00e5r skal man bruge WordPress widgets <\/strong><\/h2>\n
11 eksempler p\u00e5 widgets i WordPress <\/strong><\/h2>\n
1. Widget for nyeste indl\u00e6g <\/strong><\/h3>\n
2. Widget med nylige kommentarer <\/strong><\/h3>\n
3. Call to Action Widgets<\/strong><\/h3>\n
4. Navigations Widgets<\/strong><\/h3>\n
5. Media Widgets<\/strong><\/h3>\n
6. Social Media Widgets<\/strong><\/h3>\n
7. Widget til indk\u00f8bskurv <\/strong><\/h3>\n
8. Formular-widget <\/strong><\/h3>\n
9. Kort widget <\/strong><\/h3>\n
10. Login-widget <\/strong><\/h3>\n
11. Search Widget<\/strong><\/h3>\n
S\u00e5dan tilf\u00f8jes widgets til dit WordPress site <\/strong><\/h2>\n
\n
Find widgets til dit WordPress site <\/strong><\/h3>\n
Widgets, der f\u00f8lger med WordPress <\/strong><\/h4>\n
\n
\nTilf\u00f8jelse af widgets med et plugin <\/strong><\/h3>\n S\u00e5dan finder du den rigtige widget til dit websted <\/strong><\/h4>\n
\n
S\u00e5dan f\u00f8jes widgets til sidebar og footer i WordPress <\/strong><\/h3>\n
\n
Widgets er ikke kun til sidebar<\/h4>\n
Widgetomr\u00e5der og temaer <\/strong><\/h4>\n
register_sidebar( array(\n 'name' => __( 'In Header Widget Area', 'rmccollin' ),\n 'id' => 'in-header-widget-area',\n 'description' => __( 'A widget area located to the right hand side of the header, next to the site title and description.', 'rmccollin' ),\n 'before_widget' => '<div id=\"%1$s\" class=\"widget-container %2$s\">',\n 'after_widget' => '<\/div>',\n 'before_title' => '<h3 class=\"widget-title\">',\n 'after_title' => '<\/h3>',\n) );<\/code><\/pre>\nif ( is_active_sidebar( 'in-header-widget-area' ) ) { ?>\n\n <aside class=\"in-header widget-area right\" role=\"complementary\">\n <?php dynamic_sidebar( 'in-header-widget-area' ); ?>\n <\/aside>\n\n<?php }<\/code><\/pre>\n\n
S\u00e5dan bruges sk\u00e6rmbilledet Widgets til at tilf\u00f8je widgets <\/strong><\/h4>\n
\n
Tilf\u00f8jelse og redigering af widgets i Accessibility Mode <\/strong><\/h4>\n
S\u00e5dan f\u00f8jes en widget til en bestemt side <\/strong><\/h4>\n