รวมวิธีการใช้ Wordpress, Joomla, Drupal, Magento และ SEO » html

เพิ่ม block html ใน prestashop

snappy — Wed, 13 Jan 2010 18:57:59 +0000

หลังจากได้ลองเล่น prestashop มาสักระยะก็คิดได้ว่ามันน่าจะมีโมดูลที่ไว้ให้เราใส่พวกโค็ด html ได้เองคล้ายๆกับโมดูล Custom HTML ของทางฝั่ง joomla ที่เราใส่ข้อความต่างๆหรือโค็ด html ลงไปได้เองแล้วนำไปในวางตำแหน่งต่างๆของหน้าเว็บเราได้

ซึ่งผมก็ลองๆหาอยู่พอสมควรก็เจอครับโมดูลตัวนี้มีชื่อว่า Block HTML (ดาวโหลด) ชื่อตรงตัวเลยครับทดลองใช้แล้วก็โดนใจครับ ให้โหลดมาทำการติดตั้งลงใน prestashop ครับ (วิธีติดตั้ง module ใน prestashop)

หลังจากติดตั้งแล้วให้เราคลิกที่ Configure ของตัวโมดูลครับ

เราจะพบกับช่องใส่โค็ดสองช่อง ซึ่งจะระบุไว้ว่า Left text คือช่องนี้จะไปกำหนดออกทางตำแหน่ง Left colum และ Right text ช่องนี้จะไปกำหนดออกทางตำแหน่ง Right colum ของตัวเว็บไซต์ หลังจากเราพิมพ์ข้อความหรือโค็ดตามต้องการแล้ว ให้ไปกำหนดที่ position อีกที (วิธีย้ายตำแหน่ง module)

โดยถ้าเรากำหนดให้มันอยู่ซ้าย เราก็ต้องพิมพ์ในช่อง Left text ถ้าสมมติเรากำหนดให้โมดูลอยู่ซ้ายแต่เราไปพิมพ์ช่อง Right text ข้อความก็จะไม่ถูกแสดงออกมา ง่ายๆก็คือถ้าเราพิมพ์ช่องไหน ก็ให้กำหนดตำแหน่งของโมดูลไปตามช่องนั้น

อย่างตัวอย่างผมพิมพ์ช่อง Left text ผมก็ต้องกำหนดให้มันอยู่ตำแหน่งซ้าย

ผลที่ออกมาครับ

thank : http://www.prestashop.com/forums/viewthread/9730

Plugin : SyntaxHighlighter แสดง code สวยๆบน wordpress

snappy — Mon, 29 Jun 2009 10:57:12 +0000

เป็น plugin ที่ผมตามหามานานแสนนาน สำหรับ plugin ในลักษณะแบบนี้ มันเอาไว้ใช้แสดง code ที่เราจะพิมพ์ออกมาในหน้าบทความเราให้ออกมาในรูปแบบที่ดูง่ายขึ้น มีการไฮไลท์สี และแสดงบรรทัด เหมาะสำหรับบทความที่ต้องการสอนเรื่องในการเขียน code ของภาษาต่างๆ เช่น CSS , PHP , HTML เป็นต้น ซึ่งผมถูกใจมากที่สุด เพราะเป็นปัญหามาโดยตลอดในการเขียนใส่ลงในเนื้อหาเพื่อให้แสดงผลออกมาในรูปแบบ code ให้คนที่เข้าชมเว็บเราสามารถ copy นำไปใช้งานได้เลย

โดยให้เราดาวโหลด SyntaxHighlighter มาทำการติดตั้งบน wordpress ของเราครับ แล้วทำการ Active ตัว plugin ครับ

จากนั้นถ้าต้องการปรับแต่งค่าต่างๆให้ไปที่ Settings >> SyntaxHighlighter

วิธีใช้งานน่ะครับ เขียนเนื้อหาปกติอะครับ แต่ถ้าจะใส่ code ที่จะสอนลงไปก็ตามนี้ครับ

ใส่ code ที่ต้องการ

รูปภาพด้านล่างคือตัวอย่างการแสดงผลออกมาครับ

Link : http://wordpress.org/extend/plugins/syntaxhighlighter/

Module : Custom HTML สร้าง module ขึ้นมาเองได้

snappy — Mon, 08 Jun 2009 20:53:29 +0000

joomla นั้นมี module มากมายหลากหลายชนิดเยอะแยะมากมายจนเลือกใช้กันไม่ไหว แต่ยังไงเสียก็อาจจะไม่มี module ที่เราต้องการก็ได้ครับ ฉะนั้นแล้วเรามาสร้างเองกันดีกว่า ซึ่งจะเป็นการสร้าง module ชนิดของ HTML ในการแสดงผลออกมา โดยสามารถแสดงผลได้ตามความต้องการของเราเลย พร้อมทั้งสามารถใส่ media ทุกชนิดลงไป และ plugin ที่สนับสนุน สมมติว่าเราต้องการเสนอข่าวสารเล็กๆน้อยๆ ที่แยกออกมาจากพื้นที่แสดงบทความปกติ ก็จะใช้ module ตัวนี้ล่ะครับเป้นตัวสร้างขึ้นมา มาดูวิธีใช้กันดีกว่า…

ไม่ต้องไปหาดาวโหลดที่ไหนครับมันมีมาให้อยู่แล้ว ให้เราไปที่ Extensions >> Module Manager ซึ่ง module custom HTML ตัวนี้เราจะไม่เห็นอยู่ในรายการของ module manager โดยถ้าจะเรียกให้งานให้กด New เพื่อสร้าง module ใหม่

มันมาซ่อนอยู่ที่นี่เอง…คลิกเข้าไปเลยครับ

ในนี้จะถูกแบ่งออกมาเป็น 2 ส่วนน่ะครับ คือด้านบนจะมีช่องสำหรับใส่รายละเอียดเหมือนกับ module ทั่วๆไป ส่วนด้านล่างจะเป็นพื้นที่เขียนข้อความด้วยเครื่อง TinyMCE

เรามาดูส่วนบนกันก่อนครับ

ใส่หัวข้อของ module ในที่นี้ผมจะใส่ว่า liverpool ลงไป
เปิดใช้งาน Enable
จากนั้นเลือกตำแหน่งในการแสดงผล
ในส่วนของ Module Class Suffix จะเป็นการทำให้ module ตัวนี้แตกต่างไปจากตัวอื่นๆโดยเราสามารถกำหนดสีตัวอักษร พื้นหลัง และอื่นๆได้ครับ โดยเป็นการเพิ่ม class ของ css ลงไป ซึ่งไว้วันหลังผมจะมาเขียนบทความเกี่ยวกับเรื่องนี้ให้ดูทีหลังครับ

ส่วนล่างให้เราใส่รายละเอียดของข่าวสารที่เราต้องการแสดงออกมาลงไป

จากนั้น save แล้วมาดูกัน…ผมอาจตกแต่งได้ไม่สวย ^ ^ เพราะแค่อยากให้ดูว่า module class suffix เมื่อทำแล้วผลจะออกมาเป็นยังไง มันก็ขึ้นอยู่กับฝีมือ css ของแต่ละบุคคล