כיצד להוסיף ווידג'טים של וורדפרס?אזור יישומונים לשילוב נושאים

תכונות תפריט מותאמות אישית ווידג'טים של סרגל הצד, כןוורדפרסתכונות מומלצות בערכת הנושא.

• יצירת ערכת נושא, אם היא לא כוללת את שתי הפונקציות הללו, היא כמו צלע עוף...

צ'ן וייליאנגבקודםבנה תחנהבמדריך זה, אני משתף כיצד לתת ערכת נושא וורדפרסהוסף תפריט מותאם אישית.

מאמר זה מתאר כיצד להוסיף פונקציות ווידג'ט מותאמות אישית בעת יצירת ערכת נושא.

בדיוק כמו הוספת תפריטים מותאמים אישית לנושאים, הוספת ווידג'טים מותאמים אישית לוקחת רק 3 שלבים.

השלב הראשון, רישום גאדג'טים

כדי להשתמש בווידג'ט, תחילה עליך להירשם, לפתוח את הקובץ 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>',
    ) );
}

?>

שנה את התגים li ו-h2 ב-functions.php כך שיתאימו לתגיות ב-sidebar.php:

הכותרות li ו-modul h2 של 'before_widget' ו-'after_widget', משנות את הקוד בהתאם למצב בפועל.

(אולי ללא שינוי)

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

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

הקוד שלמעלה רושם אזור ווידג'ט בשם "סרגל הצד העליון":

• השם המוצג הוא "סרגל צד עליון".
• הוסף תג h2 לכותרת.
• פריטי תוכן מתויגים ב-li.

登录קצה אחורי של וורדפרסלוח מחוונים, עבור אל מראה ← ווידג'טים.

אם אתה יכול לראות את אזור הווידג'ט של סרגל הצד העליון בצד ימין של התמונה למטה, זה אומר שההרשמה הצליחה ▼

השלב השני, שיחת גאדג'ט

לאחר רישום הגאדג'ט, ניתן לקרוא לו בקובץ תבנית הנושא, ולקוד הבא ניתן לקרוא בקובץ sidebar.php.

1) בקובץ sidebar.php, מתחת לתג li או div הגדול ביותר, הכנס ▼

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

2) בקובץ sidebar.php, הגדול ביותראוֹלמעלה, הוסף ▼

<?php endif; ?>

שלב XNUMX: הגדר ווידג'טים

1) הגאדג'ט נרשם, ומיקום התצוגה מוגדר גם בקובץ הנושא.

• אתה יכול להגדיר את אזור קבוצת הווידג'טים ברקע וורדפרס ▼

2) לאחר השמירה, רענן את העמוד הראשון.

• סרגל הצד של האתר שלנו ייראה כמו בתמונה למטה ▼

אתה יכול לראות את התמונה למעלה, המציינת שהגאדג'ט שלנו נוצר ופועל כרגיל.

כיצד להוסיף ווידג'טים של וורדפרס מרובים באזורים שונים?

חזור על שלבים 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>

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 השלבים לעיל, מאפשרים לשאר הנושא לשלב את הפונקציונליות של הווידג'ט.

לאחר מכן, המשך לשתף טיפים לשימוש בווידג'טים בוורדפרס.

טיפים לווידג'ט לשילוב ערכת נושא וורדפרס

נהל ביעילות ווידג'טים מותאמים אישית:

1) לאחר הוספת ווידג'טים לערכת הנושא, תוכל ליצור קובץ נפרד ולתת לו שםwidgets.php.

• על מנת לשמור את כל קוד הווידג'ט המותאם אישית שנוסף בשלב 1 לתיקיה זו.

2) הוסף את הקוד לקובץ functions.php:

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

3) שמור את כל קוד הווידג'טים המותאמים אישית שנוספו בשלב 1 לקובץ widgets.php.

שיטה זו מבטיחה שכל הווידג'טים נטענים בצורה חלקה ויעבדו על כל גרסאות וורדפרס התומכות בווידג'טים.

בדרך זו, אתה יכול לנהל את קבצי הנושא של וורדפרס שלך בצורה יעילה יותר.