บทความ WordPress และการออกแบบที่ดีที่สุด 25 รายการของเราจากปี 2016

ปี 2016 เต็มไปด้วยเทรนด์ใหม่ๆ ที่ยอดเยี่ยมในโลกของการออกแบบเว็บ ตั้งแต่บทช่วยสอน CSS ใหม่ไปจนถึงแนวทางปฏิบัติที่ดีที่สุดของ WordPress ไปจนถึงคำแนะนำที่นำไปใช้ได้จริงสำหรับการขยายเอเจนซี่ของคุณ เราได้ครอบคลุมทั้งหมดไว้ใน The Layout

เพื่อให้แน่ใจว่าคุณจะไม่พลาดเนื้อหาที่ยิ่งใหญ่ที่สุดแห่งปี เราได้รวบรวมเรื่องราวที่ได้รับความนิยมมากที่สุด เพื่อให้คุณได้อ่านสิ่งที่ดีที่สุดก่อนปี 2017 จะเริ่มต้นขึ้น

ดังนั้นโดยไม่ต้องกังวลใจอีกต่อไป นี่คือ 25 บทความ WordPress และการออกแบบที่ดีที่สุดของเราในปี 2016

25. ปลั๊กอิน WordPress ที่เราชื่นชอบ 10 อันดับแรก

การลอดผ่านไดเรกทอรีปลั๊กอินของ WordPress ก็เหมือนกับการยืนอยู่ในร้านขนม – ทั้งหมดนี้ดูน่าตื่นเต้นมากที่จะได้ลอง! และทุกวันนี้ มีปลั๊กอินสำหรับทุกอย่าง: การปรับปรุงความปลอดภัย เพิ่มประสิทธิภาพ เพิ่มประสิทธิภาพ SEO และรายการต่อไป

ในท้ายที่สุด ปลั๊กอินที่คุณตัดสินใจติดตั้งนั้นขึ้นอยู่กับคุณและความต้องการของไซต์ของคุณโดยสมบูรณ์ แต่เพื่อช่วยให้คุณเริ่มแยกแยะกลุ่มต่างๆ เราได้รวบรวมรายชื่อปลั๊กอิน 10 อันดับแรกของเรา

24. สิ่งที่คุณต้องการเพื่อสร้างบล็อกที่สวยงามบน WordPress

บล็อกเป็นเครื่องมือที่ยอดเยี่ยมในการเพิ่มการรับรู้ถึงแบรนด์ ขยายธุรกิจ หรือแม้แต่ใช้เป็นช่องทางสร้างสรรค์ และทุกวันนี้ การสร้างไซต์ของคุณเองนั้นง่ายกว่าที่เคย

พร้อมที่จะสร้างบล็อก WordPress ในฝันของคุณแล้วหรือยัง? นี่คือสิ่งที่คุณจะต้องเริ่มต้น

23. 17 ฟอนต์ฟรีให้ดาวน์โหลดในปี 2016

ต้องการอัปเดตคลังแบบอักษรของคุณด้วยแบบอักษรใหม่ใช่ไหม เราพบตัวเลือกที่ยอดเยี่ยมบางตัวที่เปิดตัวในปีนี้และต้องแชร์!

ต่อไปนี้เป็นแบบอักษรฟรีที่ยอดเยี่ยม 17 แบบเพื่อให้โครงการของคุณดูสมบูรณ์แบบ

22. จะหาภาพสต็อกฟรีที่ดีที่สุดได้ที่ไหนในปี 2016

กำลังมองหาภาพสต็อกฟรีคุณภาพสูงอยู่ใช่ไหม ไม่จืดชืด รูปภาพสต็อกทั่วไป ภาพจริงที่ดึงดูดความสนใจ หนึ่งภาพที่มีความลึกและสีสัน และคำใบ้ของ "เรื่องราว" เกี่ยวกับเรื่องนี้ เราอาศัยอยู่ที่จุดตัดกันของการถ่ายภาพดิจิทัล เศรษฐกิจแห่งการแบ่งปัน และอินเทอร์เน็ต เว็บไซต์แบ่งปันภาพถ่ายฟรีที่มีภาพคุณภาพสูงปรากฏขึ้นทั่วทั้งเว็บ โดยนำเสนอบุฟเฟ่ต์ภาพถ่าย Creative Commons Zero (CC0) ที่ยอดเยี่ยม

