Jak dodać widżety WordPress?Integracja motywu Obszar widżetów

Niestandardowe funkcje menu i widżety paska bocznego, takWordPressWyróżnione funkcje w motywie.

• Tworzenie motywu, jeśli nie zawiera tych dwóch funkcji, jest jak żeberko z kurczaka...

Chen Weiliangw poprzednimzbudować stronę internetowąW tym samouczku dzielę się, jak nadać motyw WordPressDodaj niestandardowe menu.

W tym artykule opisano, jak dodać niestandardowe funkcje widżetów podczas tworzenia motywu.

Podobnie jak dodawanie niestandardowych menu do motywów, niestandardowe dodawanie widżetów zajmuje tylko 3 kroki.

Pierwszy krok, rejestracja gadżetu

Aby skorzystać z widżetu należy się najpierw zarejestrować, otworzyć plik functions.php pod motywem WordPress,

W pliku functions.php dodaj następujący kod:

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

Zmodyfikuj tagi li i h2 w functions.php, aby odpowiadały tagom w sidebar.php:

Tytuły li i modułu h2 „before_widget” i „after_widget” modyfikują kod zgodnie z rzeczywistą sytuacją.

(może bez modyfikacji)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

Powyższy kod rejestruje obszar widżetów o nazwie „top-sidebar”:

• Wyświetlana nazwa to „Górny pasek boczny”.
• Dodaj tag h2 do tytułu.
• Pozycje treści są oznaczone li.

Zaloguj sięZaplecze WordPressPulpit nawigacyjny, przejdź do Wygląd → Widgety.

Jeśli widzisz obszar widżetu górnego paska bocznego po prawej stronie poniższego obrazu, oznacza to, że rejestracja się powiodła ▼

Drugi krok, wywołanie gadżetu

Po zarejestrowaniu gadżetu można go wywołać w pliku szablonu motywu, a następujący kod można wywołać w pliku sidebar.php.

1) W pliku sidebar.php, poniżej największego znacznika li lub div, wstaw ▼

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2) W pliku sidebar.php największylubPowyżej dodaj ▼

<?php endif; ?>

Krok XNUMX: Skonfiguruj widżety

1) Gadżet jest zarejestrowany, a pozycja wyświetlania jest również zdefiniowana w pliku motywu.

• Możesz ustawić obszar grupy widżetów w tle WordPress ▼

2) Po zapisaniu odśwież stronę główną.

• Pasek boczny naszej witryny będzie wyglądał jak na poniższym obrazku ▼

Na powyższym obrazku widać, że nasz gadżet został wykonany i działa normalnie.

Jak dodać wiele widżetów WordPress w różnych obszarach?

Powtórz kroki XNUMX i XNUMX, aby Twój motyw WordPress obsługiwał widżety w różnych lokalizacjach.

Załóżmy, że musisz dodać widżet do nagłówka, paska bocznego i dolnej części motywu.

1) Najpierw musisz skopiować następujący kod do pliku functions.php ▼

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2) Następnie dodaj następujący kod odpowiednio do plików header.php, sidebar.php i footer.php.

nagłówek.php ▼

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

sidebar.php ▼

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

stopka.php ▼

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

To jest sukces!

• Oczywiście możesz również modyfikować różne szczegóły w kodzie według własnych potrzeb ^_^
• Powyższe 2 kroki umożliwiają reszcie motywu zintegrowanie funkcjonalności widżetu.

Następnie kontynuuj udostępnianie wskazówek dotyczących korzystania z widżetów w WordPress.

Integracja z motywem WordPress Wskazówki dotyczące widżetów

Wydajnie zarządzaj niestandardowymi widżetami:

1) Po dodaniu widżetów do motywu możesz utworzyć osobny plik i nazwać gowidgets.php.

• Aby zapisać cały niestandardowy kod widżetu dodany w kroku 1 do tego folderu.

2) Dodaj kod do pliku functions.php:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3) Zapisz cały kod niestandardowych widżetów widżetów dodany w kroku 1 do pliku widgets.php.

Ta metoda zapewnia, że ​​wszystkie widżety ładują się płynnie i działają na wszystkich wersjach WordPressa obsługujących widżety.

W ten sposób możesz wydajniej zarządzać plikami motywów WordPress.