Custom ต่างๆของ WordPress

wordpress เริ่มต้นออกแบบมาสำหรับ blog เท่านั้น ดังนั้นที่หน้า post บทความของเราเวลาเราเขียน ก็จะมีสิ่งที่จำเป็นสำหรับการเขียนบทความ บทความหนึ่ง เท่านั้น เช่น titlte, slug, featured image, format, category, tag, etc. แต่เมื่อเราต้องการอะไรที่มากกว่าเราก็ต้องมา custom กันครับ custom ต่างๆของ wordpress จะมีด้วยกัน 3 แบบ 1. Custom Field 2. Custom Post Type 3. Custom Taxonomy 1. Custom Field custom field คือ field เพิ่มเติมที่ post ส่วนใหญ่ของเราควรจะมี จะเป็น field ที่เพิ่มมาในแต่ละ post เช่น สมมุติเราจะทำเว็บเกี่ยวกับภาพยนต์ แต่ละ…

your Resume

อย่างที่เรารู้กัน การสมัครงานนั้นเป็นการตัดสินใจที่สำคัญต่อชีวิตการทำงานของเราอย่างมาก และด่านแรกของ การสมัครงาน ก็คือ “your Resume” resume เปรียบเหมือน โบรชัวของตัวเราเองเมื่อ HR เห็นแล้วต้องอยากติดต่อเรากลับมา (จุดประสงค์ของ Resume คือให้ HR ติดต่อคุณมาสัมภาษณ์) HR เป็นชื่อของแผนกที่ทำหน้าที่คัดสรรบุคลากร และสามารถใช้อ้างถึงบุคลลที่อยู่ในแผนกนั้นซึ่งทำหน้าที่คัดสรรบุคลากรได้อีกด้วย Get Started พื้นฐานของ resume แล้วควร อ่านง่าย, กระชับ, เป็นทางการ (formal), เป็นข้อมูลล่าสุด (up to date) ต่อไปจะนำเสนอส่วนต่างๆและข้อแนะนำในการเขียนครับ 1. Contact information มีส่วนประกอบ คือ ชื่อ, ที่อยู่, email (ควรดูเหมาะแก่การทำงาน เช่น นามสกุลผสมชื่อ), เบอร์ติดต่อ 2. Design / Layout ควรจะมีแบบ formal เป็นพื้นฐาน (ซึ่งจะทำให้อ่านง่าย หาข้อมูลได้ง่าย)…

ประเภทของ Programming Errors

บทความนี้จะว่าถึงเรื่องประเภทของ error ที่เกิดขึ้นในการเขียน program ไม่ว่าจะเป็น programmer ที่มีประสบการณ์มากแค่ไหนยังไงก็ต้องมีพลาดกันบ้าง และนี่คือจุดสำคัญของ programming, คือการ debug program และหาทางแก้ไขมัน โดย programming errors จะแบ่งเป็น 3 หมวดคือ Compilation errors Run-time errors Logic errors 1. Compilation errors compilation errors หรือ complier errors เป็น error ที่เกิดจาก complier ทำการ compile โปรแกรมของเรา ส่วนใหญ่ error ประเภทนี้จะเกิดจากการ Syntax error เช่น สะกดผิด, ใช้ space ผิดที่, ผิดลำดับ (เช่นเรียกใช้ else ก่อน if)…

Email ขาเข้า ขาออก เข้าแล้วก็ออก เอ้าๆ เอิ้วๆ