ต่อไปนี้เป็นไซต์โปรดห้าไซต์ของเราเพื่อค้นหาภาพถ่ายสต็อกฟรีที่ดีที่สุด

21. 32 ธีม WordPress ฟรีที่ยอดเยี่ยมให้ลองใช้ในปี 2016

ไม่ว่าคุณจะกำลังทำงานบนไซต์ WordPress ใหม่เอี่ยม หรือกำลังรีเฟรชแบรนด์บนไซต์ที่มีอยู่ ถึงเวลาแล้วที่ต้องหาธีมใหม่เพื่อใช้งาน และถึงแม้ว่าจะมีธีมพรีเมียมที่ยอดเยี่ยมมากมาย แต่ก็ยังดีที่จะติดตามธีม WordPress ฟรีด้วยเช่นกัน โดยเฉพาะอย่างยิ่ง หากคุณกำลังทำงานกับลูกค้ารายย่อยที่มีงบประมาณจำกัด ธีมฟรีจำนวนมากเหล่านี้จะมีฟังก์ชันพื้นฐานและตัวเลือกที่พวกเขาต้องการ

ตรวจสอบรายชื่อธีม WordPress ฟรีที่ยอดเยี่ยมจากปี 2016!

20. วิธีสร้างธีมลูกของ WordPress

โดยปกติแล้ว แทบจะเป็นไปไม่ได้เลยที่จะค้นหาธีมที่สมบูรณ์แบบ มีการดัดแปลงบางอย่างที่ต้องทำอยู่เสมอ เหตุใดจึงไม่ใช้ธีมเริ่มต้นที่ดีของ WordPress เช่น Twenty Fifteen และทำให้เป็นธีมของคุณเองเพื่อให้ดูและใช้งานได้ตามที่คุณต้องการ การสร้างธีมสำหรับเด็กจะช่วยประหยัดเวลาและทำให้คุณปวดหัวได้มาก (เชื่อฉันเถอะ)

ทำตามบทช่วยสอนนี้เพื่อสร้างธีมลูก WordPress ของคุณเองอย่างง่ายดาย

19. วิธีปรับปรุงความเร็วและประสิทธิภาพของไซต์ WordPress ของคุณ

คุณทราบดีว่าความเร็วไซต์มีความสำคัญต่อความสำเร็จของธุรกิจของคุณ (และของลูกค้า) ครั้งแล้วครั้งเล่า คุณถูกโจมตีด้วยสถิติที่น่ากลัว เช่น "ผู้ใช้เว็บเกือบครึ่งคาดหวังว่าไซต์จะโหลดภายในสองวินาทีหรือน้อยกว่า" และ "ผู้ใช้มักจะละทิ้งไซต์ที่ไม่ได้โหลดภายในสามวินาที ” รู้สึกท้อแท้ได้ง่าย ณ จุดนี้ของโครงการ แต่อย่าหงุดหงิด

ก่อนที่คุณจะเคาะประตูโฮสต์เว็บของคุณหรือเพิ่มปลั๊กอินแบบร่างจำนวนมาก ให้ทำตามขั้นตอนง่าย ๆ เหล่านี้เพื่อทำให้ไซต์ WordPress ของคุณราบรื่น มั่นคง และรวดเร็วมาก

18. วิธีเพิ่ม jQuery ให้กับธีม WordPress ของคุณ

jQuery เป็นไลบรารี Javascript ที่ได้รับ ความ นิยมอย่างมาก อันที่จริง เป็นที่นิยมมากจน WordPress โหลดมาโดยอัตโนมัติ (สิ่งนี้เริ่มต้นใน WordPress 3.8.1) อย่างไรก็ตาม เพียงเพราะ WordPress มาพร้อมกับ jQuery ไม่ได้หมายความว่ามันพร้อมใช้งานทันทีที่แกะกล่อง หากคุณกำลังใช้หรือสร้างธีมที่ยังไม่ได้เรียกใช้ jQuery คุณจะต้องทำสองสามสิ่งก่อนที่จะเริ่มใช้งาน

