acf יצירת שדות מותאמים לסוג תוכן

חבר מביא חבר
ומקבל 10% החזר!

הפנו אלינו חבר שמעוניין בשירות שלנו
וקבלו 10% מהעסקה אליכם.

פשוט אמרו לחבר להגיד שאתם שלחתם אותו 😉

מדריך יצירת שדות לסוג תוכן (Advanced Custom Fields) ACF

השימוש ב-ACF באתר שלנו משדרג לנו את אופן העבודה בצורה מדהימה.
אתרי וורדפרס מורכבים מסוגי תוכן כמו פוסט, עמוד או סוג תוכן מותאם CPT שייצרנו לבד. למי לא קרה שהוא רצה להוסיף שדה נוסף לכל הפוסטים שלו? או אולי ליצור סוג חדש של תוכן כמו ׳קורסים׳ וליצור לו שדות שתואמים את הצורך שלנו?
מיד אסביר על הדרך שלנו לייצר שדות מותאמים לכל סוג תוכן שיש לנו באתר.

המאמר פונה לבוני אתרים ע״ב מערכת ניהול התוכן וורדפרס (WordPress).

מה זה ACF?

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

התקנת התוסף ACF

מי שכבר מכיר אותי, יודע שאני פותר כל מה שאפשר בעזרת קוד (מהנדס תוכנה 😉). אבל במקרה הזה, הנוחות וכמות השינויים, מביאים אותי למסקנה שהשימוש בתוסף חוסך המון זמן.

אז כרגיל, נתחיל מהתקנת התוסף.
לתוסף קוראים Advanced Custom Fields או בשמו העברי שדות מיוחדים מתקדמים (אל תשאלו אותי למה 😅) וניתן להוריד אותו מכאן.
או לחפש ACF בחנות התוספים של וורדפרס.

ACF - Advanced Custom Fields

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

ניהול והגדרת שדות מותאמים לסוג תוכן בעזרת התוסף ACF

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

acf מסך יצירת שדות

כמו שאתם רואים יצרתי שדות מותאמים ל-2 סוגי תוכן.
אם נרצה ליצור שדות מותאמים לסוג תוכן, נלחץ על ׳הוספת חדש׳.
אם נרצה לערוך שדות מותאמים של סוג תוכן קיים, נלחץ על סוג התוכן מהרשימה.

אז בואו נראה איך יצרתי את השדות המותאמים לסוג התוכן ׳קורסים׳.

acf עריכת קבוצת שדות

ניתן לראות בתחילת המסך את רשימת השדות שיצרתי לסוג התוכן ׳קורס׳.
בואו נכנס אל השדה ׳מנחה׳ ונראה איך הוא מוגדר.

הוספת/עריכת שדה לסוג תוכן מותאם ACF

ע״מ להוסיף שדה חדש, נלחץ על ׳הוספת שדה׳ בתחתית הרשימה.
בואו ניכנס אל השדה ׳מנחה׳ ונראה איך הוא מוגדר.

acf עריכת שדה

הגדרת השדה מורכבת ממספר הגדרות. נעבור על העיקריות שבהן:

  1. תווית השדה – הכותרת שתופיע לשדה בממשק העריכה.
  2. שם השדה – סימול של השדה בבסיס הנתונים, יכול להיות זהה לשם השדה אך לא יותר ממילה אחת (שימו ׳-׳ במקום רווחים).
  3. סוג השדה – מה התוכן שהשדה מכיל, חשוב לציין שזה גם יקבע את הולידציה על השדה.
    • טקסט – מלל קצר עד משפט.
    • אזור טקסט – מלל ארוך, יכול להכיל מספר משפטים.
    • מספר – ספרות בלבד.
    • אימייל – כתובת דואר אלקטרוני.
    • כתובת URL – כתובת אינטרנט.
    • סיסמא – שדה שמסתיר את הטקסט באופן אוטומטי בצורת נקודות.
    • תמונה – מאפשר בחירת תמונה מספריית המדיה.
    • קובץ – מאפשר העלאת קבצים.
    • עורך ויזואלי -מציג את העורך הויזואלי של וורדפרס שמאפשר לנו לערוך את העיצוב של הטקסט, להוסיף תמונות, קישורים ועוד (לרוב נשתמש באפשרות הזאת).
    • ועוד כמה שדות פחות נפוצים.
  4. הוראות – הכנסת תיאור קצר שיופיע למי שמזין את הקורסים.
  5. חובה? – מגדיר האם השדה הוא מנדטורי (חייבים למלא אותו).
  6. ערך ברירת מחדל – ערך שיופיע אם לא נזין ערך משלנו.

קיימים סוגי שדות כמו ׳עורך ויזואלי׳ שיוסיפו לכם עוד הגדרות. במקרה שלי ׳לשוניות׳ ו-׳סרגל כלים׳.

הזמן הטוב ביותר לבנות אתר לעסק הוא בפתיחת העסק,
הזמן השני הטוב ביותר הוא עכשיו!

שיוך השדות לסוג התוכן

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

acf בחירת סוג התוכן

הגדרות ויזואליות

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

acf הגדרות ויזואליות

יצירת קורס עם השדות המותאמים שהגדרנו

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

acf קורסים

הוספת קורס חדש

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

acf רשימת קורסים
acf עריכת קורס
25% הנחה!
על הקורסים הדיגיטליים המובילים בעולם הפיננסי!

עיצוב טמפלט של דף הקורס שלנו

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

לאילו מכם שמשתמשים באלמנטור פרו, נכנסים בתפריט הראשי לטמפלטים -> בונה תבנית ובוחרים בלשונית פוסט יחיד.

acf יצירת תבנית (טמפלט)

יצירת טמפלט חדש

ע״מ ליצור טמפלט חדש, נלחץ על ׳הוספת חדש׳ בראשית העמוד.
נוודא שמסומן סוג פוסט ׳פוסט יחיד׳, אחרת נשנה אליו.
ניתן שם לתבנית שלנו.

יצירת תבנית

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

הגדרת שדה דינמי ACF

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

  1. מוסיפים אובייקט כמו עורך טקסט.
  2. לוחצים על הסימן של שדה דינאמי.
  3. תחת הכותרת ACF, בוחרים ACF שדה.
acf הגדרת שדה דינמי בתבנית
  1. לוחצים על מפתח הברגים.
  2. תחת השדה ׳מפתח׳ בוחרים את השדה הרצוי.

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

acf בחירת שדה דינמי

רוצים לראות דוגמא איך הטמפלט נראה בפועל??? מוזמנים לראות כאן.

שיוך התבנית לסוג התוכן

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

לסיכום

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

Digital Cobwebs מתמחים בבנייה וניהול נכסים דיגיטליים, קהילות ואתרים. בנוסף, אנחנו מתמחים בגיבוש ובניית מודל עיסקי שמתאים לך ולעסק שלך.

מוזמנים לשאול שאלות בתגובה או סתם לפרגן!

3 מחשבות על “מדריך יצירת שדות לסוג תוכן (Advanced Custom Fields) ACF”

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

קטגוריות

לנהל עסק זה להיות חדשני

החברים שלנו מקבלים הטבות בלעדיות ועדכונים על חדשנות לעסק ישירות לתיבת המייל שלהם.

אהבתם? תנו לנו לייק!

פוסטים נוספים שיעניינו אותך