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

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

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


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

מבוא תוכן דינמי

מהו תוכן דינמי בדיוק?

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

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

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

איזון כושר

מועדון אנרגיה

היתרונות של תוכן דינמי

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

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

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

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

ערכת כלים

מידע והורדה

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

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

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

כיצד פועלים חסימה של ערכות כלים?

בלוקים של כלי העבודה הוא תוסף חדש בו תוכלו להשתמש בשתי חזיתות:

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

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

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

תבנית תוכן של ערכת כלים

כיצד ליצור תבנית תוכן עם תוכן דינמי באמצעות חסימות כלים

בואו ליצור תבנית לסוג הפוסטים המותאמים אישית של Gyms באתר שלנו.

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

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

הצגת תוכן דינמי מתוך פוסט נוכחי

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

צור תבנית תוכן

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

ערכת כלים יצירת חסימת

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

חסימת ערכת כלים

כעת תראה שאלה המנחה אותך אם ברצונך להשתמש במקורות דינמיים או לא. לחץ על כן.

המקור הדינמי של ערכת הכלים

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

נתוני תמונה מומלצים של ערכת הכלים

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

הגדרות תמונה של ערכת כלים

הצגת תוכן דינמי משדה מותאם אישית

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

עבור לרשימת חסימות ערכת הכלים והוסף את ה- גוש שדה בודד.

ערכת כלים בלוק שדה יחיד

בצד הצד בצד ימין מתחת מקור שדה, בחר את שדה מותאם סוג שדה.

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

תחת שדה מותאם בתפריט הנפתח בחר את השדה המותאם אישית שברצונך להציג. בחרתי ב- דירוג אפשרות.

ערכת כלים של שדות מותאמים אישית

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

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

דוגמה לחדר כושר לכלים

2. יצירת תוכן דינמי עם סך הכל

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

אילו תכונות מציעה סך הכל?

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

  • יבואנית הדגמה קלה – הפוך את האתר הריק שלך לאתר פונקציונלי מלא עמוס בתוכן בלחיצה אחת כאשר אתה בוחר לייבא אחד מהדגמות של 40+ שהוקמו מראש מ- Total.
  • גרור ושחרר את בונה העמודים – Total משולב עם בונה העמודים הפופולרי WPBakery כדי לספק לך בונה גרירה ושחרור אינטואיטיבי, כך שתוכל לבנות את אתר האינטרנט שלך בקלות.
  • מאה אלמנטים של בונה דפים – נצל את מאות האלמנטים של בונה העמודים של Total כדי להתאים אישית את הדפים שלך.
  • ניתן להתאמה אישית בקלות – השתמש בהגדרות ההתאמה האישית בשידור חי כדי לשנות מספר אלמנטים באתר שלך כולל צבעים, גופנים, רוחבים ועוד.
  • ידידותי למפתחים – סה”כ מגיע עם מספר ווים ומסננים מובנים המאפשרים לך לשנות את הנושא שלך עם יותר מ 450 קטעי טקסט זמינים מהתיעוד המקוון.

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

כיצד ליצור תבנית תוכן דינמית עם סך הכל

ראש אל מלחין חזותי> תבניות ולחץ הוסף חדש. הבא תן לתבנית שלך שם.

פריסת סך כל תיק העבודות

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

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

סך כל המדיה פוסט

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

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

תבנית דינמית מוחלטת

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

חזית תבנית דינמית מוחלטת

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


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

האם השתמשת באחד מהכליים כדי להוסיף תוכן דינמי לאתר שלך? הודע לנו איך זה הסתדר לך בתגובות למטה!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map