ทำตามบทช่วยสอนนี้เพื่อโหลด jQuery ไปยังธีม WordPress ใดๆ

17. การออกแบบเว็บกับการพัฒนาเว็บ: อะไรคือความแตกต่างและเหตุใดจึงสำคัญ?

เคยมีผู้มีโอกาสเป็นลูกค้าติดต่อคุณเกี่ยวกับสิ่งที่พวกเขาคิดว่าเป็นการออกแบบเว็บใหม่ เมื่อปรากฏว่าสิ่งที่พวกเขาต้องการจริงๆ คือนักพัฒนา? บางทีคุณอาจเคยมีประสบการณ์ที่น่าอึดอัดใจในการอธิบายให้นักเขียนคำโฆษณาของคุณฟังว่าคุณเป็นนักพัฒนา ไม่ใช่นักออกแบบ และจำเป็นต้องแก้ไขสำเนาเพื่อให้ชัดเจนหรือไม่ การออกแบบเว็บที่สับสนกับการพัฒนาเว็บเป็นความผิดพลาดทั่วไปที่ผู้คนมักทำกัน โดยเฉพาะอย่างยิ่งเมื่อพวกเขาเป็นมือใหม่ในสิ่งใหม่ๆ ที่เราเรียกว่าอินเตอร์เว็บ

การพัฒนาเว็บและการออกแบบเว็บมีความแตกต่างกันอย่างมาก เรียนรู้ว่ามันคืออะไรและเหตุใดจึงสำคัญ

16. วิธีสร้างภาพหมุน "โพสต์ล่าสุด" โดยใช้ Owl Carousel

WordPress มาพร้อมกับวิดเจ็ต "โพสต์ล่าสุด" ที่จะดึงชื่อโพสต์ล่าสุดของคุณไปที่แถบด้านข้างและเชื่อมโยงไปยังโพสต์แบบเต็ม ปัญหาคือวิดเจ็ตโพสต์ล่าสุดมีข้อจำกัดอย่างมาก เกิดอะไรขึ้นถ้าคุณต้องการบางอย่างที่หรูหรากว่านี้และมีฟังก์ชันการทำงานที่มากขึ้นอีกเล็กน้อย ตัวอย่างเช่น จะทำอย่างไรถ้าคุณต้องการดึงรูปภาพเด่นและข้อความที่ตัดตอนมา และจากประเภทโพสต์ที่กำหนดเอง

นั่นคือที่มาของ Owl Carousel เพื่อช่วยให้คุณไปตามเส้นทาง DIY และสร้างไซต์ในฝันของคุณ ทำตามบทช่วยสอนนี้เพื่อสร้างภาพหมุน "โพสต์ล่าสุด" ของคุณเอง!

15. วิธีเพิ่ม Font Awesome ให้กับไซต์ WordPress ของคุณ

Font Awesome เป็นชุดไอคอนที่มีประสิทธิภาพซึ่งมีไอคอนเวกเตอร์ที่ปรับขนาดได้ และที่น่าแปลกใจก็คือ มันฟรี (ชุดไอคอนอาจมีราคาแพงมาก ทำให้สิ่งนี้เป็นข้อตกลงที่น่ารักมาก) Font Awesome ยังช่วยให้เพิ่มธีม WordPress ของคุณได้ง่าย ช่วยประหยัดเวลาอันมีค่าเพราะคุณไม่จำเป็นต้องสร้างและบันทึกกราฟิกเหล่านี้ด้วยตนเอง

ทำตามบทช่วยสอนนี้เพื่อเรียนรู้วิธีเพิ่ม Font Awesome ลงในไซต์ WordPress ของคุณ

14. วิธีสร้างส่วนหัวของเว็บไซต์ที่ติดหนึบ

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

ทำตามบทช่วยสอนนี้เพื่อเพิ่มส่วนหัวของเว็บไซต์ที่ติดหนึบลงในเว็บไซต์ WordPress ของคุณอย่างง่ายดาย

