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

ในบทความนี้เราจะแสดงวิธีการเพิ่มปุ่ม WordPress โดยไม่ต้องใช้รหัสย่อ.

หากคุณยังใหม่ต่อโลกของ WordPress ค้นหา วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานไฟล์ เสียบเข้าไป « ลืมเกี่ยวกับปุ่มย่อ '

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

FASB-editorbutton

ในการแทรกปุ่มใหม่ในสิ่งพิมพ์หรือหน้าของคุณคุณต้องคลิกที่ปุ่ม ใส่ปุ่ม. จะเป็นการเปิดหน้าต่างที่คุณสามารถออกแบบปุ่มใหม่ของคุณ

designyourbutton

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

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

หากคุณคลิกที่แท็บ « ไอคอน »จากนั้นคุณจะเห็นไอคอนที่คุณสามารถเพิ่มก่อนหรือหลังข้อความของปุ่มของคุณ เหล่านี้ ไอคอน มีมากขึ้นไอคอน - แบบอักษร

buttonswithicons

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

ลองดูบทความนี้และชื่นชม วิธีการปรับปรุงการออกแบบของรายการของคุณด้วย WordPress ย่อฟรีเหล่านี้

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

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

1 ตัวสร้างหน้าเว็บ WPBakery

WPBakery Page Builder เดิมชื่อ Visual Composer เป็นอีกหนึ่งเครื่องมือสร้างเพจระดับพรีเมียมและเป็นที่นิยมอย่างมาก ความนิยมส่วนใหญ่มาจากความจริงที่ว่า WPBakery Page Builder มาพร้อมกับเกือบ 99% ของ ธีม WordPress โดย ธีมฟอเรสต์ แต่ความจริงก็คือมันถูกใช้ในเว็บไซต์จำนวนมาก

wp เบเกอรี่สร้างเพจ e1544277016913
เช่นเดียวกับ Divi Builder WPBakery Page Builder ช่วยให้คุณสามารถแก้ไขภาพและแก้ไขส่วนหลังได้ เมื่อเทียบกับบางอย่างเช่น Elementor หรือ Divi Builder ตัวเลือกสไตล์ของ WPBakery Page Builder มีข้อ จำกัด เล็กน้อย คุณสามารถควบคุมเส้นได้ดี แต่ตัวเลือกการจัดแต่งทรงผมสำหรับแต่ละองค์ประกอบนั้นมีข้อ จำกัด กว่าเล็กน้อย

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

ฉันไม่แน่ใจว่า WPBakery Page Builder มีคุณสมบัติพิเศษที่สำคัญโดยเฉพาะ แต่สิ่งที่เขามีคือชุมชนส่วนขยายขนาดใหญ่ เช่นเดียวกับ Divi Builder WPBakery Page Builder จะทิ้งโค้ดย่อจำนวนมากไว้ในเนื้อหาของคุณหากคุณปิดการใช้งาน ค้นพบบทช่วยสอน

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 Divi Builder

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

Divi e1544278044306

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

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

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

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

แหล่งข้อมูลอื่น ๆ ที่แนะนำ

ดำเนินการต่อในการเรียนรู้เว็บไซต์ WordPress ของคุณโดยศึกษาทรัพยากรที่แนะนำเหล่านี้

สรุป

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

เราขอเชิญคุณให้ปรึกษาเรา แหล่งข้อมูลถ้าคุณเป็นผู้เริ่มต้น. แต่, nเราขอแนะนำให้คุณ แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ

...