როგორ დავამატოთ WordPress ვიჯეტები?თემის ინტეგრაციის ვიჯეტების არეალი

მორგებული მენიუს ფუნქციები და გვერდითი ზოლის ვიჯეტები, დიახWordPressგამორჩეული თვისებები თემაში.

• თემის გაკეთება, თუ ის არ შეიცავს ამ ორ ფუნქციას, ქათმის ნეკნივითაა...

ჩენ ვეილიანგიწინაშიააშენეთ სადგურიამ გაკვეთილში მე ვიზიარებ, თუ როგორ უნდა მივცეთ WordPress თემაპერსონალური მენიუს დამატება.

ეს სტატია აღწერს, თუ როგორ უნდა დაამატოთ მორგებული ვიჯეტის ფუნქციები თემის შექმნისას.

ისევე როგორც თემებზე მორგებული მენიუს დამატება, ვიჯეტების პერსონალურად დამატება მხოლოდ 3 ნაბიჯს იღებს.

პირველი ნაბიჯი, გაჯეტის რეგისტრაცია

ვიჯეტის გამოსაყენებლად ჯერ უნდა დარეგისტრირდეთ, გახსენით functions.php ფაილი WordPress თემის ქვეშ,

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

?>

შეცვალეთ li და h2 ტეგები functions.php-ში, რათა შეესაბამებოდეს თეგებს sidebar.php:

li და მოდულის h2 სათაურები "წინა_ვიჯეტის" და "შემდეგ_ვიჯეტის", ცვლის კოდს ფაქტობრივი სიტუაციის მიხედვით.

(შესაძლოა ცვლილების გარეშე)

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

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

ზემოთ მოყვანილი კოდი აღრიცხავს ვიჯეტის ზონას სახელად "ზედა გვერდითი ზოლი":

• ნაჩვენები სახელია "Top Sidebar".
• სათაურს დაამატეთ h2 ტეგი.
• შიგთავსის ელემენტები მონიშნულია li.

登录WordPress backendდაფა, გადადით გარეგნობა → ვიჯეტები.

თუ ხედავთ ზედა გვერდითი ზოლის ვიჯეტის ზონას ქვემოთ მოცემული სურათის მარჯვენა მხარეს, ეს ნიშნავს, რომ რეგისტრაცია წარმატებულია ▼

მეორე ნაბიჯი, გაჯეტის ზარი

გაჯეტის დარეგისტრირების შემდეგ, მისი გამოძახება შესაძლებელია თემის შაბლონის ფაილში, ხოლო შემდეგი კოდის გამოძახება შესაძლებელია 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-ის მრავალი ვიჯეტი სხვადასხვა სფეროში?

გაიმეორეთ ნაბიჯები XNUMX და XNUMX, რათა თქვენი WordPress თემა მხარდაჭერილი იყოს ვიჯეტები სხვადასხვა ადგილას.

დავუშვათ, რომ თქვენ გჭირდებათ ვიჯეტის დამატება სათაურში, გვერდითა ზოლსა და თემის ბოლოში.

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>

გვერდითი ზოლი.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>

ძირი.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) შეინახეთ ყველა მორგებული ვიჯეტის ვიჯეტის კოდი, რომელიც დამატებულია 1-ელ ეტაპზე widgets.php ფაილში.

ეს მეთოდი უზრუნველყოფს ყველა ვიჯეტის შეუფერხებლად ჩატვირთვას და მუშაობას WordPress-ის ყველა ვერსიაზე, რომელიც მხარს უჭერს ვიჯეტებს.

ამ გზით, თქვენ შეგიძლიათ უფრო ეფექტურად მართოთ თქვენი WordPress თემის ფაილები.