13. วิธีประหยัดเวลาในการตั้งค่าไซต์ WordPress ใหม่

ไม่ว่าคุณจะรัก WordPress หรือการออกแบบเว็บไซต์มากแค่ไหน มีส่วนหนึ่งของงานที่ทำให้คุณเบื่อหน่ายได้ นั่นคือ การตั้งค่าการติดตั้ง WordPress ใหม่ ก่อนที่คุณจะเริ่มคิดเกี่ยวกับการเพิ่มการปรับแต่งที่สวยงามให้กับไซต์ของคุณ คุณต้องเริ่มต้นด้วยพื้นฐาน: ธีม ปลั๊กอิน และการตั้งค่า

แต่อย่ากังวล มีวิธีเพิ่มความเร็วรอบที่ซ้ำซ้อนนี้ ทำตามคำแนะนำนี้เพื่อเร่งกระบวนการของคุณและกลับไปสร้างไซต์ที่สวยงาม!

12. วิธีเพิ่ม Google Map แบบตอบสนองใน WordPress

เนื่องจากเป็นโซลูชันแผนที่ยอดนิยม การเพิ่ม Google Maps ลงในไซต์ WordPress ของคุณจึงไม่ใช่เรื่องยากอีกต่อไป เทคโนโลยีการทำแผนที่ที่เป็นมิตรต่อผู้ใช้นี้จะให้ข้อมูลทางธุรกิจ ข้อมูลติดต่อ และเส้นทางไปยังตำแหน่งที่คุณเลือก ทำให้การนำทางสะดวกสำหรับผู้ใช้ของคุณ

พร้อมที่จะเพิ่มแผนที่ไปยังไซต์ WordPress ของคุณหรือไม่ บทช่วยสอนนี้จะครอบคลุมถึงวิธีใช้ปลั๊กอินเพื่อเพิ่มปลั๊กอิน และวิธีการ DIY

11. วิธีเพิ่มตัวเลือกให้กับเครื่องมือปรับแต่ง WordPress

เครื่องมือปรับแต่ง WordPress อาจดูล้นหลามเล็กน้อยในตอนแรก แต่เมื่อคุณเริ่มใช้งาน คุณจะพบว่าง่ายกว่าที่คาดไว้ เป็นเครื่องมือที่ยอดเยี่ยมสำหรับคุณ (หรือลูกค้าของคุณ) ในการเปลี่ยนธีม และคุณสามารถสร้างธีมให้เป็นของคุณเองได้ด้วยการเพิ่มตัวเลือกที่กำหนดเอง

มาแยกย่อยกันดีกว่า – ต่อไปนี้คือวิธีใช้เครื่องมือปรับแต่งสำหรับตัวเลือกธีม

10. ช่อง Slack ที่ดีที่สุดสำหรับนักออกแบบ

Slack ได้กลายเป็นรูปแบบการสื่อสารที่ชื่นชอบอย่างรวดเร็วสำหรับนักออกแบบและครีเอทีฟหลายคน ทำให้การสื่อสารกับเพื่อนร่วมงานและเพื่อนฝูงเป็นเรื่องสนุก มีประสิทธิภาพ และง่ายดาย แต่ส่วนที่ดีที่สุดอย่างหนึ่งเกี่ยวกับ Slack ก็คือผู้คนได้รวมตัวกันเพื่อสร้างชุมชนที่เน้นหัวข้อเฉพาะ

หากคุณพร้อมที่จะเข้าร่วมการสนทนา ต่อไปนี้คือช่อง Slack ที่ดีที่สุด 16 ช่องสำหรับนักออกแบบ

9. วิธีที่ง่ายที่สุดในการพัฒนาไซต์ WordPress ในพื้นที่

เมื่อคุณสร้างไซต์ WordPress คุณอาจเริ่มทำการเปลี่ยนแปลงได้ทุกที่ทุกเวลาที่คุณต้องการบนไซต์จริง การปรับแต่ง CSS เพียงเล็กน้อยให้กับสไตล์ของปุ่มจะไม่เสียหายอะไรใช่ไหม

