creare site web wordpress

Creare sidebar personalizat pentru o tema wordpress

Sunt programator și vreau să îți arăt cum poți dezvolta o temă pe platforma WordPress cu ajutorul unui sidebar personalizat. Fie că ești la început de drum în creare și dezvoltare site web, sau ești un bun cunoscător al platformei WordPress citește acest articol și poți comenta pe marginea lui, adăugând astfel o îmbunătățire a acestui articol scris de mine.

Ce este un sidebar sau bara laterală?

Un sidebar sau bara laterală din WordPress este o regiune de tip widget,  pregătită pentru a afișa informații care nu fac parte din site-ul principal. Un sidebar nu trebuie sa fie o coloana verticală pe lateral. Poate fi un dreptunghi așezat sub sau deasuprea zonei de conținut, subsol, antet sau oricare altă zonă a unei teme WordPress.

bara laterala wordpress
bara laterala wordpress

Utilizarea barelor laterale poate varia și este o opțiune a proiectantului temei WordPress. Multe teme WordPress acceptă mai multe bare laterale denumite și sidebar.

O bara laterală de tip sidebar joacă un rol important in crearea dezvoltarea și modificarea unei teme WordPress. Cu ajutorul ei poate fi afișat conținut, altul decât articolele principale ale unui site web. Ca de exemplu în bara  laterală se pot afișa cele mai citite articole, comentarii recente, o listă de pagini etc. Poate fi utilizat și pentru a afișa reclame de pe site-urile web ale terților. Unele teme WordPress vin cu opțiuni configurabile pentru aceste bare laterale, ce permit utilizatorilor doar să adauge cu drag and drop elementele pentru a popula diferitele secțiuni ale site-ului.

Cum adaugi o bară lateral personalizată (sidebar) unei teme WordPress

Un sidebar sau bara laterală permite adaugarea unor widget-uri în interiorul temei unui site web. Poți adăuga o bară laterală pentru a afișa widget-uri  oriunde dorești. Menționez faptul că implicit, temele WordPress au o singură bară laterală. Iți voi prezenta in continuare cum poți adăuga o bară lateral personalizată in tema WordPress.

  1. Creare tema copil
  2. Editeaza fișierul functions.php
  3. Editeaza template-ul tău
  4. Verifică rezultatul final

1. Creare temă copil
În caz că folosești o temă dezvoltată de tine, poți trece la pasul următor. Dacă pentru proiectul tău utilizezi o temă pentru care o terță persoană oferă support, poți crea o temă copil, pentru a nu modifica tema originală.

2. Editează fișierul functions.php
Pentru a aduce modificări oricărei  teme WordPress, este necesar  să modifici fișierul functions.php deoarce aici găsești toate funcșiile de care tema ta are nevoie sa funcționeze în mod normal.

Pentru a modifica fișierul functions.php ai nevoie de un editor și un program FTP. O altă cale de a accesa fișierul este sa mergi la Appearance > Editor >functions.php

Adaugă acest cod:

function my_custom_sidebar() {
    register_sidebar(
        array (
            'name' => __( 'Custom', 'your-theme-domain' ),
            'id' => 'custom-side-bar',
            'description' => __( 'Custom Sidebar', 'your-theme-domain' ),
            'before_widget' => '

<div class="widget-content">',
            'after_widget' => "</div>


",
            'before_title' => '

<h3 class="widget-title">',
            'after_title' => '</h3>


',
        )
    );
}
add_action( 'widgets_init', 'my_custom_sidebar' );

Salvează odată ce ai terminat de adăugat.

3. Editează template-ul tău
Doresc să adaug bara lateral în Postări unice , de aceea voi edita fisierul single post, utilizând metoda de mai sus. Plasez codul de mai jos in locul în care doresc să afișez widget-ul meu.

<?php if ( is_active_sidebar( 'custom-side-bar' ) ) : ?>
    <?php dynamic_sidebar( 'custom-side-bar' ); ?>
<?php endif; ?>

4. Verifică rezultatul final

bara laterala wordpress
rezultat bara laterala

Pentru a verifica sidebar-ul dacă funcționează, mergi la Appearance > Widgets și adaugă un widget de care ai nevoie.
In caz că ai nevoie de ajutorul meu pentru a crea o temă WordPress cu mai multe funcționalități mă poți contacta telefonic cât și utilizând formularul de contact al site-ului. Sper că acest scurt tutorial ți-a fost de un real ajutor în dezvoltarea proiectului tău si nu uita să te abonezi la newsletter pentru a primi cele mai noi articole direct pe mail-ul tău.

Sunt web designer si programator din Bucuresti. Te pot ajuta sa-ti cresti afacerea in mediul online simplu si repede. Fie ca este vorba de un site de prezentare, un magazin cu vanzari online, iti pun la dispozitie servicii web design de calitate. Iti ofer cele mai bune solutii pentru dezvoltarea afacerii tale

Leave a reply:

Your email address will not be published.

Site Footer

Sliding Sidebar

Despre mine

Despre mine

Sunt web designer si programator din Bucuresti. Te pot ajuta sa-ti cresti afacerea in mediul online simplu si repede. Fie ca este vorba de un site de prezentare, un magazin cu vanzari online, iti pun la dispozitie servicii web design de calitate. Iti ofer cele mai bune solutii pentru dezvoltarea afacerii tale.

Profile sociale

Facebook

Acest site folosește module cookie. Prin utilizarea și navigarea în continuare pe acest site acceptați politica de confidentialitate si termeni si conditii . Informații detaliate despre utilizarea cookie-urilor pe acest site web sunt disponibile făcând clic pe cookie settings .
×