שם השיעור: מאמר בודד – חלק 1

אין לכם גישה לתוכן זה

לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה

תוכן הקורס

מה נלמד בשיעור הזה?

  • נתחיל את השיעור בחיבור של האלמנטים אל התפריט שיהיה לנו קל לנווט
  • נעבור לבניית אסטרטגייה לבניית דף מאמר בודד
  • ניצור תבנית מסוג "פוסט" למאמר בודד
  • נעדביק את 2 הקונטיינרים מדף תחום התמחות
  • נתאים את הכותרות ואת החיפוש.
  • נסדר את השאילתא של המאמרים האחרונים כולל תיקון השאילתא של דף הארכיון
  • ניצור את שדות המטא של תוכן המאמר בהתאם לנדרש בעיצוב
  • נעבור לדף הפוסט הבודד ונחבר את שדות המטא שיצרנו כל אחד למקומו
  • ניצור גם את אזור הציטוט ונתאים בעזרת CSS את הטקסט שם (הCSS נמצא כאן עבורכם)
  • לאחר הגדרת השיתוף והתגיות – נסדר את ווידג'ט "ניווט בין פוסטים" בעזרת CSS שיותאם לעיצוב שלנו. גם אותו קיבלתם פה תחת ההערה "Posts Navigation".

וקצת יותר בפירוט...

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

 

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

 

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

 

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