การเปลี่ยนแปลงง่ายๆ อาจมีความเสี่ยง อย่างไรก็ตาม กฎทองของการพัฒนา WordPress มีอยู่: เมื่อคุณกำลังพัฒนาไซต์ WordPress แม้ว่าคุณจะเพิ่งทำการเปลี่ยนแปลงโค้ดเพียงเล็กน้อย คุณก็ไม่ควรทำการเปลี่ยนแปลงโดยตรงบน เว็บไซต์สด

การใช้สภาพแวดล้อมการพัฒนาในท้องถิ่นเป็นสิ่งสำคัญสำหรับการพัฒนาไซต์ WordPress ที่กำหนดเอง เรียนรู้วิธีตั้งค่าอย่างง่ายดายและมีประสิทธิภาพด้วยคู่มือนี้!

8. วิธีใช้แบบสอบถามคุณลักษณะ CSS

CSS Feature Queries เป็นวิธีการที่ใช้วิธีการตรวจหาฟีเจอร์ในเบราว์เซอร์เนทีฟ ข้อความค้นหาเหล่านี้จะวิเคราะห์ว่าเบราว์เซอร์ได้ใช้งานคุณสมบัติ CSS อย่างเหมาะสมหรือไม่ โดยพื้นฐานแล้ว เบราว์เซอร์จะ "รายงาน" ว่าคุณสมบัติหรือค่า CSS บางอย่างได้รับการสนับสนุนหรือไม่ ผลลัพธ์เป็นตัวกำหนดว่าจะใช้บล็อกของ CSS หรือไม่

ตื่นเต้นที่จะใช้คุณสมบัติ CSS ใหม่ แต่กังวลเกี่ยวกับความสามารถของเบราว์เซอร์? เรียนรู้ว่า CSS Feature Queries ช่วยให้สิ่งต่าง ๆ ทำงานได้อย่างราบรื่น

7. 9 เทรนด์การออกแบบเว็บที่ต้องรู้ในปี 2016

อุตสาหกรรมการออกแบบเว็บมาถึงจุดที่น่าสนใจที่นักออกแบบต้องการทำมากกว่าแค่สร้างเว็บไซต์ — พวกเขาต้องการบอกเล่าเรื่องราว จุดประสงค์ของเว็บไซต์มากกว่าที่เคยคือให้ความบันเทิงและให้ข้อมูล รายการของเรานำเสนอเก้าวิธีในการบอกเล่าเรื่องราวที่แตกต่างกัน ตั้งแต่ซิเนมากราฟที่น่าทึ่งไปจนถึงไมโครอินเทอร์แอกชันที่น่ารื่นรมย์

ยังไม่สายเกินไป – นี่คือแนวโน้มการออกแบบเว็บ 9 อันดับแรกของเราในปี 2016!

6. รายได้ประจำสามารถช่วยคุณปรับขนาดเอเจนซี่ของคุณได้อย่างไร

การขยายเอเจนซีของคุณไปสู่ธุรกิจที่ประสบความสำเร็จและยั่งยืนในบางครั้งอาจดูเหมือนเป็นงานที่เป็นไปไม่ได้ และเข้าใจได้ง่ายว่าทำไม การให้คำปรึกษากับลูกค้าใช้เวลานาน และเมื่อสิ้นสุดวัน คุณถูกผูกติดอยู่กับนาฬิกาที่มีชั่วโมงที่เรียกเก็บเงินได้จำนวนมากเท่านั้น

เคล็ดลับในการปรับขนาดหน่วยงานของคุณ? เพิ่มช่องทางรายได้ประจำให้กับรูปแบบธุรกิจของคุณ!

5. พิมพ์งานฟรีเพื่อช่วยให้นักออกแบบจัดระเบียบได้

คุณเป็นนักออกแบบ ดังนั้นคุณสามารถออกแบบเทมเพลตที่สมบูรณ์แบบและพิมพ์ออกมาได้ แต่ถ้าคุณกำลังมองหาวิธีแก้ปัญหาที่เร็วกว่า ก็มีนักออกแบบคนอื่นๆ ที่มีแนวคิดแบบเดียวกัน และใครเป็นคนสร้างของแจกฟรีเจ๋งๆ ที่คุณสามารถดาวน์โหลดได้สำหรับความพยายามในองค์กรของคุณ

