Posted by Utto in Wordpress
สร้าง index.php เป็นบทที่สามของชุดการสอนสร้างธีมเวิร์ดเพลส
ถึงเวลาแล้วที่จะพักเรื่องทฤษฏีไว้ แล้วมาเริ่มลงมือปฏิบัติจริงกัน ในบทนี้คุณจะได้ยุ่งกับโค้ดของเวิร์ดเพลสเล็กน้อย ตอนนี้คุณควรติดตั้งเวิร์ดเพลสไว้ในคอมพิวเตอร์คุณได้แล้วนะครับ เพราะว่าการใช้บล็อกออนไลน์จะไม่สะดวกในการลองรัน
ขั้นตอนที่ 1 : สร้างโฟลเดอร์ธีม
ไปที่โฟลเดอร์ธีมของเวิร์ดเพลส ซึ่งมันควรจะอยู่ที่ wp-content/themes และ ตั้งชื่อโฟลเดอร์ใหม่ในโฟลเดอร์ themes ว่า “tutorial”
ขั้นตอนที่ 2 : สร้างไฟล์ index.php และ style.css
เปิดโปรแกรม dreamweaver หรือ โปรแกรมจัดการตัวหนังสือ(text editor)ที่คุณชื่นชอบ
คัดลอกโค้ดต่อไปนี้ ไป paste ที่หน้าโปรแกรม text editor ของคุณ
Read more…
Related Articles
Posted by Utto in Wordpress
(Template Files and Templates)
ไฟล์เทมเพลทและเทมเพลท เป็นบทที่สองของชุดการสอนสร้างธีมเวิร์ดเพลส หากคุณยังไม่ได้อ่านบทที่ 1 เพื่อให้เข้าใจตรงกันในเรื่องของคำศัพท์ที่ใช้ จึงควรกลับไปอ่านบทที่ 1 ก่อนครับ
ในบทนี้จะช่วยให้คุณคุ้นเคยและมีความเข้าใจเกี่ยวกับ ไฟล์เทมเพลท, เทมเพลท, และโครงสร้างของแต่ละหน้า(page) มากยิ่งขึ้น
สิ่งหนึ่งที่ควรจำไว้คือ แต่ละหน้า(page)ของบล็อกคุณประกอบไปด้วยไฟล์เทมเพลทหลาย ๆ ไฟล์ ข้างล่างนี้คือตัวอย่างหน้าแรกของบล็อก
ในตัวอย่างข้างต้น หน้าแรกประกอบไปด้วยไฟล์เทมเพลท 4 ไฟล์ : header, index, sidebar, และ footer
Read more…
Related Articles
Posted by Utto in Wordpress
บทความนี้เป็นบทแรกของการสอนสร้างเวิร์ดเพลสธีม ผมจะไม่สอนทุกอย่างในครั้งเดียว แต่จะแบ่งออกเป็นบท ๆ (ไม่อยากอัดแน่นเกินไป) อนึ่งสิ่งที่ผมจะสอนนี้ไม่อาจจะเป็นบทความอ้างอิงได้ หมายความว่าผมจะสอนคุณไปทีละขั้น แต่ถ้าหากคุณต้องการเอกสารอ้างอิงก็สามารถอ่านได้จากเอกสารของเวิร์ดเพลสเอง ซึ่งมีให้ทุกอย่าง
บทนี้ประกอบไปด้วย
- กฏง่าย ๆ (Basic Rules)
- คำศัพท์ที่ควรรู้(Lingo)
- ลำดับชั้นของไฟล์(Hierarchy)
กฏง่าย ๆ (Basic Rules)
- กฏข้อที่ 1 : ปิดทุกแท็ก(tag) ที่คุณเปิดมันไว้
วิธีปิดแท็กที่ผิด ผิดเพราะอะไรนะหรือ : วางแท็กปิด ul ไว้ผิดลำดับ แท็กทุกแท็กจะอยู่ในเครื่องหมาย “<” และ “>” เครื่องหมาย “/” ใส่ไว้เพื่อระบุว่าแท็กนั้น ๆ เป็นแท็กปิด ในตัวอย่างข้างต้นผมใช้ ul (unordered list) และ li(list item) แท็ก โปรดสังเกตวิธีการวาง <li></li> จะต้องอยู่ใน <ul></ul> ซึ่งเรียกว่าการวางแบบซ้อน (nesting)
Read more…
Related Articles
Recent Comments