วิธีสร้างสูตร WordPress ที่สวยงาม (ใน 4 ขั้นตอน)

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

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

ทำไมคุณอาจต้องการเพิ่มสูตรอาหารที่สวยงามให้กับเว็บไซต์ของคุณ

ยิ่งสูตรอาหารของคุณน่าดึงดูดมากเท่าไหร่ สูตรอาหารเหล่านั้นก็จะยิ่งน่าสนใจมากขึ้นเท่านั้น

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

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

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

สิ่งที่คุณควรมองหาในปลั๊กอินสูตร WordPress ที่ยอดเยี่ยม

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

ในทางกลับกัน คุณมีปลั๊กอินมากมาย เช่น Cooked, WP Recipe Maker และ WP Ultimate Recipe ทั้งหมดนี้เป็นตัวเลือกอันดับต้นๆ และมีคุณลักษณะทั่วไปหลายอย่างร่วมกัน เช่น:

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

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

บทนำสู่ปลั๊กอินที่ปรุงแล้ว

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

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

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

คุณสมบัติหลัก:

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

ราคา: มีเวอร์ชันฟรีและพรีเมียม | ข้อมูลมากกว่านี้

วิธีสร้างสูตร WordPress ที่สวยงาม (ใน 4 ขั้นตอน)

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

ขั้นตอนที่ #1: กำหนดค่า Plugin

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

ก่อนอื่น คุณจะต้องกำหนดหน้าเป็น 'คลังสูตร' ของคุณ หากต้องการทำเช่นนั้น ให้สร้างหน้าใหม่และเพิ่มรหัสย่อ [cooked-browse] ที่ ใดที่หนึ่งภายใน จากนั้นบันทึกการเปลี่ยนแปลงของคุณและเปิดใช้งานคุณลักษณะการค้นหาสูตรโดยเลือกหน้านั้นจากเมนูแบบเลื่อนลงที่ด้านบนของหน้า การตั้งค่า :

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

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

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

ให้บันทึกการเปลี่ยนแปลงของคุณและไปยังขั้นตอนที่สอง

ขั้นตอนที่ #2: ตั้งค่าหมวดหมู่สำหรับสูตรอาหารของคุณ

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

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

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

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

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

ขั้นตอนที่ #3: สร้างสูตรแรกของคุณ

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

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

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

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

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

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

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

สุดท้าย ให้ย้ายไปที่แท็บ แกลเลอรี และอัปโหลดภาพใดๆ ที่คุณต้องการแสดงควบคู่ไปกับสูตรของคุณ:

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

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

ขั้นตอนที่ #4: จัดสไตล์สูตรอาหารปรุงสุกของคุณ

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

…และด้านล่างเรามีข้อมูลเวลาและรายการส่วนผสม:

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

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

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

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

บทสรุป

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

Cooked ไม่ใช่ปลั๊กอินสูตรเพียงอย่างเดียว แต่เป็นหนึ่งในรายการโปรดของเรา วิธีใช้งานมีดังนี้

1. กำหนดค่าปลั๊กอิน
2. ตั้งค่าหมวดหมู่สำหรับสูตรอาหารของคุณ
3. สร้างสูตรแรกของคุณ
4. จัดรูปแบบการสร้างสรรค์ของคุณ

คุณมีคำถามเกี่ยวกับวิธีสร้างสูตร WordPress โดยใช้ Cooked หรือไม่? ถามออกไปในส่วนความคิดเห็นด้านล่าง!

ภาพขนาดย่อของบทความโดย Oxy_gen / shutterstock.com