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

ระบบ CMS ใน prestashop เอาไว้สร้างพวกหน้าต่างๆภายในเว็บไซต์เรา โดย prestashop นั้นจะมาพร้อมกับ WYSIWYG editor มาให้พร้อมใช้งานเลยซึ่งมันก็สะดวกมาก แต่…มันดันอัพโหลดรูปไม่ได้ซะงั้น -_- [...]

วันนี้ไปเจอทริคเล็กๆน้อยๆของ magento ที่จะมานำเสนอกันก็คือ ดึงรูป thumbnail ของสินค้าเรามาใส่ไว้ใน CMS page หรือ block ครับ [...]

วิธีนี้เป็นวิธีการดึงรูปในบทความของเรานำออกมาแสดงในหน้าแรกของ wordpress ยังที่เห็นกันในเว็บบล็อกต่างๆทั่วไป ซึ่งสามารถช่วยให้สื่อความหมายของบทความที่เราเขียนได้มากทีเดียว [...]

จากครั้งที่แล้วผมได้เสนอเกี่ยวกับการทำ image mapping ไปซึ่งผมก็พึ่งรู้ว่า image mapping มันทำได้มากกว่าที่ผมเสนอไปคราวก่อนนั้นก็คือ [...]

โดยปกติแล้วรูปภาพสินค้าใน virtuemart นั้นตอนเราทำการสร้างสินค้าเริ่มแรกจะให้มีการใส่รูปภาพสินค้าได้แค่รูปเดียว ถ้าเราอยากให้มีรูปภาพหลายๆ ภาพ ในหน้ารายละเอียดของสินค้่่านั้นๆ (เช่นสินค้าเดียวกัน แต่อยากมีรูปหลายๆ มุม หรือ มีหลายสีให้ดู) [...]

Image mapping เป็นเมนูที่ให้เราสามารถใส่ภาพประกอบใน category ได้ดังรูปบน โดยถ้าเรากำหนดหลายๆรูปลงไป รูปแบบจะออกมาเป็นแบบสไลด์ ประโยชน์ก็คือเพิ่มคำอธิบายที่เป็นรูปภาพเข้าไปด้วยเพื่อให้ลูกค้าเราเข้าใจมากว่าขึ้นว่าหมวดหมู่นี้คืออะไร [...]

Ramdom Image เป็น module ที่จะแสดงผลรูปภาพจากโฟลเดอร์ที่กำหนดขึ้นมาบนเว็บไซต์ ถ้ามีรูปภาพในโฟลเดอร์นั้นมากกว่า 1 รูปก็จะสุ่มเลือกรูปภาพขึ้นมาแสดงไปเรื่อยๆ พร้อมทั้งยังสามารถกำหนดลิงค์สำหรับคลิกไปยังเป้าหมายได้อีกด้วย [...]

plugin mavik thumbnails เป็น plugin รูปแบบเดียวกับ lightbox2 ของทาง wordpress ครับ สามารถขยายรูปภาพได้เลยโดยไม่ต้องเปลี่ยนหน้า โดยใช้ java ในการแสดงผล ตัวอย่างก็แบบเว็บนี้ละครับ killthewhat ลองกดที่รูปแล้วจะรู้เอง
[...]

เมื่อมีการ upload ภาพขึ้น wordpress นั้นโดยปกติแล้ว wordpress จะทำการจัดการสร้างไฟล์รูปภาพใหม่ขึ้นมาเพิ่มอีก 2 รูปจากรูปเดิมที่เราอัฟขึ้นไปเพื่อทำเป็น thumbnails ฉะนั้นเวลาเราอัฟรูปขึ้นไป 1 รูปก็เท่ากับว่าเราจะได้รูปภาพมา 3 รูป และเราก็คงใช้รูปเดียวใส่ลงในบทความเรา [...]

เวลาเราใส่รูปลงไปในบทความเราคงต้องมานั่งปรับขนาดรูปตลอด ว่าให้กว้างแค่นี้ สูงแค่นี้ มันคงไม่ค่อยสะดวกเท่าไรหากเราใส่หลายรูปใน 1 บทความนั้น plugin Imagesized จะเป็นตัว fix ขนาดรูปให้เลยครับว่ามันจะให้ไม่เกินขนาดที่เราตั้งไว้โดยเด็ดขาด สมมติผมใส่รูปไปขนาด 1024*768 แล้วผมตั้งค่า plugin ไว้ที่ 400*400 รูปมันก็ใหญ่ไม่เกิน 400*400 ในบทความเรา
[...]

เราสามารถใส่รูปลงในเนื้อหาได้เพื่อเพิ่มสีสรรค์ให้กับเว็บของเราและบางครั้งสิ่งที่เราอยากจะสื่อความหมายออกไปมันไม่สามารถสื่อด้วยคำพูดบางคำได้…นั้นว่าไป ^ ^ การใส่รูปของ joomla นั้นก็ง่ายๆครับแค่คลิกๆแล้วก็คลิก อะไรจะสะดวกเช่นนี้ โดยไปที่ backend ของ joomla จกานั้น site > control panel > Add New Article

จัดการเขียนเนื้อหาของเราลงไปครับ จากนั้นถ้าจะใส่รูปให้ไปที่ icon ด้านล่างของเนื้อหา Image
[...]

iMax Width เป็นปลั๊กอินที่ไว้กำหนดความกว้างของรูปภาพที่เราจะโพส์ลงเนื้อหา ไม่ให้เกินขนาดตามที่เรากำหนด เพราะฮาวโฮสเราไม่ชอบให้ใครทำเกินหน้าเกินตา…เกี่ยวไหม – -! สมมติเรากำหนดค่าความกว้างไว้ที่ 600px พอเราอัฟรูปที่มีขนาดกว้าง 1024px มันจะก็ทำการบีบมาให้เหลือ 600px โดยอัตโนมัติเทพโครตขอบอก หลังจาก activate แล้วให้ไปตั้งค่าที่ Settings > iMax Width กำหนดค่าความกว้างได้ตามใจชอบ…

Lightbox 2 เป็นโค็ดของทาง java อะครับที่พอเรากดรูปแล้ว แทนที่จะเปิดเพจใหม่เพื่อดูรูปภาพที่ใหญ่ขึ้น มันก็จะทำการโหลดรูปนั้นขึ้นมาให้ใหญ่เลยบนหน้าเพจนั้น ไม่เข้าใจคลิกที่รูปเพื่อดูตัวอย่าง

[...]