יצירת תבנית עמוד מותאמת (Custom Page Template) בוורדפרס

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

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

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

עוד על ההיררכיה של תבניות עמוד בפוסט היררכיה של תבניות עמוד (Page Templates) בוורדפרס.

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

יצירת תבנית עמוד חדשה – Create Custom Page Template

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

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

<?php /* Template Name: שאלות ותשובות */ ?>

שימו לב – שם הקובץ חייב להיות עם הסיומת php והוא חייב להיות בתיקייה ראשית של התבנית שלכם.

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

שיוך תבנית עמוד מותאמת לעמוד ספציפי

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

בעורך הקלאסי זה נראה כך (שמאל מטה):

שיוך תבנית עמוד מותאמת לעמוד ספציפי - עורך קלאסי

שיוך תבנית עמוד מותאמת לעמוד ספציפי – עורך קלאסי

ובעורך של גוטנברג (וורדפרס 5.0+) זה נראה כך:

שיוך תבנית עמוד מותאמת לעמוד ספציפי - גוטנברג

שיוך תבנית עמוד מותאמת לעמוד ספציפי – גוטנברג

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

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

<?php /* Template Name: שאלות ותשובות */ ?>

<?php get_header(); ?>
    <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">
            <?php
            // Start the loop.
            while ( have_posts() ) : the_post();
                // Include the page content.
                
                the_content();
               
                // End of the loop.
            endwhile;
            ?>
        </main><!-- .site-main -->
    </div><!-- .content-area -->
<?php get_footer(); ?>

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

עד כאן. מידע נוסף על Page Templates תמצאו ב WordPress Codex.

רועי יוסף
רועי יוסף

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

  • מתעניין 1 במרץ 2021, 13:43

    היי רועי
    מוסבר יפה והאתר הזה אגב בעיצוב נעים מאוד. תודה

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

    • רועי יוסף 1 במרץ 2021, 15:08

      פשוט צור אותה בתבנית הבת ולא בתבנית הראשית…

  • אדיר פרץ 11 באפריל 2021, 23:57

    תודה רבה חומר לימוד איכותי מאוד ⁦⁩

השאירו תגובה

 

פעימות
Up!
לבלוג