การออกแบบบล็อก 101: คู่มือฉบับสมบูรณ์ของคุณในการออกแบบองค์ประกอบของบล็อกที่จะให้ผลลัพธ์

หากคุณกำลังพยายามออกแบบเลย์เอาต์บล็อกของคุณตั้งแต่ต้น เป้าหมายสุดท้ายของคุณคือการสร้างการออกแบบที่เหมาะสมกับความต้องการและความต้องการของผู้อ่านของคุณมากที่สุด

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

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

เริ่มต้น

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

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

1. ส่วนหัว

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

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

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

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

2. แบบอักษรและการพิมพ์

แบบอักษรสามารถช่วยกำหนดโทนสำหรับเว็บไซต์และบล็อกโพสต์ของคุณ และคุณสามารถรับแบบอักษรที่ใช้ไม่บ่อยได้ฟรี ไม่ว่าคุณจะชอบความเก๋ไก๋, สนุก, แปลก, จริงจัง, ร่วมสมัย, Goth และอีกมากมาย มีตัวเลือกออนไลน์มากมายที่คุณสามารถใช้ได้ ก่อนเลือกแบบอักษรเฉพาะ ให้พิจารณาสิ่งต่อไปนี้:

• ควรอ่านง่ายและตัวอักษรควรทำงานร่วมกับองค์ประกอบอื่นๆ ได้ดี
• หากรวมฟอนต์เข้าด้วยกัน ฟอนต์ควรเสริมกัน (ใช้ฟอนต์สูงสุด 3 ฟอนต์)
• ทำให้แบบอักษรข้อความหลักเรียบง่าย ควรสะอาดและสบายตา การมีฟอนต์หลักที่สนุกและกระชับทำให้การอ่านยากและทำให้สมองล้า คุณสามารถใช้ฟอนต์สนุกๆ บนแถบด้านข้าง ลายเซ็น ส่วนหัว และชื่อโพสต์ได้
• ได้โปรด ได้โปรด โปรดอย่าใช้ Papyrus หรือ Comic Sans เราขอร้องคุณ
• ไม่ควรเล็กเกินไปหรือขี้ขลาดเกินไป ผู้อ่านของคุณจะไม่ต้องทนทุกข์กับมัน

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

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

3. ส่วนท้าย

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

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

คุณยังสามารถรวมโพสต์ยอดนิยมสามหรือสี่โพสต์ไว้ในส่วนท้ายเพื่อให้ผู้อ่านโต้ตอบกับงานที่ดีที่สุดของคุณ ใช้ส่วนท้ายเพื่อเน้นสิ่งที่น่าสนใจ/ยอดเยี่ยมเกี่ยวกับไซต์ของคุณ

4. ไอคอนโซเชียลมีเดีย

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

• ค้นหาไอคอน – เริ่มค้นหาไอคอนโซเชียลบน Google ซึ่งอาจนำคุณมาที่นี่ หากคุณมีความคิดสร้างสรรค์มากขึ้น คุณสามารถสร้างไอคอนของคุณเองโดยใช้ Photoshop ขนาดในอุดมคติคือ 60 พิกเซลทั่วๆ ไป
• ไอคอนอัปโหลด – คุณสามารถดำเนินการนี้โดยตรงบนบล็อกหรือใช้ flikr, photobucket และไซต์รูปภาพอื่นๆ จากนั้นใส่ลิงก์ไปยังรูปภาพในโค้ดของคุณ
• เพิ่มโค้ด HTML ของคุณ – ใน Blogger ควรเพิ่มบรรทัดของโค้ดต่อไปนี้ลงในพื้นที่วิดเจ็ต HTML ในขณะที่ใน WordPress จะเพิ่มลงในพื้นที่วิดเจ็ตข้อความ:

[xhtml]
<a href=”http://www.linkgoeshere.com” target=”_blank”><img src=”http://www.imageurlhere.com”></a>
[/xhtml]

โค้ดง่ายๆ นี้จะแทรกรูปภาพใดๆ ลงในบล็อกของคุณ

5. ฟีดบล็อก

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

ในการตั้งค่า feedburner ของคุณ:

• ไปที่ feedburner.google.com และตั้งค่าฟีดของคุณโดยใส่ที่อยู่ฟีดหรือบล็อกของคุณลงในช่อง
• เมื่อ URL ได้รับการยืนยันแล้ว หน้าถัดไปจะปรากฏขึ้น และคุณจะต้องตรวจสอบให้แน่ใจว่าที่อยู่ฟีดและชื่อบล็อก (สำคัญมาก!) หากคุณเปลี่ยนที่อยู่ฟีดในอนาคต คุณต้องแจ้งให้ผู้อ่านทราบ เนื่องจากจะไม่อัปเดตโดยอัตโนมัติ

แค่นั้นแหละ! ตอนนี้คุณมีฟีดแล้ว ใน Blogger คุณสามารถไปที่ Dashboard >> Settings >> Site Feed และคุณจะเห็นกล่องที่มีชื่อ 'Post Feed Redirect URL' ซึ่งคุณต้องใส่ที่อยู่ feedburner feed ของคุณ ใน WordPress คุณอาจต้องดาวน์โหลดปลั๊กอิน Feedburner Feedsmith ซึ่งสามารถพบได้ที่นี่ นี่เป็นปลั๊กอินที่แนะนำมากที่สุดสำหรับงานนี้ เนื่องจากยังคงมีความสอดคล้องแม้กับการอัปเดตของ WordPress

บทสรุป

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

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

ดีที่สุด!