Kako da dodam sidebar (bočnu traku) u temi koja ga nema?

Dodavanje sidebara (bočne trake) u WordPress temu koja ga nema zahteva editovanje koda teme. Preporučuje se korišćenje child theme-a da biste izbegli gubitak izmena pri ažuriranju roditeljske teme. Evo koraka:

  1. Kreirajte child theme:
    • U folderu vaše teme kreirajte novi folder (npr. moja-tema-child).
    • Unutra dodajte style.css sa sledećim sadržajem (zamenite moja-tema sa slugom roditeljske teme):
      /*
      Theme Name: Moja Tema Child
      Template: moja-tema
      */
    • Dodajte functions.php sa:
      <?php
      add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
      function enqueue_parent_styles() {
          wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
      }
  2. Registrujte sidebar u functions.php child theme-a:
    <?php
    function register_my_sidebar() {
        register_sidebar( array(
            'name'          => 'Bočna traka',
            'id'            => 'main-sidebar',
            'before_widget' => '<div class="widget">',
            'after_widget'  => '</div>',
            'before_title'  => '<h3 class="widget-title">',
            'after_title'   => '</h3>',
        ) );
    }
    add_action( 'widgets_init', 'register_my_sidebar' );
  3. Dodajte poziv sidebara u template fajlove:
    • Kopirajte page.php, single.php ili index.php iz roditeljske teme u child folder.
    • Užestite gde želite sidebar, npr.:
      <?php if ( is_active_sidebar( 'main-sidebar' ) ) : ?>
          <?php dynamic_sidebar( 'main-sidebar' ); ?>
      <?php endif; ?>
    • Dodajte CSS u style.css za stilizovanje (npr. .widget { width: 300px; }).
  4. Aktivirajte child theme i dodajte widgete:
    • Idite u Izgle → Teme i aktivirajte child theme.
    • U Izgle → Widgeti dodajte sadržaj u “Bočna traka”.

Napomena: WP Host nudi preko 350 premium tema (kao Astra Pro, Ocean WP, Divi) koje često imaju ugrađene opcije za sidebare. Za brže rešenje, koristite jednu od njih preko WordPress komandnog centra.