screenshot-2016-10-14-11-52-36

วิธีเปลี่ยนเว็บไซต์ให้เป็นสีขาวดำ

เพื่อเป็นการแสดงความอาลัยต่อการสวรรคตของพระบาทสมเด็จพระเจ้าอยู่หัว เว็บไซต์ของศูนย์ CELT จะเปลี่ยนเป็นสีขาว-ดำ เป็นระยะเวลา 30 วัน ในบทความนี้ ผมขอเขียนคำอธิบายวิธีทำเพื่อเป็นประโยชน์สำหรับผู้ดูแลเว็บไซต์อื่น วิธีการโดยทั่วไป ท่านจะต้องเลือกว่าจะแก้ไขไฟล์ .css หรือแก้ไข .php ในบางกรณีการแก้ php ทำได้ง่ายกว่า เพราะเว็บไซต์ของท่านอาจมีไฟล์ php ไฟล์หนึ่งที่ถูก include โดยทุกๆ หน้าอยู่แล้ว อาทิ header.php หรือ footer.php ในบางกรณี ที่ท่านไม่สามารถแก้ไฟล์ php ได้โดยสะดวก การแก้ css อาจทำได้ง่ายกว่า เช่นการแก้ style.css ใน child theme ของ WordPress ใน website ที่ซับซ้อน อาจต้องแก้ทั้งสองกรณี มองหาไฟล์ .php และ/หรือ .css ที่ปรากฎอยู่ในทุกหน้า สำหรับไฟล์ .css ให้แก้ไขโดยเพิ่มรหัสดังนี้ /* BEGIN: black…

screenshot-2016-09-26-22-41-59

bootstrap cheat sheet

Bootstrap คือเครื่องมือ (ฟรี!) ที่ช่วยให้การออกแบบ web ทำได้ง่ายขึ้น มีจุดเด่นคือ responsive design ซึ่งหมายถึงการที่เนื้อหาของเว็บปรับการแสดงผลให้เหมาะสมกับขนาดของหน้าจอ เมื่อมองบน desktop ก็สวยงามไม่โหลงเหลง เมื่อมองบนโทรศัพท์ก็อ่านง่ายไม่อึดอัด ที่มา ขอบคุณ Mark Otto และ Jacob Thornton แห่ง Twitter ที่ให้กำเนิด Bootstrap โดยเริ่มใช้เป็นเครื่องมือภายในบริษัท ต่อมาเมื่อมีคนให้ความร่วมมือมากขึ้น เขาก็ใจกว้าง แจกของดีชิ้นนี้ให้เป็นสาธารณะสมบัติ (open source) ชาวโลกจึงได้รับประโยชน์ตั้งแต่นั้นเป็นต้นมา ต้องขอขอบคุณน้องโอ๊ต Nuttanon Pornpipak ที่ช่วยสอน Bootstrap ให้ผู้เขียนเป็นครั้งแรก ผ่านทาง project ที่เคยทำงานร่วมกัน บทความนี้เขียนไว้เพื่อถ่ายทอดความรู้ให้ผู้อื่นต่อไป