การแสดงไอที

มีทักษะชุดของฉันที่ จำกัด ด้วยเครื่องมือเช่น Photoshop และ Illustrator, I สุจริตสามารถสารภาพว่าฉันเป็นนักพัฒนาที่ดีกว่าผมออกแบบ แต่พื้นหลังที่มีแกน (ฝั่งเซิร์ฟเวอร์) การพัฒนาด้วย Java / PHP / COBOL, ของฉันได้รับอิทธิพลในเชิงบวกมากเกี่ยวกับการพัฒนาทักษะ UI ของฉัน สิ่งที่ฉันหมายถึงคือในขณะที่การสร้างการออกแบบของฉันคือเมื่อใดก็ตามที่ฉันทำออกแบบผมคิดเกี่ยวกับวิธีการออกแบบสามารถแปลงที่ดีที่สุดลงใน HTML-CSS และในขณะที่ทำแบบ HTML CSS, ฉันให้คิดเกี่ยวกับเทคโนโลยีแบ็กเอนด์และให้แน่ใจว่ามีเหตุผล ที่ HTML สามารถดำเนินการได้อย่างง่ายดายใน XSL loops หรือ PHP ตัวอย่างเป็นต้น

กว่าปีที่ผ่านมาฉันได้รับการโยนหัวเพื่อการออกแบบโดยนักออกแบบ UI ที่อาจ donot มีเงื่อนงำอะไร HTML หรือ CSS คือ ปีที่ผ่านมาทั้งหมดเหล่านี้ผมได้คิดว่าผมจะขอมากเกินไปถ้าฉันเพียงแค่คาดหวังว่านักออกแบบที่พยายามที่จะ shov "เป็นไปไม่ได้รหัส" เขาออกแบบลงไปในคอของฉันที่จะเข้าใจเพียงเล็กน้อยสิ่งที่ออกแบบของเขาจะถูกแปลง เข้าไป ที่จะช่วยใช่ไหม?

แล้วฉันมาข้ามบทความนี้วันนี้ ... นักออกแบบเว็บไซต์ที่สามารถเขียนโค้ด ... พระเจ้าขอบคุณ ฉันแค่หนึ่งในหลายคนที่รู้สึกเหมือนกัน ... artitle ข้างต้นเป็นบิตยาวยืด .. แต่มูลค่าอ่านคำของมันทุก

ขอบคุณเจย์เอลเลียตหุ้น ... ฉันรู้สึกโล่งใจ!

ข้อความที่ตัดตอนมาที่นี่เป็นบางส่วนจาก บทความ Elliots .

ว้าว, ว่าวัน! มันเริ่มต้นด้วย tweet น้อยหนึ่งและจบลงด้วยการสนทนาที่ดูเหมือนจะกวาดไปทั่วชุมชนการออกแบบเว็บทั้งหมด ปรากฏว่ามีบางความคิดเห็นที่แข็งแกร่งมากขึ้นในเรื่องของการไม่ว่าจะเป็นนักออกแบบเว็บควรจะสามารถใช้รหัส
...
ดังนั้นก่อนที่เราจะเข้าไปในนี้ให้ผมได้อย่างรวดเร็วปะยางรถสิ่งที่ผมพูดในเช้าวันนี้บน Twitter:

สุจริตฉันตกใจว่าในปี 2010 ฉันยังคงมาใน 'นักออกแบบเว็บ' ที่ไม่สามารถรหัสออกแบบของตัวเอง แก้ตัวไม่มี

ฉันควรจะ ... เคยน้อยเฉพาะเจาะจงมากขึ้นใน tweet ของฉัน ฉันถูกพูดถึงนักออกแบบที่ไม่ได้มีแม้แต่พื้นฐานที่สุดของ HTM​​L CSS และทักษะที่จะทำให้การออกแบบแบนลงในเว็บไซต์จริง คนที่จงใจไม่เลือกที่จะไม่ให้รหัส; ผู้ที่ไม่สามารถ และฉันยังหมายถึงเฉพาะกับรหัส front-end ที่นี่; แน่นอนมันไร้สาระที่จะคิดว่านักออกแบบที่ควรจะเป็นโปรแกรมเมอร์ back-end ที่น่าตื่นตาตื่นใจ ...