สงสัยจะเขียน code มากไปชื่อ บทความเลยเป็นแบบนี้ เอาละเข้าเรื่องกันเลยครับ ในส่วนของ Email ที่เราใช้งานจะมี 2 ส่วนหลักๆเป็น ขาเข้า ไว้รับ email มาและก็ขาออกไว้ส่ง email ครับ ขาออก – SMTP เราจะใช้ SMTP ในการส่ง email กันครับ SMTP ? SMTP ย่อมาจาก Simple Mail Transfer Protocol SMTP คือ Protocol ทำงานอยู่บน TCP/IP protocol ใช้ในการส่ง email SMTP เป็น รูปแบบการส่ง email ปกติเวลาเราจะส่ง email, ผู้ให้บริการส่ง email เขาก็จะมีข้อกำหนดต่างๆครับเช่น ส่งมาจากไหน, ใครเป็นผู้ส่ง, etc. (ซึ่งอาจมีข้อตกลงอื่นๆอีกครับเช่น ต้องเป็นสมาชิกถึงจะส่งเมลผ่านผู้ให้บริการ SMTP…

CSS Framework ชีวิตเราดีขึ้นเพราะนายเลยนะ

CSS Framework นี่จะมีส่วนประกอบหลายๆอย่าง ครับแต่ สิ่งหนึ่งที่มีส่วนใหญ่ จะมีเลยคือ Grid Layout Grid Layout ปกติเวลาเราจะเขียน CSS เนี่ยเราก็ต้องวาง Layout กันก่อน ส่วนใหญ่จะเป็นแบบ Grid layout แบบนี้ สังเกตตรง แถบแดงๆ นะครับจะเป็นตัวแบ่งขอบเขตของ Layout, และจากรูปตัวอย่างจะบ่งบอกได้ชัดเจนเลยครับว่าเขาออกแบบตาม Grid ต่างๆ ดังนั้นเมื่อเราใช้บ่อยกันอย่างนี้ก็ทำเป็น Framework กันเลยดีกว่าจะได้สะดวกเวลาเริ่มทำ Website กันใหม่ขึ้นมา // 1 <div class=”row”> <div class=”col-md-4″>.col-md-4</div> <div class=”col-md-4″>.col-md-4</div> <div class=”col-md-4″>.col-md-4</div> </div> // 2 <div class=”row”> <div class=”col-md-3″>.col-md-3</div> <div class=”col-md-6″>.col-md-6</div> <div class=”col-md-3″>.col-md-3</div> </div> // 3…

Library VS Framework VS API VS Plugin

Library, Framework, Plugin, API ต่างเป็นคำที่เราได้ยินกันบ่อยมากครับ เรามาทำความเข้าใจของแต่ละชนิด และความแตกต่างกันครับ Library [code lang=”php]// PHPMailer require ‘vendor/PHPMailer/PHPMailerAutoload.php’; $mail_customer = new PHPMailer; $mail_customer->isSMTP(); $mail_customer->SMTPAuth = true; $mail_customer->Host = EMAIL_HOST; $mail_customer->Username = EMAIL_USER; $mail_customer->Password = EMAIL_PASS; $mail_customer->Port = EMAIL_PORT; $mail_customer->SMTPSecure = ‘tls’; $mail_customer->Priority = 3; $mail_customer->isHTML( true ); $mail_customer->Subject = SITE_TITLE;[/code] ปกติแต่ละ Library จะออกแบบมาเพื่อ 1 วัตถุประสงค์ครับ และมีลักษณะคือ เรามี Source code (Download…

แนะนำ Productivity Tool ครับ

เคยเป็นไหมครับ ทำงานมาทั้งวัน กลับมาดูผลงานที่ทำมา …ทำไมมันเหมือนทำไปนิดเดียวเอง และที่สำคัญ นึกไม่ออกด้วยว่า เราทำอะไรเยอะเกินไป เสียเวลาตรงไหนเยอะเกินไป ช้าอยู่ใย, มาใช้โปรแกรม ช่วยวิเคราะห์กันดีกว่าครับ ในบทความนี้จะแนะนำโปรแกรมที่ใช้งานบน Window เป็นหลักครับ) Type อันนี้ผมแบ่งเองว่า จะมี 2 รูปแบบ Manual อันนี้เราจะเห็นค่อนข้างเยอะก็คือค่อยๆใส่กันเอาเอง Automatic จะ track เราให้เลยครับ Manual หมวดนี้มีค่อนข้างเยอะครับ search ใน google นี่มาเต็มเลยแต่วันนี้ขอแนะนำ KanbanFlow คำว่า Manual ในที่นี้คือเราต้อง Add task เข้าไปเอง กดว่ามันเสร็จสิ้นแล้ว ด้วยตัวเองทั้งหมดครับ ยังงี้ก็กดว่าเสร็จแล้ว ทั้งที่จริงๆยังไม่เสร็จได้สิ ? ใช่ ครับ ระบบแบบนี้ขึ้นกับตัวเองทั้งหมด ตัวนี้ดีแถมฟรี ด้วยครับมาดู Features กันดีกว่า Visualize your work – คือภาพรวมของงานเรานั่นเองครับ…

