All Posts

135 articles

Rabbitinblack
1 min read

[CSS] ข้อแตกต่างระหว่าง width:auto กับ width:100%

ในการทำเว็บนั้น เราอาจจะเจอกรณีที่ layout ต้องเปลี่ยนไปตามความกว้าง เช่น เวลาทำเว็บที่เป็น responsive หรือเวลาที่สั่งพิมพ์ทางเครื่องพิมพ์ ตามปรกติแล้ว เราจะเคลียร์ค่า float หรือ width

csswidth
Rabbitinblack
1 min read

[Wordpress] เปลี่ยนโลโก้และ URL ในหน้า Login

เมื่อเข้าหน้า Login สำหรับเว็บที่ใช้ Wordpress นั้น เราจะเจอโลโก้ Wordpress และเมื่อคลิ๊กที่โลโก้ก็จะลิงก์ไปยังเว็บ Wordpress.org แต่ถ้าเราอยากจะเปลี่ยนโลโก้กับ URL ให้ลิงก์มาที่เว็บเราละ ทำแบบนี้ครับ

logourlwordpress
Rabbitinblack
1 min read

[HTML] [CSS] tag ต่าง ๆ และ CSS ที่เกี่ยวกับ list

สำหรับ tag ของ HTML นั้น มีชุดของ tag อยู่ชุดนึง ที่ใช้สำหรับบอกถึงความเป็นรายการ หรือ list ซึ่ง tag ที่เกี่ยวกับรายการนั้นจะมีดังนี้ (คำภาษาไทยเนี่ย ผมคิดเองนะครับ ไม่ได้เป็นคำที่เป็นทางการอะไร)

dddldt
Rabbitinblack
1 min read

เนื้อหาตัวอย่างสำหรับเช็ค Wordpress Theme ที่เราติดตั้ง

ในการติดตั้ง หรือสร้าง Wordpress Theme ขึ้นมานั้น เราสามารถเช็คการใช้งานในส่วนของการแสดงผลเนื้อหาต่าง ๆ ได้โดยการสร้าง Post สร้าง Page สร้างเนื้อหาขึ้นมา เช็คดูว่า tag แต่ละตัวเป็นยังไง แสดงผลออกมาแบบที่เราต้องการหรือเปล่า แต่ถ้าเราจะมาไล่สร้าง ไล่เนื้อหาทั้งหมด ก็คงจะเหนื่อยไม่น้อย

wordpresswordpress themeเนื้อหาตัวอย่าง
Rabbitinblack
1 min read

Style.css กับหน้าที่ที่มากกว่าแค่ตกแต่งหน้าเว็บ Wordpress

ตามปรกติที่เราทำเว็บนั้น ตัว CSS นั้นเราสามารถที่จะตั้งชื่อเป็นอะไรก็ได้ จะเป็น abc.css หรือจะเป็น snsd.css ก็ได้ แต่ใน Wordpress นั้น ในกรณีที่เราใช้

style.cssthemetheme wordpress
Rabbitinblack
1 min read

วิดีโอสอนพื้นฐานของ HTML CSS Javascript จาก Google

ในการจะเรียนรู้ HTML CSS นั้น ผมคิดว่าในตอนนี้ไม่น่าจะเป็นเรื่องยากแล้ว เพราะมีข้อมูลความรู้มากมายในอินเตอร์เน็ตให้เราค้นหา ให้เราศึกษา และนี่ก็เป็น 1 ในนั้น มันคือ วิดีโอที่ทาง Google ได้ทำขึ้นเพื่อสอนพื้นฐานของ HTML CSS Javascript เรามาดูกันเลยดีกว่าครับ

cssgooglehtml
Rabbitinblack
1 min read

Plugin Wordpress : Lazyest Stylesheet

ในการทำเว็บของเราด้วย Wordpress นั้น คงต้องมีการเปลี่ยน Theme กันบ้าง แต่ปัญหาคือ มันจะมี Stylesheet บางตัว ที่เราเพิ่มเติมเข้าไปใน Theme เก่า มันไม่ได้ตามมา Theme ใหม่ด้วย เราก็ต้องไปหาว่า เราเพิ่มอะไรตรงไหนบ้าง เพื่อนำมาใช้กับ Theme ใหม่ของเรา ปัญหานี้จะหมดไป เมื่อคุณใช้ Lazyest Stylesheet

csspluginwordpress
Rabbitinblack
1 min read

Wordpress : ดึง Thumbnail มาใช้กับลิงก์ไป Post ถัดไปกับ Post ก่อนหน้า

ใน Theme ส่วนใหญ่แล้ว ด้านล่างของส่วนที่แสดงผลของ Post นั้นจะมี Navigation เพื่อไปยัง Post ก่อนหน้า และ Post ถัดไป แต่ถ้าเราอยากจะปรับแต่งมัน ให้แสดงผลลัพธ์เป็นลักษณะแบบนี้ละ

thumbnailwordpress
Rabbitinblack
2 min read

Wordpress : จัดการกับ Permalinks

Permalinks คืออะไร อธิบายแบบเข้าใจกันง่าย ๆ มันก็คือ URL ที่ Wordpress สร้างมาให้ในแต่ละ Post แต่ละ Page นั้นละครับ โดยมันก็จะมีรูปแบบในการสร้างที่แตกต่างกันแล้วแต่เราจะกำหนด

permalinkwordpress
Rabbitinblack
1 min read

CSS : เมื่อต้องเจอปัญหากับ IE

เชื่อว่าหลาย ๆ คนที่เขียน CSS กันมา ต้องเจอปัญหาว่า ทำไมเขียน CSS มาแล้ว แต่ละ Browser ถึงแสดงผลมาไม่เหมือนกัน และในบรรดา Browser ทั้งหลาย Browser ที่มีปัญหามากที่สุด ก็คงไม่พ้น Internet Explorer หรือที่เราเรียกกันว่า IE

cssie
Rabbitinblack
2 min read

วิธีใช้ WordPress ตอนที่ 9 – วิธีติดตั้ง Plugins

หลังจากที่เราใช้งาน Wordpress มาซักพัก เราคงรู้สึกอยากให้เว็บเรามีนั่นเพิ่ม มีนี่เพิ่ม ซึ่งสิ่งที่เราอยากได้เพิ่มนั้น ส่วนใหญ่ก็จะมีคนที่อยากได้สิ่งนั้นเพิ่มคล้าย ๆ กับเรา ก็เลยมีการทำออกมาเป็น Plugins

pluginswordpressวิธีใช้ Wordpress
Rabbitinblack
1 min read

Wordpress : รวมเครื่องมือสำหรับทำ Theme Wordpress

เวลาที่เราจะสร้าง Theme Wordpress หรือเว็บไซต์อะไรก็แล้วแต่ มันคงจะดีถ้าเรามีตัวช่วยในการทำ ตั้งแต่การทำ Layout จาก Photoshop หรือ Fireworks การเขียน Code HTML / CSS แล้วเริ่มต้นนำมาทำเป็น Theme Wordpress จนกระทั่งเช็ค Theme ที่เราทำออกมา

toolswordpress
Rabbitinblack
2 min read

CSS : Firebug เพื่อนแท้ ช่วยแก้ CSS

วันนี้เราจะมาเรียนรู้วิธีการใช้ Firebug กันนะครับ โดยในการทำ CSS เนี่ย เวลาเราจะเช็คว่า CSS ที่เราเขียนมานั้น มันผิดตรงไหนหรือเปล่า หรืออยากลองแก้ CSS ดูก่อน

cssfirebug