וורדפרס ואתרי אינטרנט

owl-158414_960_720
דורג 5 מתוך 5

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

הוספת איזור וידגטים בוורדפרס ווידג טים

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

הפתרון הוא להוסיף איזור וידגטים, מאוד קל להוסיף איזור וידגטים בוורדפרס, אז מתחילים..

מחפשים ב functions.php פונקציה שמשתמשת ב register_sidebar ומוסיפים לה עוד איזור חדש, לפי מה שקיים

name- השם שנקרא לאיזור

id- נפנה לאיזור עם המזהה הזה נראה בהמשך.

וכל השאר אופציות לא מחייבות…

דוגמא ל -2   איזורי וידגטים, (במידה ולא קיים שום איזור בתבנית שלכם (דבר שלא אפשרי) אפשר להוסיף חדש כמו בדוגמא).

<?php
/**
 * Register our sidebars and widgetized areas.
 *
 */
function arphabet_widgets_init() {

  register_sidebar( array(
    'name'          => 'Home right sidebar',
    'id'            => 'home_right_1',
    'before_widget' => '<div>',
    'after_widget'  => '</div>',
    'before_title'  => '<h2 class="rounded">',
    'after_title'   => '</h2>',
  ) );

    register_sidebar( array(
        'name'          => 'After The Signal Content',
        'id'            => 'signal_fontent',
        'before_widget' => '',
        'after_widget'  => '',
        'before_title'  => '',
        'after_title'   => '',
    ));

}
add_action( 'init', 'arphabet_widgets_init' );
?>

 

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

<?php dynamic_sidebar( 'home_right_1' ); ?>

יש להשים לב שאנחנו משתמשים ב id של האיזור הראשון בפונקציה למעלה.

קוד לדוגמא:

<?php if ( is_active_sidebar( 'home_right_1' ) ) : ?>
  <div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
    <?php dynamic_sidebar( 'home_right_1' ); ?>
  </div><!-- #primary-sidebar -->
<?php endif; ?>

 

בהצלחה…

תפריט נגישות