LESS VS SASS

เมื่อเราได้รู้จักความสุดยอด LESS กันไปแล้ว (Part 1 และ Part 2) และบางคนอาจเคยได้ลอง SASS กันมาแล้วคงมีคำถามว่า ใช้ LESS หรือ SASS ดี ซึ่งก็ค่อนข้างตอบยากเล็กน้อยเพราะ Featured พื้นฐานของทั้งคู่นี่ก็พอกันเลยครับ แต่ ยังไงก็ยังคงต่างครับ ลองชมกันเลย ในบทความนี้เราจะเปรียบเทียบในด้านการใช้งานเท่านั้น ไม่นับด้านอื่นๆที่ไม่ค่อยเกี่ยวข้องเช่น SASS สร้างมาจาก Ruby, LESS สร้างมาจาก Javascript หรืออะไรเล็กๆน้อยๆ อย่าง Document ก็จะไม่นำมาเปรียบเทียบนะครับ, ซึ่งจริงๆแล้ว LESS กับ SASS นี่โดยพื้นฐานแล้วแทบจะเหมือนกันจะหมดครับ แต่จุดความแตกต่างนั้น ก็มีนัยสำคัญเลยละครับ LESS แพ้ SASS Mixin ของ LESS ไม่มีแบบ return ค่า (SASS มี) LESS ไม่มี Selector…

LESS – ยุคใหม่ของ CSS – 2

จากความเดิมตอนที่แล้ว LESS – ยุคใหม่ของ CSS ไม่นึกว่าจะยาวขนาดนี้ เลยยกมาเป็น Part 2 ซะเลย มาเริ่มกันเลยดีกว่าครับ Get Started #2 4. Nested rules การเขียนเป็น ชั้นๆ Featured นี้สามารถทำให้เราเขียน CSS ได้ง่ายขึ้นมากครับ (แนะนำๆ) [code]// In LESS you can nest your rulesets. // This is a very important feature because: // -You don’t have to write out repeating long // selectors // -It helps to…

LESS – ยุคใหม่ของ CSS

แนะนำง่ายๆเลยนะครับว่า LESS = CSS + Function + Variable ปกติเราจะเปลี่ยนแปลง CSS ของ Website เราเช่น Theme สี, สีของขอบ, ขนาดพื้นฐานของ Element ก็ต้องใช้ Search & Replace เอาและมาดูว่า อันที่ไหนเราหลุดไป ก็มานั่งเก็บกัน ยกตัวอย่างนะครับลองดูจากรูปนี้ (มาจาก Classic CV) ดูตรงส่วน highlight สีเหลืองๆนะครับ เวลาผมจะเปลี่ยนสีเนี่ย ผมก็ต้อง replace ปกติ แล้วก็มาไล่ดูใหม่ว่าผมพลาดอะไรรึเปล่า แต่ครั้งนี้ผมตั้งไว้แล้วโดยใช้ LESS ผมแค่เปลี่ยนค่าของตัวแปรเดียวมันก็จะเปลี่ยนสีทั้งหมดให้เลยครับ CSS Preprocessor ก็คือตัวช่วยในการเขียน CSS และ compile มาเป็น CSS อีกทีนั่นเองละครับ ซึ่งก็มีหลายตัวอยู่เหมือนกัน ดูเพิ่มเติมได้ที่นี่ ครับ ตัว Popular ก็มี…