קודקודייל
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
קודקודייל
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
ראשי ♦ בניית אתרים ♦ יצירה והוספה של תפריט ב – wordpress בתבנית custom.

יצירה והוספה של תפריט ב – wordpress בתבנית custom.

וינר יאיר 31 באוקטובר 2020 אין תגובות

כל מה שצריך לעשות בשביל ליצור תפריטים מבוססי וורדפרס בתבנית הקסטום שלך, זה שימוש בפונקציה פשוטה שיש לשים בקובץ functions.php

 
/*
 =============
menus
==============
 */
function register_my_menus() {
    register_nav_menus(
      array(
        'categories-menu' => __( 'Categories Menu' ),
        'dropdown-big-menu' => __( 'Big Dropdown Menu' ),
        'general-menu' => __( 'General Menu' ),
        'footer-menu' => __( 'Footer Menu' ),
      )
    );
  }
  add_action( 'init', 'register_my_menus' );

*** אני תמיד רושם למעלה הערה למשל פה רשום menus ככה יש לי קובץ מסודר יחסית כי לרוב קובץ הפונקציות הוא קובץ ארוך ומסורבל אז מומלץ שתשמרו על סדר כמה שאפשר כשתחזרו לפה ותראו איזה חלק בקוד עושה מה. 

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

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

למשל דוגמה שלי , בחרתי לשים בקובץ header.php : 

<div class="menu-categories-container">
<?php
wp_nav_menu( array( 
    'theme_location' => 'categories-menu', 
    'container_class' => 'menu-categories' ) ); 
?>
</div>
 
 
<div class="menu-general-container">
<?php
wp_nav_menu( array( 
    'theme_location' => 'general-menu', 
    'container_class' => 'menu-general' ) ); 
?>
</div>

אפשר לראות שיש לי פה שני תפריטים ובחרתי לארוז כל אחד בדיב נפרד. 

כל מערך שאתם מכניסים לפונקציה wp_nav_menu  יכול להכיל כל מיני דברים . פה בחרתי להוסיף גם CLASS לUL של כל תפריט .

קודקודייל מחבב וורדרפס 🙂

פוסטים קשורים:

קורס בניית אתרים בוורדפרס – Custom Themeקורס בניית אתרים בוורדפרס – Custom Theme מדריך וורדפרס למתכנתים שיעור רביעי- מקורות ללמידת וורדפרסקורס בניית אתרים בוורדפרס – מקורות ללמידת וורדפרס מדריך וורדפרס למתכנתים שיעור שני - ארכיטקטורה והיררכייהקורס בניית אתרים בוורדפרס – ארכיטקטורה והיררכיה קורס וורדפרס למתקדמים שיעור ראשוןקורס בניית אתרים בוורדפרס – הקדמה
PHP wordpress custom theme בניית אתרים בחינם וורדפרס קורס בניית אתרים תפריטים בוורדפרס

אודות המחבר

יאיר וינר להציג את כל הפוסטים של וינר יאיר


« פוסט קודם
פוסט הבא »

השארת תגובה

ביטול

חיפוש באתר
בחירת העורכים
29 בדצמבר 2023 עידן יצחקי

שדה טקסט עשיר עם תמונות

אתם הולכים להיות מופתעים עד כמה HTML יכול להיות חכם ולבצע משהו כל כך מורכב, שאם אנחנו היינו רוצים ליצור

1 באוקטובר 2021 עידן יצחקי

איך למשוך דינמית favicon של אתרים אחרים ב-JS

בפוסט זה נראה איך אפשר על פי לינקים בדף למשוך את ה-favicon מהדומיין שלהם באופן דינמי, בדיקה של תקינות התמונה

פופולרי
Javascript functions – היכרות עם סוגי פונקציות
Javascript
21 בדצמבר 2024 אין תגובות
Nested routing in angular standalone component
Typescript
15 בנובמבר 2024 אין תגובות
בחרו לפי תגיות
angular blockchain css ethers express front-end fullstack GQL html javascript next js nextjs nodejs react hooks reactjs solidity webgl אנגולר בלוקציין וורדפרס לימודי אנגולר לימודי וורדפרס לימוד ריאקט מדריך front-end מדריך GQL מדריך אנגולר מדריך וורדפרס מדריך חינם react מדריך ריאקט מפתח בלוק מפתח בלוקציין מתכנת front-end מתכנת בלוקציין מתכנת פרונט סולידיטי קורס front end קורס fullstack קורס nextjs קורס אנגולר קורס בלוקציין קורס בלוקציין בחינם קורס סולידיטי קורס ריאקט קורס תכנות קורס תכנות בחינם
סינון על פי קטגוריות
CSS fullstack HTML IIS Javascript nodeJs SEO Typescript אנגולר בלוקציין בניית אתרים וורדפרס חיפוש עבודה כלים נוספים כללי נגישות קורסים ריאקט תלת מימד תקלות ופתרונות
צור קשר
כל הזכויות שמורות לקודקודייל
ליצירת קשר: @ קודקודייל
גלילה לראש העמוד
דילוג לתוכן
פתח סרגל נגישות כלי נגישות

כלי נגישות

  • הגדל טקסטהגדל טקסט
  • הקטן טקסטהקטן טקסט
  • גווני אפורגווני אפור
  • ניגודיות גבוההניגודיות גבוהה
  • ניגודיות הפוכהניגודיות הפוכה
  • רקע בהיררקע בהיר
  • הדגשת קישוריםהדגשת קישורים
  • פונט קריאפונט קריא
  • איפוס איפוס