סוף סוף מתחילים לשים קוד משלנו על גבי וורדפרס נקי. עכשיו שהרמנו את הסביבה ויש לנו וורדפרס נקי, כל מה שנשאר זה להתחיל לפתח את האפליקציה שלנו. קודם כל איזה פרויקט אנחנו נבנה? אז אני חשבתי על רעיון שיתן לכם המון כלים ודוגמאות . גם אם זה יהיה פרויקט ארוך , הוא יתן לכם הרבה יותר ניסיון מכל מדריך אחר.
איזה אתר אנחנו בונים?
אפליקצייה וובית להזמנת מוצר מורכב
אנחנו נבנה אפליקציה של מוצר מורכב שנבנה בהתאמה אישית על ידי היוזר. כלומר היוזר יוכל לבחור מוצר בסיסי כלשהוא ולשדרג אותו על ידי הוספת פיצרים (בדומה להזמנת פיצה בדומינוס שיש מוצר בסיסי ואפשר להוסיף עליו תוספות כרצונך ובהתאם המחיר מתעדכן)
כמובן שאנחנו נבנה את זה מעט שונה מבדרך כלל, כי אני מעדיף שניגע בכמה שיותר נושאים שהם יחסית נפוצים , למשל:
- Custom Theme
- Custom Post Type
- WooCommerce
- PWA
- WP API & GQL
- שילוב של אפליקציה מבוססת JS . למשל React
כמו כן נשתמש בפלאגינים מוכנים לדברים מסויימים ולדברים יותר בסיסיים שאין צורך להתקין פלאגין פשוט נייצר פלאגין משלנו.
נתחיל בשלב הראשון,
Custom Theme – וורדפרס
בשביל לייצר תבנית ייחודית משלנו צריך כמה קבצים בסיסיים:
- תיקיה ב wp-content -> themes . למשל נקרא לתיקיה thePiknikProject
- ואז בתוך התיקיה יש לייצר 2 קבצים ראשוניים בשביל שלייצר תבנית: style.css index.php
- קובץ אינדקס יכול להיות ריק, קובץ הסטייל מגדיר את המאפיינים של התבנית וללא הגדרות אלו התבנית לא תעבור . כך קובץ הסטייל שלכם צריך להיראות:
/* Theme Name: The Piknik Project Theme URI: https://# Author: Yair Vin Author URI: https://codcodile.co.il Description: This is a custom theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: <https://www.gnu.org/licenses/gpl-2.0.html> Text Domain: my-custom-theme Tags: pikniks location, pikniks bags */
- כמובן שיש לערוך את הפרטים שלכם אבל לא לשנות את הkeys
4. כרגע תקבלו תצוגה מוזרה שתכנסו לתבניות . זה יראה ככה:
- כמו שאפשר לראות , התבנית קיימת אבל אין תמונה ראשית לתבנית. אם רוצים להעלות (רצוי) יש ליצור קובץ screenshot.png ולשים אותו בתיקיה של הפרויקט לצד הקבצים שייצרנו מקודם.
5. כל שנשאר זה לבחור ולהפעיל את התבנית ולגשת לעמוד הראשי לראות שיש לכם עמוד רייק מתוכן!
סיכום והמשך בפוסט הבא – בניית האדר ופוטר בוורדפרס
כעת קיבלתם פרויקט נקי לחלוטין על בסיס המערכת הטובה בעולם לבניית אתרים. בפוסטים הבאים נתחיל לאסוף חלקים נקודתיים ולחבר אותם לתבנית שלנו, ובסופו של מדריך וורדפרס זה יהיה לכם הרבה מאד ידע ויכולת פיתוח כל עוד תיישמו את הנלמד.
