Essential Grid: ภาพรวมโดยละเอียดและการทบทวน

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

Essential Grid

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

เพียงใช้คำชี้แจงการขายดั้งเดิมจะบอกคุณว่าคุณสามารถทำอะไรกับ EG ได้บ้าง:

Essential Grid Gallery เป็นปลั๊กอินระดับพรีเมียมสำหรับ WordPress ที่ให้คุณแสดงรูปแบบเนื้อหาต่างๆ ในตารางแกลเลอรีที่ปรับแต่งได้สูง แอปพลิเคชันที่เป็นไปได้มีตั้งแต่พอร์ตโฟลิโอ บล็อก แกลเลอรี่ ร้าน WooCommerce ตารางราคา บริการ ตัวเลื่อนผลิตภัณฑ์ Instagram, YouTube คำรับรอง และสิ่งอื่น ๆ ที่คุณสามารถจินตนาการได้

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

เริ่มต้น

ก่อนอื่น จำไว้ว่านี่เป็นปลั๊กอินระดับพรีเมียม คุณจะต้องตรงไปที่ CodeCanyon และขัดขวางการดาวน์โหลดในราคา $27 USD จากนั้นทำตามขั้นตอนการติดตั้งด้วยตนเอง ( Plugins – Add New – Upload ) ณ จุดนี้ คุณจะมี 3 รายการใหม่ในแดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ: Ess Grid , Punch Fonts และ Ess โพสต์ตัวอย่างกริด เรามาเริ่มกันที่ Ess ง่ายๆ กันก่อน กริด .

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

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

แก้ไขสกินไอเทม

ภายใต้ Item Skin Editor คุณมีเทมเพลตพื้นฐานทั้งหมดที่ Essential Grid ให้มาด้วย คุณสามารถแก้ไขสิ่งเหล่านี้ได้แบบสกินต่อผิว เปลี่ยนแปลงสิ่งที่คุณต้องการเกี่ยวกับมัน หรือใช้ตามที่เป็นอยู่ คุณสามารถสร้างของคุณเองตั้งแต่เริ่มต้น

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

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

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

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

ข้อมูลเมตาและการตั้งค่าการค้นหา

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

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

การตั้งค่าส่วนกลาง

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

นำเข้าส่งออก

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

เส้นตารางที่นำเข้าจะปรากฏที่ด้านล่างของรายการเมื่อคุณกลับไปที่ Ess กริด . ไลบรารีกริดใหม่ของคุณจะพบคุณที่นั่น

เอส. โพสต์ตัวอย่างกริด

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

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

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

การใช้ตารางสำคัญที่บันทึกไว้

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

เมื่อคุณตั้งชื่อมัน คุณจะต้องเลือกชื่อแทนรหัสย่อของมันด้วย นามแฝงนั้นใช้เพื่อเรียกกริดเฉพาะนี้โดยใช้รหัสย่อ Essential Grid ฉันยังเลือกใช้ ID เดียวกันสำหรับ CSS ID เผื่อว่าในอนาคตฉันต้องการปรับแต่งภายนอก

เพียงใส่รหัสย่อในโปรแกรมแก้ไขข้อความของบทความหรือหน้า ถัดไป

และโว้ว!

การใช้ Essential Grid ที่ไม่เหมือนใคร

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

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

คุณจะผ่านหน้าต่างๆ เพื่อเลือกตัวเลือกเดียวกันกับที่คุณมีในที่อื่นๆ (แอนิเมชัน เลย์เอาต์ ฯลฯ) และเมื่อคุณพร้อมที่จะไป ให้กดปุ่ม สร้างรหัสย่อ

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

แต่เมื่อแสดงผลแล้ว ไม่มีความแตกต่าง โดยเฉพาะอย่างยิ่งถ้าคุณเลือกทาสกินระหว่างการสร้าง

วิดเจ็ตกริดที่จำเป็น

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

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

Punch แบบอักษร

และสุดท้าย การปรับแต่งส่วนสุดท้ายที่คุณได้รับจาก Essential Grid Punch Fonts เป็นอินเทอร์เฟซที่เรียบง่ายสำหรับการใช้ Google Fonts ใน EG แค่นั้นแหละ.

คุณสามารถเลือกแบบอักษรที่ต้องการติดตั้งได้โดยกดปุ่ม Add New Font ที่ มีชื่อดี หากคุณไปตามลิงก์ในโมดอลของ Google Fonts คุณจะพบพารามิเตอร์ที่คุณต้องการ และปลั๊กอินจะดึงแบบอักษรมาที่ไซต์ของคุณ

และเมื่อมันบอกว่า tpmoniker มีไว้สำหรับใช้ภายในเท่านั้น นั่นหมายความว่าโดยพื้นฐานแล้วเหมือนกับนามแฝงก่อนหน้านี้ คุณจะเห็นว่าเมื่อคุณใช้แบบอักษรกับสิ่งต่างๆ ดังนั้นตั้งชื่อให้เหมาะสม

ความคิดสุดท้าย

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

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

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

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

คุณใช้ Essential Grid หรือไม่? ให้เราดูการสร้างสรรค์ของคุณในความคิดเห็น!

บทความภาพโดย Bloomicon / shutterstock.com