Submit Search
Upload
Wordpress Theme and Design
•
79 likes
•
23,818 views
Menn Talawat
Follow
Wordpress Them and Designing. From HTML and CSS to Template files.
Read less
Read more
Design
Technology
Business
Report
Share
Report
Share
1 of 31
Download now
Download to read offline
Recommended
WordPress Theme Design 2011 (Thai)
WordPress Theme Design 2011 (Thai)
Menn Talawat
An easy guide to Plugin Development
An easy guide to Plugin Development
Shinichi Nishikawa
งานไม่ประจำ ทำเงินกว่าจริงเหรอ YWC13 Ignite
งานไม่ประจำ ทำเงินกว่าจริงเหรอ YWC13 Ignite
Woratana Perth Ngarmtrakulchol
Professional Freelance - กว่าจะมาเป็นฟรีแลนซ์ และใช้ชีวิตที่ปาย
Professional Freelance - กว่าจะมาเป็นฟรีแลนซ์ และใช้ชีวิตที่ปาย
Menn Studio
UX / UI สำหรับเว็บไทย
UX / UI สำหรับเว็บไทย
Menn Studio
รู้จักกับ WordPress และ SeedThemes
รู้จักกับ WordPress และ SeedThemes
SeedThemes
คู่มือการใช้ Wordpress ในการสร้างบล็อก
คู่มือการใช้ Wordpress ในการสร้างบล็อก
Teacher Sophonnawit
คู่มือ Wordpress
คู่มือ Wordpress
ปกรณ์กฤช ออนไลน์
Recommended
WordPress Theme Design 2011 (Thai)
WordPress Theme Design 2011 (Thai)
Menn Talawat
An easy guide to Plugin Development
An easy guide to Plugin Development
Shinichi Nishikawa
งานไม่ประจำ ทำเงินกว่าจริงเหรอ YWC13 Ignite
งานไม่ประจำ ทำเงินกว่าจริงเหรอ YWC13 Ignite
Woratana Perth Ngarmtrakulchol
Professional Freelance - กว่าจะมาเป็นฟรีแลนซ์ และใช้ชีวิตที่ปาย
Professional Freelance - กว่าจะมาเป็นฟรีแลนซ์ และใช้ชีวิตที่ปาย
Menn Studio
UX / UI สำหรับเว็บไทย
UX / UI สำหรับเว็บไทย
Menn Studio
รู้จักกับ WordPress และ SeedThemes
รู้จักกับ WordPress และ SeedThemes
SeedThemes
คู่มือการใช้ Wordpress ในการสร้างบล็อก
คู่มือการใช้ Wordpress ในการสร้างบล็อก
Teacher Sophonnawit
คู่มือ Wordpress
คู่มือ Wordpress
ปกรณ์กฤช ออนไลน์
Data Science สำหรับผู้เริ่มต้น - WordCamp Bangkok 2017
Data Science สำหรับผู้เริ่มต้น - WordCamp Bangkok 2017
woratana
Conferenceware meeting functionalities
Conferenceware meeting functionalities
guest01d22d
JSX - 公開から1年を迎えて
JSX - 公開から1年を迎えて
Kazuho Oku
Corey Makes Healthcare - Coordinate, Efficient and Mobile
Corey Makes Healthcare - Coordinate, Efficient and Mobile
Chandra Shekhar Tekwani
Toronto
Toronto
shuiyun.jie
CKAN for RDM workshop
CKAN for RDM workshop
Joss Winn
Two Options - One Virtual World
Two Options - One Virtual World
Martin Rehm
Launch of the EATEL SIG dataTEL at ECTEL 2011
Launch of the EATEL SIG dataTEL at ECTEL 2011
Hendrik Drachsler
Focus on What Matters
Focus on What Matters
Jennifer Orr
M02 un07 p01
M02 un07 p01
Intan Jameel
Radionice kemija 4_razred
Radionice kemija 4_razred
Gavranica
Stato dell’arte IFLA sul prestito digitale
Stato dell’arte IFLA sul prestito digitale
stefanogambari
Uskršnja priredba 2013
Uskršnja priredba 2013
Gavranica
A Long Walk to Water: Lesson17 unit2
A Long Walk to Water: Lesson17 unit2
Terri Weiss
The Oracle Advisors from a Different Perspective
The Oracle Advisors from a Different Perspective
Karen Morton
Na putu do posla
Na putu do posla
Gavranica
Orientamenti di social media marketing
Orientamenti di social media marketing
Communication Village
Open Access Week | Dag van het onderzoek
Open Access Week | Dag van het onderzoek
Hendrik Drachsler
More Related Content
Viewers also liked
Data Science สำหรับผู้เริ่มต้น - WordCamp Bangkok 2017
Data Science สำหรับผู้เริ่มต้น - WordCamp Bangkok 2017
woratana
Conferenceware meeting functionalities
Conferenceware meeting functionalities
guest01d22d
JSX - 公開から1年を迎えて
JSX - 公開から1年を迎えて
Kazuho Oku
Corey Makes Healthcare - Coordinate, Efficient and Mobile
Corey Makes Healthcare - Coordinate, Efficient and Mobile
Chandra Shekhar Tekwani
Toronto
Toronto
shuiyun.jie
CKAN for RDM workshop
CKAN for RDM workshop
Joss Winn
Two Options - One Virtual World
Two Options - One Virtual World
Martin Rehm
Launch of the EATEL SIG dataTEL at ECTEL 2011
Launch of the EATEL SIG dataTEL at ECTEL 2011
Hendrik Drachsler
Focus on What Matters
Focus on What Matters
Jennifer Orr
M02 un07 p01
M02 un07 p01
Intan Jameel
Radionice kemija 4_razred
Radionice kemija 4_razred
Gavranica
Stato dell’arte IFLA sul prestito digitale
Stato dell’arte IFLA sul prestito digitale
stefanogambari
Uskršnja priredba 2013
Uskršnja priredba 2013
Gavranica
A Long Walk to Water: Lesson17 unit2
A Long Walk to Water: Lesson17 unit2
Terri Weiss
The Oracle Advisors from a Different Perspective
The Oracle Advisors from a Different Perspective
Karen Morton
Na putu do posla
Na putu do posla
Gavranica
Orientamenti di social media marketing
Orientamenti di social media marketing
Communication Village
Open Access Week | Dag van het onderzoek
Open Access Week | Dag van het onderzoek
Hendrik Drachsler
Viewers also liked
(18)
Data Science สำหรับผู้เริ่มต้น - WordCamp Bangkok 2017
Data Science สำหรับผู้เริ่มต้น - WordCamp Bangkok 2017
Conferenceware meeting functionalities
Conferenceware meeting functionalities
JSX - 公開から1年を迎えて
JSX - 公開から1年を迎えて
Corey Makes Healthcare - Coordinate, Efficient and Mobile
Corey Makes Healthcare - Coordinate, Efficient and Mobile
Toronto
Toronto
CKAN for RDM workshop
CKAN for RDM workshop
Two Options - One Virtual World
Two Options - One Virtual World
Launch of the EATEL SIG dataTEL at ECTEL 2011
Launch of the EATEL SIG dataTEL at ECTEL 2011
Focus on What Matters
Focus on What Matters
M02 un07 p01
M02 un07 p01
Radionice kemija 4_razred
Radionice kemija 4_razred
Stato dell’arte IFLA sul prestito digitale
Stato dell’arte IFLA sul prestito digitale
Uskršnja priredba 2013
Uskršnja priredba 2013
A Long Walk to Water: Lesson17 unit2
A Long Walk to Water: Lesson17 unit2
The Oracle Advisors from a Different Perspective
The Oracle Advisors from a Different Perspective
Na putu do posla
Na putu do posla
Orientamenti di social media marketing
Orientamenti di social media marketing
Open Access Week | Dag van het onderzoek
Open Access Week | Dag van het onderzoek
Wordpress Theme and Design
1.
WORDPRESS
THEME & DESIGNING by iMenn.com Trainer at iSchool.in.th 19 October 2008 at WordCamp Bangkok, TCDC ธีม (โครงเว็บ) และการออกแบบสำหรับเวิรดเพรส โดย เมน (iMenn.com) วิทยากรจาก iSchool
2.
WEB DESIGN &
LAYOUT
3.
WEB DESIGN
header (nav) content sidebar footer การออกแบบเว็บที่ดี ตองสามารถทำใหคนเขาถึงเนื้อหาไดงาย คาดเดาไดวาเนื้อหาอยูสวนใด
4.
GENERAL WEB LAYOUT
header (nav) content sidebar footer โครงหลักของเว็บโดยทั่วไป
5.
DESIGNING YOUR OWN
header (nav) content sidebar footer Graphic by mamamopang.com เริ่มตนที่การออกแบบหนาเว็บ แนะนำใหอิงตามโครงมาตรฐาน
6.
DEFINE SECTION
header sidebar content footer กำหนดชิ้นสวนตางๆ ตามโครงมาตรฐาน
7.
CREATE HTML
8.
CSS DESIGN PATTERN wrapper
header a (img) body content sidebar h1 .date h2 p, table, etc. a ul .commentlist li #commentform footer a กำหนดชื่อและคาตางๆของ CSS โดยปกติเราอาจนำ footer ไวใน wrapper ได แตกรณีนี้ตองการให footer ติดขอบลาง จึงทำ wrapper สูง 100% - ความสูง footer
9.
HTML CODE wrapper
header a (img) body content sidebar h1 .date h2 p, table, etc. ul .commentlist li #commentform footer a โคดของ HTML
10.
EXAMPLE CSS
โคดของ CSS
11.
WEB PAGE เราก็จะไดหนาเว็บซึ่งเปน HTML
และ CSS
12.
CUT IT TO
WORDPRESS
13.
ALL ELEMENTS IS
“VARIABLE” Title Widget Attached Image Comment Comment Form ทุกๆสิ่งที่เรากำลังจะทำ คือ “ตัวแปร” ซึ่งไดมาจากการไปสั่งให Wordpress “พน” คาออกมา
14.
TEMPLATE FILES (INDEX.PHP) index.php
header.php sidebar.php footer.php ไฟลตางๆ ของธีมในเวิรดเพรส
15.
TEMPLATE FILES (SINGLE.PHP) single.php
header.php sidebar.php footer.php comments.php ไฟลตางๆ ของธีมในเวิรดเพรส
16.
TEMPLATE HIERARCHY
ลำดับชั้นการเรียกใชงานไฟลตางๆ
17.
TEMPLATE HIERARCHY
ลำดับชั้นการเรียกใชงานไฟลตางๆ
18.
TEMPLATE HIERARCHY
ลำดับชั้นการเรียกใชงานไฟลตางๆ
19.
TEMPLATE TAGS http://codex.wordpress.org/Template_Tags ตัวแปรตางๆ ใน
Wordpress ที่เราสามารถใหระบบพนคาออกมาได
20.
EXAMPLE INDEX.PHP (List
View) #content (list of item) the_title() .item the_time() the_exerpt() ตัวอยางการแสดงผลรายการตางๆ แบบ List
21.
EXAMPLE SINGLE.PHP (Detail
View) the_title() the_content() ตัวอยางการแสดงผลหนาเว็บ (รายละเอียดของเนื้อหา)
22.
INTERESTING PLUGINS
get-the-image audio-player hana-flv-player contact-form-7 custom-field-template jquery-lightbox-for-native-galleries live-search-popup wp-page-number yak-for-wordpress ปลั๊กอินที่นาสนใจ
23.
SAMPLE IMPLEMENTATION
24.
iMenn.com
get-the-image audio-player บันทึกจิปาถะของเมน
25.
iSchool.in.th / TrinityThailand.com custom-field-
template custom-field- template สถาบัน iShool สอนกราฟฟคและครีเอทีฟ
26.
Plajazz.com
hana-flv-player (native gallery) วงดนตรีแจสของปลาทอง
27.
digital2home.com (Wordpress &
My Code) (Post) (Page) เว็บขายกลอง
28.
be-live.in.th (Wordpress &
My Code) get-the-image เว็บขาย Furniture
29.
readjournal.org เว็บของวาสารรายสามเดือน “อาน”
30.
Free Theme for
WordCamp Bangkok Graphic by mamamopang.com Theme by iMenn.com Download at http://www.imenn.com/theme/ wordcamp-bangkok/ ธีมฟรี สำหรับงาน WordCamp Bangkok ดาวนโหลดที่ http://www.imenn.com/theme/wordcamp-bangkok/
31.
QUESTION & ANSWER
Download now