เราได้รับการออกแบบเว็บ 'ส่งใน Illustrator, 300dpi, โค้ดไม่สามารถที่จะสอดคล้องไม่มี / การใช้งาน
~ Mahon เอมี่

มันรับสายและผมได้มีการตัดขึ้นนี้อย่างใด ฉันรู้ว่าจะมีหลายคนที่ไม่เห็นด้วยกับฉันและความตั้งใจของฉันไม่ได้ไปรุกรานหรืออารมณ์เสียทุกคนที่ไม่สามารถรหัส แต่ผมหวังว่าบางส่วนของสิ่งที่ผมเคยกล่าวสะท้อนให้เห็นถึงบางจุดที่มักเกิดขึ้นเมื่อ delving เป็น การอภิปรายนี้

ณ สิ้นวันที่ฉันจะไม่สูญเสียการนอนหลับใด ๆ มากกว่าที่สามารถรหัสและผู้ที่ไม่สามารถ ฉันแค่แท้จริงประหลาดใจที่พบนักออกแบบจำนวนมากที่ขาดทักษะ Front-end ที่ผมคิดว่านี้คือสิ่งที่ผ่านมา

ยังอ่านความคิดเห็นมีความเห็นรอบ 320 คนขณะที่ผมเขียน ... พวกเขาที่มีมูลค่าอ่าน
โปรดอ่าน Elliots โพสต์เต็มรูปแบบที่นี่ .. นักออกแบบเว็บไซต์ที่ไม่สามารถรหัส

• ประกาศประเภทเอกสารที่ต้องการจะนำเสนอในตอนต้นของเอกสารที่ใช้ไวยากรณ์ HTML มันอาจจะเลือกที่จะใช้ภายในไวยากรณ์ XHTML แต่ก็ไม่จำเป็นต้องใช้ เอกสาร XHTML ไม่จำเป็นต้องรวม DOCTYPE เพราะเอกสาร XHTML ที่มีการจัดส่งอย่างถูกต้องโดยใช้ชนิด MIME XML และมีการประมวลผลเป็น XML โดยเบราว์เซอร์จะแสดงผลเสมอในการที่ไม่มีโหมด quirks

• ใน XHTML, ชื่อแท็กเป็นกรณีที่สำคัญและมักจะถูกกำหนดที่จะเขียนด้วยตัวพิมพ์เล็ก ใน HTML แต่ชื่อแท็กเป็นกรณีตายและอาจจะเขียนในกรณีที่เป็นตัวพิมพ์ใหญ่ทั้งหมดหรือผสมแม้จะประชุมร่วมกันมากที่สุดคือการติดกับตัวพิมพ์เล็ก กรณีที่แท็กเริ่มต้นและสิ้นสุดไม่จำเป็นต้องเป็นเหมือนกัน แต่เป็นที่สอดคล้องกันจะทำให้การทำความสะอาดดูรหัส

ประโยชน์ของการใช้ HTML

• หลังร่วมกับเบราว์เซอร์ที่มีอยู่
• ผู้เขียนคุ้นเคยกับไวยากรณ์
• ไวยากรณ์ผ่อนปรนและให้อภัยหมายความว่าจะไม่มีผู้ใช้ที่เป็นมิตร " จอเหลืองของตาย "ถ้าความผิดพลาดโดยไม่ตั้งใจบิลผ่าน
• ไวยากรณ์ชวเลขสะดวกเช่นผู้เขียนสามารถละเว้นแท็กบางและค่าแอตทริบิวต์

ประโยชน์ของการใช้ XHTML

• ไวยากรณ์ XML เข้มงวดส่งเสริมให้ผู้เขียนไปเขียนมาร์กอัป well-formed ซึ่งมีผู้เขียนบางคนอาจพบว่าง่ายต่อการรักษา
• รวมโดยตรงกับคำศัพท์ XML อื่น ๆ เช่น SVG และ MathML
• ช่วยให้การใช้การประมวลผลของ XML ซึ่งบางคนเขียนใช้เป็นส่วนหนึ่งของการแก้ไขและ / หรือกระบวนการเผยแพร่

