WordPress виджетийг хэрхэн нэмэх вэ?Сэдвийг нэгтгэх виджетүүдийн хэсэг

Захиалгат цэсийн функцууд болон хажуугийн виджетүүд, тийм ээWordPressСэдвийн онцлог шинж чанарууд.

• Сэдэв хийх нь энэ хоёр функцийг багтаахгүй бол тахианы хавиргатай адил ...

Чен ВэйлянӨмнө ньвэб сайт байгуулахЭнэ зааварт би WordPress сэдвийг хэрхэн өгөх талаар хуваалцаж байнаТусгай цэс нэмэх.

Энэ нийтлэлд загвар үүсгэх үед тусгай виджетийн функцүүдийг хэрхэн нэмэх талаар тайлбарласан болно.

Загварт цэс нэмэхтэй адил виджет нэмэхэд ердөө 3 алхам л хангалттай.

Эхний алхам бол гаджетыг бүртгэх явдал юм

Виджетийг ашиглахын тулд та эхлээд бүртгүүлж, WordPress сэдвийн дор functions.php файлыг нээж,

functions.php файлд дараах кодыг нэмнэ үү.

<?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>',
    ) );
}

?>

functions.php доторх li болон h2 тагуудыг sidebar.php дээрх шошготой тааруулахын тулд өөрчил:

"widget_fore_widget" ба "after_widget" гэсэн li болон модулийн h2 гарчиг нь бодит нөхцөл байдлын дагуу кодыг өөрчилнө.

(өөрчлөлтгүй байж магадгүй)

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

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

Дээрх код нь "дээд талын талбар" нэртэй виджетийн хэсгийг бүртгэдэг:

• Харагдах нэр нь "Дээд талын талбар".
• Гарчиг дээр h2 шошго нэмнэ үү.
• Агуулгын зүйлсийг li гэж тэмдэглэсэн.

НэвтрэхWordPress backendХяналтын самбараас Гадаад төрх → Виджетүүд рүү очно уу.

Хэрэв та доорх зургийн баруун талд Top Sidebar виджетийн хэсгийг харж байгаа бол бүртгэл амжилттай болсон гэсэн үг ▼

Хоёр дахь алхам бол гаджетын дуудлага

Гаджетыг бүртгэсний дараа түүнийг theme template файлд дуудаж болох ба дараах кодыг sidebar.php файлд дуудаж болно.

1) sidebar.php файлын хамгийн том li эсвэл div тагийн доор ▼ оруулна уу.

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

2) sidebar.php файлд хамгийн том ньэсвэлДээр ▼ нэмнэ

<?php endif; ?>

Алхам XNUMX: Виджетүүдийг тохируулна уу

1) Гаджет бүртгэгдсэн бөгөөд дэлгэцийн байрлалыг сэдэв файлд мөн тодорхойлсон.

• Та виджетийн бүлгийн хэсгийг WordPress дэвсгэр дээр тохируулах боломжтой ▼

2) Хадгалсны дараа нүүр хуудсыг дахин сэргээнэ үү.

• Манай вэб хуудасны хажуугийн самбар доорх зураг шиг харагдах болно ▼

Та дээрх зургийг харж байгаа нь манай гаджетыг хийсэн бөгөөд ердийнхөөрөө ажиллаж байгааг харуулж байна.

Хэрхэн өөр өөр газар WordPress виджетийг нэмэх вэ?

Өөр өөр байршилд WordPress сэдвийг дэмжих виджет болгохын тулд XNUMX ба XNUMX-р алхамуудыг давтана уу.

Та сэдвийн толгой, хажуугийн хэсэг, доод хэсэгт виджет нэмэх хэрэгтэй гэж бодъё.

1) Эхлээд та дараах кодыг 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) Дараа нь header.php, sidebar.php болон footer.php файлуудад дараах кодыг нэмнэ.

header.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>

footer.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>

Энэ бол амжилт!

• Мэдээжийн хэрэг, та өөрийн хэрэгцээнд нийцүүлэн кодын янз бүрийн мэдээллийг өөрчилж болно ^_^
• Дээрх 2 алхам нь бусад сэдвийг виджетийн функцийг нэгтгэх боломжийг олгоно.

Дараа нь WordPress дээр виджет ашиглах зөвлөмжийг үргэлжлүүлэн хуваалцаарай.

WordPress сэдвийг нэгтгэх виджетийн зөвлөмжүүд

Захиалгат виджетүүдийг үр дүнтэй удирдах:

1) Загварт виджет нэмсний дараа та тусдаа файл үүсгэж, нэрлэж болноwidgets.php.

• 1-р алхамд нэмсэн бүх тусгай виджетийн кодыг энэ хавтсанд хадгалахын тулд.

2) functions.php файлд код нэмнэ:

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

3) Widgets.php файлд 1-р алхамд нэмсэн бүх тусгай виджетийн виджетийн кодыг хадгал.

Энэ арга нь бүх виджетүүд жигд ачаалагдаж, виджетийг дэмждэг бүх WordPress хувилбарууд дээр ажилладаг.

Ингэснээр та WordPress сэдвийн файлуудаа илүү үр дүнтэй удирдах боломжтой.