אני לפעמים מופתע מאוד מכמה בניית אתרים במערכות ניהול תוכן שהן לא וורדפרס מורכבות, בעזרת הכרה בסיסית עם מערכת הוורדפרס כל אחד יכול בקלות לייצר תבניות וורפרס. אין מכשולים בדרך והמערכת עצמה אינטואיטיבית מאוד. בשלב הזה כמפתח ובונה אתרים אתה בטח יודע HTML ו – CSS, נתקלת פעם או פעמים באי פי איי Bootstrap. הפעם מדובר בשדרוג רציני לכישורי בניית האתרים שלך, כי מה ש WordPress אומר בפועל זה למעשה לקחת את כל התוכן הסטאטי שיש לך באתר ולהמיר אותו לתוכן דינאמי בעזרת קריאות פי אייצ' פי בסיסיות. למעשה אני מכיר הרבה מעצבים שבונים אתרים בעזרת וורדפרס שלא מודעים לכך שהם למעשה כותבים תוכן ב- PHP. PHP – היא שפת התכנות שעוסקת בצד השרת של וורדפרס. גם אם היית מודע לכך ולא כתבת הרבה מאוד PHP בחייך, נחש מה? היום אנחנו נצלול לתוך הקוד.
אז מה אתה בעצם עומד ללמוד:
למעשה כדי להתחיל את תהליך בניית תבנית וורדפרס אתה זקוק ל-2 קבצים: index.php ו- style.php.
index.php נועד כדי להציג קריאות של WordPress, כאשר ה- style.css מכיל בתוכו את סגנונות העיצוב של האתר, הגדרות של תאימות האתר למכשירים שונים וכו'.
בפרק הזה אנחנו נייצר תבנית וורדפרס פשוטה מאוד כשאר נעשה שימוש במספר מצומצם של קבצים.
שים לב: כאשר טכנית אתה מסוגל לייצר תבניות וורדפרס עם 2 קבצים בלבד הדבר לא מומלץ. ישנם חלקים אחרים בתבנית וורדפרס שיעשו את חייך לקלים יותר. כמו למשל header.php, footer.php ו- comments.php.
בוא נתחיל מלייצר תיקייה ולתת לה את שם התבניות הרצויה, ובתוכה ניתן לייצר קובץ ריק בשם style.css. אם עדיין לא התקנת על מחשבך אפיקציית סרבר מתאימה עכשיו זה יהיה זמן מתאים מאוד לעשות את זה. למחשבי PC מומלץ מאוד להתקין שרת Wamp. בכל מקרה בינתיים אנחנו עושים פעולות פשוטות מאוד. כדי לבדוק את התבנית אתה תצטרך להתקין על המחשב האישי שלך את התקנת ה WordPress.
"בסט פרקטיס" (או תהליך העבודה הנכון ביותר) הוא לייצר תבנית עם שם ייחודי. קריאה ל-2 תבניות באותו שם תגרום לוורדפרס להתנגשות.
הדבר הראשון המוחלט שיש צורך לעשות כאשר פתוחים את קובץ style.css לראשונה הוא להתהיר על שם התבנית בתוכו. אנחנו נכתוב את שם התבנית בתוך הערה של העורך שבו אתם משתמשים (דרך אגב, אני אישית משתמש ב Sublime Text ממליץ לכם בחום לעשות אותו דבר. יש לעורך זה קיצורי כתיבה שישפרו את מהירות הכתיבה שלכם). החלק הזה נקרא Stylesheet Header. קחו בחשבון ששינוי שם תבנית וורדפרס יוצר גליצ' קטן ודורש בחירה מחודשת של התבנית מתוך הבקאופיס של מערכת הוורדפרס. לכן למתחילים לא מומלץ.
וזה המבנה של שם התבנית בתוך קובץ ה- style.css:
/*
Theme Name: My Theme Name
Theme URI: http://webdesignerguidetowordpress.com/
Description: My first WordPress theme
Author: Roee Lavan
Author URI: http://cre8iva.com/
Version: 1.0
Tags:
License:
License URI:
General comments (optional).
*/
הרגישו חופשי להחליף את הפרטים בשלכם.
מה חייב להישאר כתוב בדיוק כמו שהוא? Theme Name. אחרת התבנית תישבר ממערכת ה WordPress.
השלב הבא בכתיבה בתוך קובץ זה, הוא קביעת סגנונות התאר בתוכו (CSS). כרגע אנחנו לא נשים סטיילים בתוך קובץ זה.
לגבי קובץ ה- index.php, כרגע לא נשים קוד בתוך קובץ זה ונאיר אותו ריק, רק נוודא שוב ששני הקבצים יושבים בתיקיית התבנית שלנו.
זהו! יצרתם תבנית WordPress על צורתה הפשוטה ביותר. מזל טוב. לאחר שהתקנתם את אפליקצית השרת המקומי שלכם והפעלתם אותה (אם מדובר בואמפ תופיע בתפריט הימני התחתון אור ירוק, שמסמל את הפעלת השרת המקומי).
ואחרי שהתקנתם את WordPress על השרת המקומי. (ניתן לגשת לתיקית ה Wamp איפה שהגדרתם אותה, להכנס לתיקיית WWW בתוכה ולפתוח בה תיקיית אתר. למשל mysite. בתוכה נזרוק את התקנת הוורדפרס העדכנית שהורדנו מכאן שימו לב שאתם מעתיקים את כל התכולה של תיקיית WordPress שנמצאת בתוך קובץ הזיפ, ללא התיקיה עצמה.
איך אתם מתקינים את התבנית שלכם בתוך התקנת ה- WordPress? פשוט נכנסים לתיקיית wp-content/themes ופשוט זורקים לתוכה את התבנית הראשונית שלנו.
במידה והתקנתם שרת מקומי יש לכם איזור בשם PhpMyAdmin בו אתם יכולים לייצר דטהבייס. יצירת הדטהבייס חשובה מאוד שכן המידע על מערכת הוורדפרס בנויה מטבלאות של קובץ SQL, בשם מסד נתונים או דטה בייס. קחו נשימה עמוקה תכף הפרטים הטכניים יעברו. לכל מסד נתונים יש שם דטה בייס, שם משתמש וסיסמה (בתור דיפולט הסיסמה היא ריקה). מידע זה הוא חשוב מאוד כדי להפעיל את האתר שלכם. איך אתם מכניסים את הנתונים האלה לאתר?
בתוך התיקיה הראשית של התקנת הוורדפרס שלכם ישנו קובץ config-sample.php, פתחו אותו בעורך שלכם (כבר אמרתי שסאבליים ממש טוב?), הקלידו את שם הדטה בייס, שם היוזר. את הסיסמה תאירו ריקה. שמרו את הקובץ. מכאן אתם יכולים לגשת ישירות לכתובת האתר המקומי שלכם (לדוגמה: localhost/mysite). שם תמצאו תהליך התקנה בו תצטכרו להגדיר פרטים כמו שם האתר, שם המשתמש שלכם והסיסמה.
אחר כך אתם יכולים להכנס לתוך האתר שלכם דרך דף הלוגין של האתר שלכם (שנמצא תחת localhost/mysite/wp-login) הכניסו את היוזר והסיסמא שרשמתם בהתקנה. תחת Appearance/themes אתם יכולים להפעיל את התבנית שיצרתם.
בינתיים מה שאתם אמורים לראות היא תצוגה שקופה של התבנית שלכם. בהמשך אנחנו נזין את התמונה שאנחנו רוצים לתצוגה של התבנית.
כשאתה בבק אופיס של וורדפרס, לחץ על הכפתור העליון הנושא את שם האתר שלך, עם אייקון הבית, וצפה בעמוד הראשון. כרגע תגיע לדף לא ברור עם תפריט בסיסי, כמה טקסטים וקישורים. אתה יכול להיות גאה בעמוד הוורדפרס הראשון שלך.
צרו איתנו קשר בטופס הזה ונחזור אליכם בהקדם האפשרי עם הצעת מחיר והרבה רעיונות דיגיטליים.