เมื่อวานนี้หลังจากที่ปัญหาผมพบกับรีเซ็ต CSS ใน Google Chrome ... ฉันคิดว่าการขุดบิตลึกเข้าไปในพื้นที่ของผู้ใช้แผ่นแบบตัวแทน ...
พบข้อมูลตารางนี้ค่าเริ่มต้นของผู้ใช้ตัวแทน CSS2.1 แผ่นแบบ ... (สำหรับผู้ที่เผลอในสิ่งที่ "ผู้ใช้ตัวแทนแผ่นแบบ" ก็คือทำตาม สิ่งที่ผู้ใช้แผ่นแบบตัวแทน (Specification) .

สำหรับรายการทั้งหมดของ CSS ตัวแทนผู้ใช้เริ่มต้น 2.1 แผ่นแบบ คลิกที่นี่

เมื่อวานนี้ทุกอย่างอื่น ๆ "วัน Hog พื้น" ผมได้ทำงานในบางรูปแบบ CSS / tableless ทั้งหมดที่เกิดขึ้นได้ดีใน IE 7, FF 3 และโครมก็จนกว่าผมเห็นบางขอบยกเลิก ignorable เห็นเฉพาะใน Google Chrome แม้ว่าแปลกมากและ worring, มันเป็นข้อผิดพลาดบางปัญหา / ใหม่ที่ผมได้มาค่อนข้างสมเหตุสมผลมีจนเครื่องเทศบางอย่างในการทำงานทางโลกของฉัน เศร้า (แต่ดี) มันได้รับการแก้ไขภายในไม่กี่นาทีของหัว ...

โดยทั่วไปมันดูเหมือน Google Chrome ละเว้น CSS รีเซ็ตของฉัน (margin: 0px) มันจริงที่เกิดจากสไตล์ตัวแทนผู้ใช้ (-webkit-padding เริ่มต้น: 40px) ดังนั้นวิธีการแก้ปัญหาคือการตั้งค่ารูปแบบนี้โดยการตั้งค่า padding: 0 องค์ประกอบการทำงาน
วิธีที่ดีเพื่อป้องกันไม่ให้ปัญหาเหล​​่านี้เกิดขึ้นกับองค์ประกอบใด ๆ คือการใช้ CSS Rest ทั่วโลกดังนี้

* {margin: 0; padding: 0;}

ผู้ใช้แผ่นแบบตัวแทน (Specification) คืออะไร?
ข้อความที่ตัดตอนมาต่อไปนี้นำมาจาก http://meiert.com/en/blog/20070922/user-agent-style-sheets/ ลิงค์ตามไปอ่านเพิ่มเติมเกี่ยวกับผู้ใช้แผ่นแบบตัวแทน

CSS 1 แนะนำความคิดโดยระบุว่าตัวแทนของผู้ใช้แต่ละคน (UA มักจะ 'เว็บเบราเซอร์' หรือ 'ลูกค้าเว็บ') จะมีสไตล์ชีตเริ่มต้นที่มีการจัดเอกสารในที่เหมาะสม - แต่โลกีย์ arguably - ลักษณะ CSS 2 กล่าวว่าสอดคล้องกับตัวแทนผู้ใช้ต้องใช้สไตล์ชีตเริ่มต้น (หรือประพฤติตัวเป็นหากพวกเขา) และที่สไตล์ชีตตัวแทนผู้ใช้ 's เริ่มต้นควรนำเสนอองค์ประกอบของภาษาเอกสารในรูปแบบที่ตอบสนองความคาดหวังของงานนำเสนอทั่วไปสำหรับภาษาเอกสาร; CSS 3 จะเป็นใจเดียวกัน

เนื่องจากคุณสมบัติของ CSS ปล่อยให้มันขึ้นไปการใช้งานว่าจะใช้ "ของจริง" สไตล์ชีตเริ่มต้นสำหรับการแสดงผลหรือไม่ก็ไม่น่าแปลกใจที่คุณจะไม่พบสไตล์ชีตเริ่มต้นในโฟลเดอร์ที่ติดตั้งเบราว์เซอร์ของทุก ซึ่งแตกต่างจากโปรแกรม Internet Explorer ของ Microsoft เช่นเดียวกับ Opera, ตัวอย่างเช่น (และเท่าที่ฉันรู้), เบราว์เซอร์ตุ๊กแกเช่น Firefox และ Netscape Navigator (มองหา "html.css") แต่ยัง Konqueror ทำให้มันค่อนข้างง่ายที่จะเข้าใจจัดแต่งทรงผมของพวกเขาเริ่มต้น

อีกโรงเรียนเสริมเก่าหน่วยความจำ ...

ทำไมเราจะเปิดใช้งาน windos.status?
Javascripts สามารถที่จะเป็นฝันร้ายเมื่อคุณมีสิ่งที่จะแก้ปัญหา Firefox จะมี addons ที่มีประโยชน์น้อยเช่น thats Firebug ทำให้ชีวิตของเราที่ง่ายและนอกจากนี้การลงคะแนนเสียงสำหรับเทคนิคการแก้ปัญหาที่เป็นที่นิยมมากที่สุดใน Javascript ต้องไปที่ "เตือน ()" Anywaz! มีไม่กี่กรณีที่เมื่อมีการเพิ่ม ALERT จะแก้ปัญหาผิดพลาดพฤติกรรมของคุณเป็นจาวาสคริคิดที่ดีไม่ใช่เพียงแค่ ตัวอย่างเช่น! คุณมีรายการที่มี dragble ตำแหน่งจะต้องมีการแจ้งเตือน .... NO NO! อย่าทำ! ... คุณก็จะรับการแจ้งเตือนไม่มีที่สิ้นสุดหรือคุณเคยชินสามารถจริงของคุณ drap dragable ดี! มีสถานการณ์ที่ดีมากขึ้นที่คุณอาจเขียนออกตำราแก้ปัญหาไปที่แถบสถานะให้มากขึ้น usful ... เชื่อฉัน! ประสบการณ์การทำงานของมัน!

IE โดยเริ่มต้นจากซ้ายคุณเขียนถึงแถบสถานะของเบราว์เซอร์โดยใช้ไวยากรณ์ "'บางสิ่งบางอย่างที่จะแก้ปัญหา' window.status =" แต่ Firefox ไม่ได้ ดังนั้นเพื่อให้การเปลี่ยนแปลงสถานะของหน้าต่างที่คุณสามารถทำอย่างใดอย่างหนึ่งดังต่อไปนี้

เปิด about: config ในเบราว์เซอร์ (พิมพ์ "about: config" นี้ลงในแถบที่อยู่) และค้นหา
disable_window_status_change Dom. เปลี่ยนเป็นเท็จ ... เพียงคลิกที่รายการเพื่อสลับสถานะของมัน

หรือมิฉะนั้น

"Tools →ตัวเลือกเนื้อหา→→ Enable JavaScript / Advanced →เปลี่ยนข้อความแถบสถานะ"

และยังทราบว่า ... ที่จะเขียนถึงแถบสถานะของคุณใน Javascript, IE เป็น ok เพียงถ้าคุณใช้ไวยากรณ์สถานะสั้นเช่น = 'บางข้อความการแก้ปัญหา' แต่ใน Firefox คุณต้องใช้ในไวยากรณ์เช่นเต็ม window.status = ' บางสิ่งบางอย่างที่จะแก้ปัญหา '

Google เริ่มต้นให้คนเคลื่อนไหวเพื่อถ่ายโอนข้อมูล IE6 ... โดยผู้ใช้ IE6 bugging กับ POPUP ในการโหลดหน้า ... อาจจะไม่คิดที่ดีมาก ... แต่เป็นนักพัฒนา UI ฉันมีรถบรรทุกที่จะเข้าร่วมวงนี้ ... หนึ่งเบราว์เซอร์น้อยสำหรับฉันกังวลเกี่ยวกับ ขออภัย ... เห็นแก่ตัวก็คือ! แต่ฉันได้รวมจาวาสคริปต์นี้ ... (ดูหน้านี้ใน IE6) ...
เฮ้! และเมื่อทราบสว่าง ... ดูมันเป็นจอแสดงผลของพาวเวอร์ของ JavaScript .... มันยังสามารถนำมาลงยักษ์ (หรือเมื่อมันเป็น)

ดังนั้น ... ช่วยเหลือกำจัดโลกของ IE6 กับสายของ javascript!

http://code.google.com/p/sevenup/

ฉันตื่นเต้นมากเกี่ยวกับจำนวนที่เพิ่มขึ้นของเพจวิวบนบล็อกของฉันที่ฉันจะตรวจสอบ Google Analytics ของฉันเกือบทุกวัน ผมสังเกตเห็นว่าบล็อกของฉันจะถูกเรียกโดยเว็บไซต์ในภาษาอื่น ๆ จำนวนมากและโดยคนทั่วโลก ให้ดี!
เพื่อให้ชีวิตบิตง่ายขึ้นสำหรับเรือของผู้ชมของฉันที่ไม่ใช่ภาษาอังกฤษผมได้เพิ่ม Widget Google / ปลั๊กอินที่เรียกว่า "นักแปลทั่วโลก"

นักแปลระดับโลกกล่าวว่า "โดยอัตโนมัติแปลบล็อกใน 41 ภาษาที่แตกต่างโดยการตัดทั้งสี่ที่แตกต่างกันเครื่องมือแปลภาษาออนไลน์ (เครื่องยนต์เป็นภาษาเครื่องการแปล Babelfish, FreeTranslations.com, promt)" ... ถ้าคุณต้องการที่จะเพิ่มการติดตั้งเวิร์ดเพรสของคุณเอง ... ตรวจสอบออกที่นี่ http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

ไม่แน่ใจว่าวิธีที่ดีแปลเป็​​น แต่ผมหวังว่ามันจะช่วยให้นักพัฒนาเพื่อนไม่กี่ออกมีที่สิ้นสุดถึงบล็อกของฉันเท่านั้นที่จะผิดหวังว่ามันเป็นภาษาอังกฤษ ....

ลิงก์ล่ามอยู่ที่ด้านล่างของแถบด้านข้าง ....

ริอีกชิ้นเล็ก ๆ ของกลอุบายจาวาสคริปต์ที่ผมต้องขุดรอบเนื่องจากสถานการณ์ commaned มัน หนึ่งในเว็บไซต์ของฉันฉันมีสถานการณ์เช่นนี้ที่ฉันมีที่จะใช้ "windows.onload" สองครั้ง สิ่งแรกที่จะมาถึงใจที่ไม่มีประสบการณ์เหมือนผม (ฉันต้องบอกว่าตรงไปตรงมาตั้งแต่ฉันได้ใช้กรอบ JavaScript และห้องสมุดผมได้ forgotton ที่จะทำสิ่งง่ายๆด้วยตัวเอง ... ฉันเศร้า แต่จริง) คือวิธีต่อไปนี้ ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 ฯลฯ ..

ขออภัยที่จะพูด แต่นี้ทำงานเคยชิน ... dont ต้องการเพื่อหารือเกี่ยวกับวิทยาศาสตร์การดำเนินการของจาวาสคริมาก ... แต่ตามประสบการณ์ล่าสุดของฉันเพียงฟังก์ชั่นล่าสุด (onloadfn3) จะป่วยจริงได้รับการดำเนิน

ในสถานการณ์ปกติซึ่งแตกต่างจากเหมือง (ซึ่งผมจะพูดถึงน้อยกว่า) ... คุณสามารถทำอย่างใดอย่างหนึ่งดังต่อไปนี้การดำเนินการฟังก์ชั่น onload mutliple ....

หรืออะไรเช่นนี้

 doOnLoad function () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

สำหรับสถานการณ์ปัจจุบันของฉันฉันไม่สามารถใช้อย่างใดอย่างหนึ่งดังกล่าวข้างต้น ...
ฉันไม่จำเป็นต้องเรียก windows.onload สองค่อนข้างที่เรียกฟังก์ชันที่สองภายในฟังก์ชัน onload เดียวทำไม? ที่นี่ดูอย่างรวดเร็วที่งบปัญหาของฉันคือ ...

"หน้าไซต์ของฉันมีโครงสร้างเหมือนธีม WordPress .... เช่นมี header.php ที่พบบ่อยและ Footer.php ที่ได้รับรวมเป็นทั้งหมดเป็นหน้าเว็บไซต์ มีฟังก์ชั่น implementaion onload ใน Footer.php ที่จะทำหน้าที่ onload บางที่พบบ่อยคือ และมีไม่กี่หน้าที่ต้องการบางสิ่งบางอย่างจาก OnLoad ของตนเองนอกเหนือจากที่ทำโดยฟังก์ชั่น onload ที่พบบ่อย ถ้าผมกำหนดฟังก์ชันโทรกลับโดยตรงไปยังตัวจัดการ window.onload จะมากกว่านั่งเรียกกลับได้รับมอบหมายก่อนหน้านี้ใน Footer.php "

.... เป็นปัญหาของฉันเข้าใจ ?

ดี! มีโซลูชั่นไม่กี่แห่งที่ผมพบคือ พวกเขาทั้งหมดจะคล้ายกันมากและส่วนใหญ่ implementions ของการแก้ปัญหาให้โดยไซมอน Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Solution:

เพียงเพิ่มโค้ดจาวาสคริปต์นี้ไปยังเว็บไซต์ ...

 ฟังก์ชั่น addLoadEvent (func) {
     var oldonload = window.onload;
     ถ้า (window.onload typeof! = 'ฟังก์ชั่น') {
        window.onload = func
     } else {
        window.onload = function () {
            ถ้า (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 }

และเรียกว่าแทน "windows.onload" ปกติ

 addLoadEvent (FunctionToRunOnPageLoad); addLoadEvent (function () {/ * รหัสมากขึ้นเพื่อใช้ในการโหลดหน้า *}); 

ข้อดีของโค้ดนี้ ...
1 ในขั้นต้นจะช่วยให้คุณมีเหตุการณ์ windows.onload หลายที่เรียกว่าแยกจากส่วนของรหัสของคุณโดยไม่ต้อง overridding ความหมายก่อนหน้านี้
2 มันเป็นสร้างความรำคาญจริงๆ มันสามารถนำมาวางไว้ในแฟ้มที่มีสคริปต์อื่น ๆ ของคุณหรือในแฟ้มที่แยกต่างหาก
3 มันทำงานได้แม้ว่า window.onload ได้ถูกกำหนด

ฉันคิดว่าหนึ่งในนี้จะเป็นเส้นขยุกขยิกไปหาใน google เป็นจำนวนมากที่คุณให้เราเขียน UI และสคริปต์จะต้องทำเช่นนี้ในวันที่ตามวันที่มีบิตของชิ้นส่วนของโค้ด PHP (PHP.) ลงใน แม่แบบ Smarty (TPL.) ฉันตระหนักว่าง่าย / ที่นิยมค้นหาของคุณมากยิ่งขึ้นยากที่จะหาคำตอบที่แน่นอน ... ล้านผลลัพธ์การค้นหา แต่ส่วนมากของพวกเขา reffered ที่ "ไฟล์" รวมถึงใน Smarty ... ซึ่งมีไวยากรณ์ต่อไปนี้

{include file = "รวม header.php /"}

นี้ inlcuded จริงไฟล์ดี แต่เป็นข้อความอะไรที่ฉันต้องการคือผลจากแฟ้มรวม. (หมายเหตุข้างต้นถูกนำมาใช้รวมถึงแม่แบบภายในแฟ้มแม่แบบ) ในที่สุดด้วย persiverance บิต .... ฉัน stumbled ข้ามไวยากรณ์ที่ถูกปรับเปลี่ยนเล็กน้อยซึ่งเป็นคำตอบสำหรับความต้องการของฉัน ... ดังนั้นที่นี่ก็คือ ... ถ้าคุณ havn't พบหนึ่งแล้ว

{แฟ้ม include_php = "รวม header.php /"}

คำถามนี้ข้ามใจของฉันสองสามครั้งก่อนเมื่อฉันได้ทำงานในเว็บไซต์ก่อนหน้านี้มากเกินไปซึ่งใช้เวิร์ดเพรสเพื่อแสดงบล็อกหรือรูปแบบใหม่ของเนื้อหาในส่วนหนึ่งของเว็บไซต์ / portal.Being สามเณรใน PHP และรอบเพรสบางอย่างผมเก็บไว้ procastinating มันคิด "นี้ไม่ได้เป็นชิ้นส่วนของเค้กของฉัน" ในที่สุด! ความต้องการนี​​้มาได้ไม่เกินจมูกของฉันเมื่อเริ่มต้น diggin รอบ bit สำหรับการแก้ปัญหา
ฉันรู้สึกประหลาดใจที่พบว่าจริงๆมันคือง่ายกว่าที่จริงผมคิดว่ามันเป็นไปแสดงรายการจากพาดหัวหรือข้อความล่าสุดในหน้าอื่น ๆ ที่นอกเหนือจากส่วนที่ขับเคลื่อนด้วย WordPress เพียงใช้นิด ๆ หน่อย ๆ ของ PHP และ WordPress API .

นี่คือสิ่งที่น่าสนใจ: -
ด้วยเหตุผลของคำอธิบายสมมติว่าเว็บไซต์ของคุณเป็น http://www.inchembur.com/ และคุณมีส่วนข่าวสำหรับเว็บไซต์นี้เมื่อ http://news.inchembur.com/ (ซึ่งถูกเรียกใช้เวิร์ดเพรส) ตอนนี้ต้องการคือการแสดงโพสต์ล่าสุดจาก http://news.inchembur.com/ ในหน้าแรกของเว็บไซต์หลักคือ http://www.inchembur.com/index.php

ขั้นที่ 1: ใน index.php ของคุณเพิ่มชิ้นต่อไปของรหัสรวมไฟล์ WordPress API คุณสามารถเพิ่มไปยังด้านบนของหน้าคุณต้องการโพสต์ของคุณจะปรากฏบน

<? PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); ใช้ / / Disbable ของเวิร์ดเพรส
ต้องใช้ ('/ var / news.inchembur.com / wp บล็อก-header.php-'); / / รวม WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / รับโพสต์ล่าสุด
>?

ในชิ้นข้างต้นของรวมถึงเราจะรับเฉพาะโพสต์ล่าสุดเดียว ถ้าคุณต้องการที่จะลองรูปแบบต่างๆมากขึ้นรู้สึกฟรีเพื่อเจาะ, query_posts() เอกสาร .

ขั้นตอนที่ 2: ตอนนี้ในส่วนของหน้าดัชนี / หน้าแรกที่คุณต้องการแสดงโพสต์ WordPress ล่าสุดจาก http://news.inchembur.com ใช้รหัสต่อไปนี้ จำเป็นต้องพูดความรู้สึกอิสระที่จะโฆษณาหน่วยงานจัดแต่งทรงผมของคุณครอบคลุมและชั้นเรียนตามการออกแบบของคุณต้องการ

Step3: มีขั้นตอนที่ 3 ไม่มี ... พี่มัน ... คุณจะทำ!

แสดงหน้าโพสต์ / เฉพาะวิธีการตรงข้ามกับการโพสต์ล่าสุด: -
นี้สามารถ achived ได้อย่างง่ายดายด้วยการแก้ไขข้อโต้แย้งที่จะ query_posts() ที่จะรวม ID หน้าหรือหน้าบุ้ง

) ; query_posts ('page_id = 7');
) ; query_posts ('pagename = เกี่ยวกับ');

หรือคุณสามารถควบคุมจำนวนการโพสต์:
) ; query_posts (showposts = 3);