ฟีเจอร์ v1.3 ของ Hydrogen Pack กำลังเปลี่ยนเกม
เผยแพร่แล้ว: 2022-04-10Hydrogen Pack เป็นปลั๊กอินที่ต้องมีสำหรับ Oxygen Builder เราใช้เครื่องมือนี้กับโครงการเว็บไซต์ของเราทั้งหมด และอาจช่วยเราประหยัดเวลาได้ถึง 1,000 ชั่วโมง หลังจาก Oxygen จะเป็นปลั๊กอินตัวแรกที่ติดตั้งเสมอ ด้วยแป้นพิมพ์ลัด เมนูคลิกขวา คัดลอก/วาง โหมดแซนด์บ็อกซ์ และอื่นๆ
ในการอัปเดตครั้งใหญ่ครั้งแรกนับตั้งแต่เราเป็นเจ้าของ Hydrogen Pack 1.3 ได้จัดส่งคุณลักษณะที่สำคัญบางอย่างที่สามารถใช้ประโยชน์ได้เพื่อช่วยคุณประหยัดเวลามากยิ่งขึ้น และสร้างไซต์ WordPress Oxygen Builder ที่ดีขึ้น หลังจากยุ่งกับเครื่องมือใหม่สองสามชั่วโมง ฉันต้องการเขียนเกี่ยวกับเครื่องมือเหล่านี้และกรณีการใช้งานที่เป็นไปได้ ก่อนอื่น หากคุณไม่คุ้นเคยกับปลั๊กอินนี้ โปรดอ่านรีวิวคุณลักษณะของเรา:
https://isotropic.co/an-agency-review-of-hydrogen-pack-for-oxygen/
บทวิจารณ์นั้นไม่ได้รับการอัปเดตสำหรับ 1.3 — นั่นคือสิ่งที่จะกล่าวถึงในบทความนี้ เพื่อไม่ให้เป็นการเสียเวลา มาดูคุณสมบัติใหม่เหล่านี้กัน และฉันคาดหวังที่จะใช้งานคุณลักษณะเหล่านี้อย่างไร
(บทความนี้จะขยายเพิ่มเติมจากโพสต์อย่างเป็นทางการของ Abdelouahed บนเว็บไซต์ Clean Plugins พร้อมคำอธิบายจากฉัน ผู้ที่ใช้ Oxygen 10 ชม. ต่อวัน 6 วันต่อสัปดาห์)
คลาสล็อค
นี่เป็นฟีเจอร์ที่รวมอยู่ใน OxyNinja แล้วและฉันก็ชอบมากขึ้นเรื่อยๆ ตอนนี้ Hydrogen มีอยู่แล้ว ฉันอาจจะเปลี่ยนไปใช้ยูทิลิตี้ของมันเพราะมันเป็นมิตรกับผู้ใช้มากขึ้นเล็กน้อย ในขณะที่นำเสนอคุณสมบัติเพิ่มเติมบางอย่าง
คลาสล็อคทำตามชื่อที่แนะนำ มันล็อกฟังก์ชันการแก้ไขใด ๆ และทั้งหมดสำหรับคลาสเฉพาะใน Oxygen เมื่อคุณกำลังสร้าง คุณสามารถเปลี่ยนสไตล์โดยไม่ได้ตั้งใจได้โดยบังเอิญ (เช่น คุณมีคลาสปุ่มที่ใช้กับปุ่มหลายปุ่มบนไซต์ และคุณเปลี่ยนโดยไม่ได้ตั้งใจ) เมื่อคุณตั้งใจจะเปลี่ยนสไตล์จริงๆ เชื่อมโยงกับ ID ขององค์ประกอบ เมื่อล็อกชั้นเรียน คุณจะมั่นใจได้ว่าจะไม่มีการแก้ไขโดยไม่ได้ตั้งใจกับสไตล์ภายใน
ฉันต้องใช้เวลาหลายนาทีในชีวิตเพื่อค้นหาว่าคลาสสากล/ยูทิลิตี้ใดที่ฉันแก้ไขโดยไม่ได้ตั้งใจ ในบางกรณี วันหลังจากที่ฉันทำผิดพลาด สิ่งนี้จะแก้ไขปัญหานั้นได้
การตั้งค่า OxyNinja ทำงานได้ดีมาก และเป็นความคิดที่ดีหากคุณกำลังใช้คลาส OxyNinja แต่การใช้งาน Hydrogen ของคุณลักษณะนี้ดูเหมือนจะดีขึ้นเล็กน้อย
คลาสไดนามิก
นี่เป็นคุณลักษณะที่ใหญ่ที่สุดและเป็นคุณลักษณะที่สามารถขยายสิ่งที่ Oxygen สามารถทำได้อย่างจริงจัง เป็นคุณลักษณะที่ซับซ้อนที่สุดด้วย แต่หลังจากใช้งานไปสักสองสามนาที ฉันเห็นกรณีการใช้งานจริงหลายกรณี
ประการแรก คุณลักษณะนี้ช่วยให้คุณสามารถกำหนดคลาส CSS แบบไดนามิกให้กับองค์ประกอบใดก็ได้ กรณีการใช้งานที่ใหญ่ที่สุดอยู่ที่ตัวทำซ้ำ เราสามารถตั้งค่า "หัวเรื่อง" ของโพสต์แต่ละรายการที่แสดงในส่วนของทวนเพื่อใช้เป็นคลาสใน HTML แม้ว่าจะไม่สามารถแก้ไขปัญหา "รหัสทวนซ้ำ" ได้อย่างสมบูรณ์ แต่ก็ช่วยให้เรานำสไตล์ไปใช้กับส่วนเฉพาะของตัวทำซ้ำได้
คุณสามารถดู: ID ยังคงซ้ำกัน แต่ตอนนี้มีคลาส CSS ที่ไม่ซ้ำกันสำหรับแต่ละส่วนของทวน ทำให้เรากำหนดสไตล์แต่ละอันได้โดยเฉพาะ
นอกจากนี้เรายังสามารถเพิ่มคลาสจากฟิลด์ ACF และข้อมูลอื่น ๆ ส่วนใหญ่ที่สามารถเข้าถึงได้ในแบ็กเอนด์ Oxygen Builder ซึ่งหมายความว่าเราสามารถนำสไตล์ไปใช้ตามเงื่อนไขจากสไตล์ชีตส่วนกลางได้ หากเลือกช่องทำเครื่องหมาย ACF ในส่วนแบ็คเอนด์ ซึ่งจะทำให้ลูกค้าของเราสามารถควบคุมสไตล์ที่แท้จริงของเว็บไซต์ได้มากขึ้น ACF อาจเป็น "ทำให้ส่วนหัวมืด? และหากช่องทำเครื่องหมายถูกสลับ .header-dark จะถูกนำไปใช้กับส่วนหัวของเรา และ CSS สามารถกำหนดรูปแบบพื้นหลังเป็น rgba(0,0,0,0)
รักษาสถานะแท็บขั้นสูง
สิ่งนี้สามารถจัดเป็น "การปรับแต่งเล็กน้อย" แต่ความสามารถในการรักษาสถานะแท็บขั้นสูงไว้ในองค์ประกอบต่างๆ จะช่วยเราประหยัดเวลาได้มาก ฉันแค่หวังว่ามันจะถูกเพิ่มเร็วกว่านี้
เมื่อคุณแก้ไขส่วนประกอบใดๆ ใน Oxygen การตั้งค่าส่วนใหญ่ที่คุณใช้จะทำในส่วนแท็บ "ขั้นสูง" หากคุณคลิกไปที่องค์ประกอบใหม่ (ไม่ว่าจะเป็นประเภทเดียวกันหรือไม่) ลักษณะการทำงานดั้งเดิมของตัวแก้ไข Oxygen จะรีเซ็ตองค์ประกอบดังกล่าวเป็นแท็บมาตรฐาน หากคุณเปิดการปรับแต่งนี้ จะไม่เกิดขึ้น สมมติว่าคุณอยู่ในแท็บเค้าโครงสำหรับองค์ประกอบหนึ่งรายการ เมื่อคุณคลิกไปที่ถัดไป แท็บเค้าโครงสำหรับองค์ประกอบใหม่จะยังคงเปิดอยู่
สิ่งนี้มีประโยชน์เมื่อเพิ่มแอตทริบิวต์ข้อมูลสำหรับไลบรารี Javascript เช่น Locomotive Scroll หรือ Paroller พวกเขาต้องการให้คุณเพิ่มแอตทริบิวต์หลายรายการให้กับองค์ประกอบใด ๆ และทั้งหมดที่คุณต้องการใช้เอฟเฟกต์ นั่นอาจฟังดูง่าย แต่เมื่อพูดถึงองค์ประกอบหลายร้อยรายการ โดยต้องคลิก "ขั้นสูง" เลื่อนไปที่ "แอตทริบิวต์" และคลิกซึ่งไม่เพียงแต่ต้องใช้เวลา แต่ยังทำให้ร่างกายเหนื่อยล้าอีกด้วย
ปิดการใช้งานองค์ประกอบคอมโพสิต
จนถึงตอนนี้ ฉันไม่เคยใช้องค์ประกอบแบบผสม เนื่องจากฉันไม่ได้ใช้งาน คุณลักษณะนี้เพื่อปิดใช้งานจึงยินดีต้อนรับ: ล้างความยุ่งเหยิง ลบคำขอของบุคคลที่สามออกจากแบ็กเอนด์ของตัวสร้าง และทำให้สิ่งต่างๆ โหลดเร็วขึ้น สลับกลับเป็นเปิดใหม่หากคุณต้องการใช้
3 แป้นพิมพ์ลัด/เมนูลัดใหม่
- รายการเมนูและคีย์ลัดเพื่อสลับไปมาระหว่าง ข้อความปกติ และ Rich Text สำหรับองค์ประกอบข้อความ
- แป้นพิมพ์ลัดเพื่อสร้างองค์ประกอบ Rich Text ใหม่
นี่คือสิ่งที่ฉันขาดหายไป ฉันใช้ Rich Text บ่อยเพราะช่วยประหยัดเวลา ลูกค้ามักจะส่งเอกสาร Word ที่จัดรูปแบบแล้ว และฉันก็วางได้เลย แต่เนื่องจากฉันใช้ทางลัดเพื่อสร้างโครงสร้างของหน้า ทำให้ฉันไม่ต้องคลิกหลายล้านครั้ง ฉันจึงสังเกตเห็นว่าไม่มีทางลัดนี้ ดีใจที่เห็นว่ามันอยู่ที่นี่แล้ว!
- แป้นพิมพ์ลัดสำหรับปุ่ม Apply Code ที่อยู่ข้างตัวแก้ไขโค้ด
นี่เป็นอีกหนึ่งการปรับแต่งเล็กน้อยที่ดูเหมือนไม่มีนัยสำคัญซึ่งยินดีเป็นอย่างยิ่ง ฉันใช้ VS Code และโปรแกรมแก้ไขโค้ดอื่นๆ ฉันเคยชินกับแป้นพิมพ์ลัด เมื่อแก้ไขโค้ดใน Oxygen บางครั้งฉันลืมกด Apply และในบางกรณีโค้ดจะหายไปหลังจากที่ฉันคลิกองค์ประกอบอื่น ด้วยทางลัดนี้ การใช้โค้ดจะกลายเป็นหน่วยความจำของกล้ามเนื้อในไม่ช้า และฉันจะมีประสิทธิภาพมากขึ้น
คุณควรซื้อไฮโดรเจนแพ็คหรือไม่
หากคุณไม่ได้เป็นเจ้าของ Hydrogen Pack ถือว่าคุณพลาดมาก ในความเห็นของฉัน Oxygen ควรเสนอสิ่งนี้เป็น "ส่วนเสริม" ให้กับปลั๊กอินจริงเมื่อทำการชำระเงิน ความจริงที่ว่าฉันใช้ตัวสร้างเป็นเวลาหลายเดือนโดยไม่มีไฮโดรเจนยังคงหลอกหลอนฉัน เหตุผลเบื้องหลังคำแนะนำที่เปล่งประกายนี้ก็คือข้อเท็จจริงง่ายๆ ที่มันช่วยฉันและนักพัฒนาของฉันชั่วโมงต่อชั่วโมงในการทำงานด้วยตนเอง และตอนนี้การอัปเดต v1.3 ได้เพิ่มความทุ่มเทให้กับการประหยัดเวลาของคุณมากยิ่งขึ้นไปอีก
หากคุณต้องการการโน้มน้าวใจมากกว่านี้ โปรดอ่านบทวิจารณ์ฉบับเต็มของเราที่นี่ และอย่าลังเลที่จะถามคำถามในส่วนความคิดเห็น หรือในกลุ่ม Facebook ใหม่ของเรา (ปล. เราอาจจะแจกใบอนุญาตไม่จำกัดเมื่อเรามีสมาชิกครบ 500 คน) .