ברוכים הבאים לפרק השישי במדריך "בונים ביחד תבנית וורדפרס". בפרק זה נבנה את השלד עבור דף הבית שלנו בתוך הקובץ index.php. אם הגעתם ישירות לכאן חשוב לקרוא את הפרקים הקודמים במדריך זה כיוון שפרק זה נסמך על הכנות מקדימות אשר מצוינות בפרקים אלו.
מתחילים להכין שלד האתר בקובץ index.php
מבנה / שלד HTML של התבנית שאנו בונים
לחצו על התמונה להגדלה
<!–===STR==================== BODY CENTER ==========================–> <div class="bodyCenter">
<!–===STR===== HEADER ===========–> <div class="header">
</div> <!–===END===== HEADER ===========–>
<!–===STR===== CONTENT ===========–> <div class="contentBox"> <div class="sidebar">
</div> <div class="homeLoop"> <div class="newestPost"></div> <div class="recentPost"></div> </div> </div> <!–===END===== CONTENT ===========–>
<!–===STR===== FOOTER ===========–> <div class="footer"> <div class="footerOne"></div> <div class="footerTwo"></div> <div class="footerThree"></div> </div> <!–===END===== FOOTER ===========–>
<!–===STR===== CREDIT ===========–> <div class="credit">
</div> <!–===END===== CREDIT ===========–>
</div> <!–===END==================== BODY CENTER ==========================–>
<div class="bodySpacer"> </div>
<div class="fix"></div> </div> </body> </html> [/html]
התשתית מוכנה – מה בפרק הבא?
בפרק הבא ניקח את קוד הבסיס של הקובץ index.php ונחלק אותו אל שלושה חלקים:
- header.php
- index.php
- footer.php
בנוסף נכלול בתוכו של תגי חובה בוורדפרס והם wp_header ו-wp_footer. אני מקווה לפרסם החלק הבא של המדריך כבר בימים הקרובים ומזמין אתכם להירשם אל רשימת התפוצה של האתר כך שתקבלו אימייל בעת פרסום החלק הבא במדריך.
3 תגובות