WordPress sidebar-skabeloner: Hvad er og hvordan man bruger dem?

Andrei Iordache

Andrei Iordache

WordPress udvikler

🚀 Jeg hjælper folk med at blive fundet online | WordPress Development, Core Web Vitals, Sikkerhed og vedligeholdelse

Hvad er WordPress sidebar?

En sidebar i WordPress er dybest set en smal kolonne, der kan findes på venstre eller højre side af websiden. Det er også et sted, hvor du kan sætte dine widgets i WordPress.

De fleste WordPress-temaer leveres med mindst én sidebar. I nogle tilfælde kan du finde flere sidebarer. For eksempel kommer nogle temaer med en sidebar på venstre og højre side af siden.

Standardpositionen for sidebaren er på højre side af siden, men du kan nemt ændre den til venstre side, hvis du ønsker det. Du kan endda have flere sidebarer på begge sider af siden, hvis det er nødvendigt.

Sidebaren er et godt sted at placere dine widgets. WordPress leveres med et par standard widgets, som du kan bruge. For eksempel er der en widget til seneste indlæg og seneste kommentarer.

Du kan også tilføje dine egne brugerdefinerede widgets til sidebaren. Du kan f.eks. tilføje en widget til sociale medier for at vise dine Twitter-, Facebook- og RSS-feed-ikoner. Eller du kan tilføje en søge-widget, så folk kan søge på dit websted. Og det bedste er: Hvis du ønsker at tjene penge på dit websted, kan du bruge bannere med sidebarannoncer.

I sidste ende er sidebaren et fleksibelt område på dit WordPress-websted. Det er op til dig, hvordan du vil bruge det.

Hvad er en WordPress sidebar-skabelon?

Det kan være en udfordring at finde den perfekte WordPress sidebar-skabelon. Der er mange faktorer at tage hensyn til, såsom sidebarens formål, den tilgængelige plads og det overordnede udseende og følelse af webstedet.

Når du skal vælge en sidebar-skabelon, er det første skridt at identificere sidebarens formål. Er det meningen, at den skal være en navigationshjælp? Et sted at vise populært indhold frem? En måde at tilskynde til social deling på? Når du kender sidebarens formål, kan du indsnævre dine valgmuligheder.

Det næste skridt er at overveje den tilgængelige plads. Sidebarer vises normalt i venstre eller højre side af siden, så du skal tage hensyn til sidebarens bredde og indholdsområdet. Hvis sidebaren er for bred, vil den dominere siden og gøre indholdet svært at læse. Hvis den er for smal, kan den måske ikke rumme alt det indhold, du ønsker at inkludere.

Endelig skal du overveje webstedets overordnede udseende og følelse. Sidebaren skal supplere sidens design og ikke kollidere med det. Det betyder, at du skal vælge en sidebar-skabelon, der bruger de samme farver, skrifttyper og den samme stil som resten af webstedet.

At vælge den perfekte WordPress sidebar-skabelon er en balancegang, men med lidt omtanke og indsats kan du finde den, der passer til dit websted.

Hvordan man bruger sidebar-skabeloner i WordPress?

Ved hjælp af en include-erklæring kan du bygge forskellige sidebar-skabeloner til forskellige sider på dit WordPress-websted. Når du opretter en include-erklæring, instruerer du blot WordPress om at inkludere en given fil på en bestemt side.

Dette er den kode, der trækker standard-skabelonen Sidebar (Sidebar.php) ind i alle andre skabeloner, herunder hovedindeks-skabelonen (index.php):

<?php get_sidebar(); ?>

Hvis du vil vide mere om sidebjælker (hvordan du registrerer en sidebjælke, og hvordan du tilpasser den), kan du gå her: Docs

WooCommerce & Sidebar.php

En brugerdefineret sidebar.php-fil i WooCommerce kan bruges til at tilsidesætte standardfilen for sidebar. Dette er nyttigt, hvis du ønsker at tilpasse sidebaren for din WooCommerce-shop. Du kan f.eks. tilføje et særligt link til sidebaren, der går til din shops indkøbskurvsside, eller du kan tilføje en søgeformular til sidebaren, så kunderne kan søge direkte i din shops produkter.

I woocommerce/templates/global/sidebar.php kan du se, hvordan woocommerce viser sidebaren.

<?php
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}

get_sidebar( 'wooshop' ); ?>

Den vil først søge efter sidebar-wooshop.php og derefter sidebar.php. Så alt du skal gøre er at oprette sidebar-wooshop.php under din temamappe.

Og i din sidebar-wooshop.php skal du vise det widgetområde, du har registreret.

Filen Sidebar-wooshop.php

<div class="sidebar">
<?php dynamic_sidebar('sidebar'); ?>
</div>

Der er en anden metode til at vise woocommerce-specifikke widget-områder ved hjælp af den samme sidebar.php. Da WooCommerce har nogle betingede tags, kan vi bruge is_woocommerce() til at bestemme, om siden bruger WooCommerce-skabeloner eller ej.

Filen Sidebar.php

<div class="sidebar">
<?php

if ( is_woocommerce() ) {
dynamic_sidebar('sidebar');
} else {
dynamic_sidebar('default-sidebar');
}

?>

</div>
Forrige indlæg
Lokal SEO – Den ultimative guide til Google My Business
Næste indlæg
Hvorfor du altid bør opdatere WordPress til den nyeste version
Lusi StudiosLusi Studios
15:32 22 Jun 22
Andrei did an amazing job! He helped in a very rushed time and he excelled at everything. Thanks again!
I am grateful and I would to thank Websites Seller for their support in site recovery and site transfer. Websites Seller just saved my business. Thank you!
Wouter GhysensWouter Ghysens
11:52 10 Sep 21
Looking for a Wordpress transfer from site A to site B, I found back Andrei from Wesites Seller on Google.He was very proactive in his approach, came with hundreds of ideas and lifetime experiences from other migrations. He knows the wordpress, the hosting and php database as the back of his pocket.And we worked out this migration very smooth. Together we solved it, and myself and my business are very pleased with his approach.100% recommendation & kudo's from out of Belgium!
Ioachim CiobanuIoachim Ciobanu
18:39 14 Jul 21
Websites Seller built my resume site. Deliverables were quickly completed, and I was asked for my feedback at each stage of development. All feedback I gave was implemented in a short time.Another great thing is that he comes with smart solutions, regarding stuff which I didn't initially think of (site security, Google site speed optimization and so on). Basically, he was great, staying in touch, keeping me updated and paid attention to what was most important for my site.Overall, I am very happy with the work done. I highly recommend this developer!
K CollinsK Collins
09:11 19 May 21
I needed help with website speed - to improve my core web vitals - without compromising the usability of my site. Andrei was extremely responsive, proactive and fast. And more importantly, he increased by website speed. Highly recommend him, and I will be using him going forward on all my projects.
js_loader

Tjenester

WordPress Website Maintenance Services

WordPress Vedligeholdelse Tjenester

WordPress-webstedsvedligeholdelses tjeneste, der giver sikkerhedskopiering i skyen, nødsupport, ugentlige websideopdateringer, hastighed og meget mere.

sally

WordPress Migration Tjeneste

Overfør dit WordPress-websted sikkert til en ny placering for 75 $. … Overfør dit websted til den nye vært.

lawyer-office

Webdesign til Advokater

Vi har specialiseret os i webdesign, internetmarkedsføring og SEO for advokater og advokater i hele Europa og USA.