หากคุณพร้อมที่จะนำองค์กรของคุณไปสู่อีกระดับ (ฟรี!) ลองดูผลงานพิมพ์ที่ยอดเยี่ยมเหล่านี้สำหรับนักออกแบบ

4. วิธีสร้างเลย์เอาต์อย่างง่ายด้วย CSS Grid Layouts

ส่วนหนึ่งของการเป็นนักออกแบบคือการรู้ว่าอนาคตของการออกแบบเว็บจะเป็นอย่างไร CSS Grid Layouts เป็นตัวเปลี่ยนเกมและจะช่วยบรรเทาความยุ่งยากในการวางตำแหน่งที่นักออกแบบต้องรับมือมาหลายปี แม้ว่าจะไม่ใช่แนวทางปฏิบัติหลัก แต่ก็เป็นสิ่งที่น่าจับตามอง

ทำตามบทช่วยสอนง่ายๆ นี้เพื่อเรียนรู้พื้นฐานของ CSS Grid Layouts!

3. ทำไม SSL ถึงมีความสำคัญสำหรับไซต์ WordPress ของคุณ

เอสเอสแอล คุณอาจเคยได้ยินจดหมายสามฉบับนั้นมาก่อน แต่คุณรู้หรือไม่ว่าจดหมายเหล่านี้มีประโยชน์ต่อไซต์ WordPress ของคุณจริงๆ ก่อนที่เราจะพูดถึงว่ามันจะช่วยเว็บไซต์ของคุณได้อย่างไร เรามาทำความเข้าใจกันก่อนว่า SSL คืออะไรกันแน่

นี่คือสิ่งที่ SSL คืออะไร เหตุใดคุณจึงต้องการ และวิธีรับมันบนเว็บไซต์ WordPress ของคุณอย่างง่ายดาย!

2. วิธีใช้ CSS และ SVG clipping and masking เทคนิค

SVG นั้นยอดเยี่ยมสำหรับการทำงานบนเว็บ และการตัดและการปิดบังช่วยให้มีวิธีที่น่าสนใจในการแสดงหรือซ่อนชิ้นส่วนของกราฟิกบนเว็บของคุณ การใช้เทคนิคเหล่านี้ยังช่วยให้มีความยืดหยุ่นมากขึ้นในการออกแบบของคุณ เนื่องจากคุณไม่จำเป็นต้องทำการเปลี่ยนแปลงด้วยตนเองและสร้างภาพใหม่ ทั้งหมดนี้ทำได้ด้วยโค้ด

ทำตามบทช่วยสอนนี้เพื่อเริ่มต้นใช้งาน CSS และ SVG clipping and masking อย่างง่ายดาย

1. 20 ไลบรารี JavaScript ที่จะเช็คเอาท์ในปี 2016

ไลบรารี JavaScript เป็นเครื่องมือที่มีประโยชน์อย่างเหลือเชื่อสำหรับผู้ออกแบบหรือนักพัฒนาซอฟต์แวร์ทุกคน พวกเขาสามารถเพิ่มฟังก์ชันการทำงานอันทรงพลังบางอย่างให้กับไซต์ของคุณหรือปรับปรุงการออกแบบ ส่งผลให้ผู้ใช้ของคุณได้รับประสบการณ์ที่ดีขึ้น

แม้ว่าจะมีทรัพยากรมากมายไม่รู้จบ แต่เราคิดว่าไลบรารี JavaScript 20 แห่งเหล่านี้จะช่วยยกระดับเว็บไซต์ของคุณไปอีกระดับในปี 2016

นั่นทำให้รายชื่อบทความ WordPress และการออกแบบที่ดีที่สุดของเราสมบูรณ์จาก 2016! สิ่งที่คุณโปรดปรานคืออะไร? แบ่งปันลิงก์ของคุณในความคิดเห็นด้านล่างเพื่อช่วยให้เราขยายรายการของเรา!