วิธีเพิ่มช่องค้นหาในเมนูรอง Divi

วิธีเพิ่มช่องค้นหาในเมนูรอง Divi

[ad_1]

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

ภาพรวมของช่องค้นหา Divi

สำนัก

version de bureau du champ de recherche de divi

ตอบสนอง

ช่องค้นหาของ Divi รุ่นมือถือ

ดาวน์โหลดและ / หรือแก้ไขส่วนหัวส่วนกลาง

สำหรับบทความนี้ เราจะใช้ส่วนหัว / ส่วนท้ายฟรีที่มาพร้อมกับแพ็คเลย์เอาต์การจัดส่งของชำของเรา คุณสามารถดาวน์โหลด .Zip *: ฝรั่งเศส เก็บถาวรและดึงข้อมูลที่จำเป็น .json ไฟล์บนคอมพิวเตอร์ของคุณ

ไฟล์ json

หลังจากนั้นไปที่แดชบอร์ด WordPress ของคุณและไปที่ Divi - ตัวสร้างธีม. จากนั้นคุณต้องคลิกที่ ไอคอนลูกศรขึ้นและลง เพื่อเปิดตัวเลือกการพกพา

ตัวสร้างธีมสำหรับช่องค้นหา Divi

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

นำเข้าไฟล์

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

ส่วนหัวทั่วโลก

เพิ่มช่องค้นหาในแถบเมนูรอง

การใช้ Divi Visual Builder คุณควรเห็นบางสิ่งที่คล้ายคลึงกันนี้ในฐานะ Global Header

ตัวแก้ไขส่วนหัวทั่วโลก

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

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

โมดูลการค้นหาในคอลัมน์ที่สาม

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

ข้อความตัวยึดตำแหน่งภายในช่องค้นหา Divi

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

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

ตัวเลือกการแปลงร่าง

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

แปลงร่างสำหรับมือถือ

จัดแต่งทรงผมโมดูลการค้นหา Divi

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

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

สไตล์ช่องค้นหา

เมื่อได้สไตล์ตามที่คุณต้องการแล้ว ให้คลิกปุ่มบันทึก

ตรวจสอบการตั้งค่าการมองเห็น

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

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

ตัวเลือกสาย

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

ช่องค้นหา

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

บันทึกงานของคุณ

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

บันทึกการเปลี่ยนแปลงของคุณ

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

ช่องค้นหา Divi บันทึกการเปลี่ยนแปลง

ผลสุดท้าย

ที่เหลือก็แค่ชื่นชมผลงานของคุณในไซต์ของคุณ!

สำนัก

เวอร์ชันเดสก์ท็อป

ตอบสนอง

รุ่นมือถือ

สรุปกับช่องค้นหา Divi

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



[ad_2]

การเชื่อมโยงแหล่งที่มา

วิธีใช้บล็อกการรวม WordPress Flickr

วิธีใช้บล็อกการรวม WordPress Flickr

[ad_1]

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

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

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

อัปเดตการตั้งค่าความเป็นส่วนตัว Flickr

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

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

Flickr แบบบูรณาการ

การเปลี่ยนการตั้งค่าความเป็นส่วนตัวสำหรับภาพหลายภาพ

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

ขั้นแรก ดาวน์โหลดรูปภาพลงในคอมพิวเตอร์ของคุณ เปิดอัลบั้ม แล้วคลิกปุ่ม ลูกศรลง ไอคอน. ในหน้าต่างป๊อปอัป ให้เลือก สร้างไฟล์ zip.

เพิ่มรูปภาพ WordPress

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

กลับไปที่ Flickr คลิกเลย ดาวน์โหลด ไอคอนที่ด้านบนขวาของหน้า

Flickr แบบบูรณาการ

เลือกวิธีที่คุณต้องการอัปโหลดรูปภาพของคุณ - โดยการลากและวางหรือเลือกจากคอมพิวเตอร์ของคุณ เมื่อรูปภาพของคุณพร้อมที่จะอัปโหลด คุณจะเห็นหน้าที่มีลักษณะดังนี้:

เพิ่มรูปภาพใน WordPress

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

Flickr แบบบูรณาการ

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

วิธีเพิ่มบล็อกฝัง Flickr ในหน้า WordPress หรือโพสต์

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

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

บรรณาธิการ Gutenberg

Flickr แบบบูรณาการ

บล็อกกูเตนเบิร์ก

วิธีฝังรูปภาพหรือวิดีโอ Flickr ในบทความหรือหน้า WordPress ของคุณ

ไปที่รูปภาพหรือวิดีโอ Flickr ของคุณและคัดลอก URL จากแถบที่อยู่ กลับไปที่ WordPress แล้ววางลงในกล่องการรวม จากนั้นคลิก รวบรวม.

Flickr แบบบูรณาการ

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

เพิ่มรูปภาพใน WordPress

อย่างไรก็ตาม เมื่อคุณดูโพสต์หรือหน้าในหน้าตัวอย่าง ดูเหมือนว่าควร:

Flickr แบบบูรณาการ

วิธีฝังอัลบั้มหรือแกลเลอรี Flickr ในโพสต์หรือหน้า WordPress ของคุณ

ไปที่ Flickr และไปที่อัลบั้มหรือแกลเลอรี่ที่คุณต้องการฝังบน WordPress คัดลอก URL จากแถบที่อยู่ จากนั้นวางลงในช่องฝังแล้วคลิก รวบรวม. เวอร์ชันแบ็คเอนด์มีคุณภาพดีกว่าภาพเดี่ยวมาก:

เพิ่มรูปภาพใน WordPress

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

Flickr แบบบูรณาการ

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

เพิ่มแกลเลอรี่ใน wordpress

Flickr แบบบูรณาการ

ข้อความแสดงข้อผิดพลาดบล็อกการฝัง Flickr

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

ข้อความผิดพลาด.

การตั้งค่าบล็อกการรวม Flickr และตัวเลือก

เมื่อคุณคลิกที่บล็อกการฝัง Flickr ตัวเลือกสี่ตัวเลือกจะปรากฏในแถบเครื่องมือด้านบน

การตั้งค่าบล็อกการรวม Flickr

จากซ้ายไปขวา ได้แก่

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

les สามแต้ม ไอคอนทางด้านขวาจะแสดงเมนูอื่นพร้อมตัวเลือกเพิ่มเติม:

เมนูตัวเลือกเพิ่มเติม

แนวทางปฏิบัติที่ดีที่สุดและเคล็ดลับในการใช้บล็อกการฝัง Flickr

ระวังสิ่งที่คุณตั้งชื่ออัลบั้มและรูปภาพอัลบั้ม

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

เพิ่มคำบรรยาย

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

วิธีง่ายๆ ในการลดขนาดสื่อของคุณ

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

คำถามที่พบบ่อยเกี่ยวกับ Flickr Integration Block

จะรวม Flickr ใน WordPress ได้อย่างไร?

วิธีที่เร็วและง่ายที่สุดในการฝังเนื้อหา Flickr ลงในบทความหรือหน้า WordPress คือการใช้บล็อกฝัง Flickr เฉพาะใน Gutenberg

ฉันจำเป็นต้องมีแผน Flickr แบบชำระเงินเพื่อฝังสื่อบน WordPress หรือไม่

ไม่! ด้วยแผนบริการฟรี คุณสามารถรวมเนื้อหาสาธารณะของคุณเข้ากับ WordPress ได้โดยไม่มีปัญหา และเนื่องจากคุณสามารถเพิ่มรูปภาพได้ 1 รูปในแผนฟรีของคุณ คุณจึงอาจมีมากเกินพอ

ซอง

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

ต้องการเพิ่มฟีดโซเชียลไปยังไซต์ WordPress ของคุณด้วยหรือไม่ เรามีบทความเกี่ยวกับวิธีการใช้บล็อกการฝัง WordPress Twitter

ภาพเด่น: Saxarinka บน Shutterstock.com



[ad_2]

การเชื่อมโยงแหล่งที่มา

ดาวน์โหลดส่วนหัวและส่วนท้ายฟรีสำหรับ Divi's Immigration Lawyers Layout Pack

ดาวน์โหลดส่วนหัวและส่วนท้ายฟรีสำหรับ Divi's Immigration Lawyers Layout Pack

[ad_1]

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

ส่วนหัวของทนายความตรวจคนเข้าเมือง

ดาวน์โหลดเทมเพลต Global Header and Footer สำหรับ Immigration Lawyer Layout Pack

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

วิธีดาวน์โหลดเทมเพลต

ไปที่ตัวสร้างธีม Divi

หากต้องการดาวน์โหลดเทมเพลต ให้ไปที่ Divi Theme Builder ที่ส่วนหลังของเว็บไซต์ WordPress ของคุณ

ส่วนหัวของทนายความตรวจคนเข้าเมือง

ดาวน์โหลดเทมเพลตเว็บไซต์ทั่วโลก

จากนั้นที่มุมขวาบนคุณจะเห็นไอคอนพร้อมลูกศรสองลูก คลิกที่ไอคอน

ส่วนหัวของทนายความตรวจคนเข้าเมือง

ไปที่แท็บนำเข้า ดาวน์โหลดไฟล์ JSON ที่คุณสามารถดาวน์โหลดได้ในบทความนี้ และคลิกที่ "นำเข้าเทมเพลต Divi Theme Builder"

ส่วนหัวของทนายความตรวจคนเข้าเมือง

บันทึกการเปลี่ยนแปลงที่ทำกับตัวสร้างธีม Divi

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

ส่วนหัวของทนายความตรวจคนเข้าเมือง

วิธีปรับเปลี่ยนโมเดล

เปิดเทมเพลตส่วนหัว

หากต้องการแก้ไของค์ประกอบของเทมเพลตส่วนหัวส่วนกลาง ให้เปิดเทมเพลตก่อน

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เปลี่ยนโลโก้

เปลี่ยนโลโก้ภายในโมดูลเมนู

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เพิ่มลิงก์ไปยังการติดตามปุ่มและโมดูลโซเชียลมีเดีย

จากนั้นเพิ่มลิงก์ที่เกี่ยวข้องไปยังโมดูลปุ่มและแต่ละเครือข่ายโซเชียลภายในโมดูลการติดตามโซเชียลมีเดีย

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เปิดเทมเพลตส่วนท้าย

ดำเนินการต่อโดยเปิดส่วนท้ายส่วนกลางในเทมเพลตเว็บไซต์เริ่มต้น

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เปลี่ยนโลโก้

แก้ไขโลโก้ภายในโมดูลรูปภาพในคอลัมน์ 1

ส่วนหัวของทนายความตรวจคนเข้าเมือง

แก้ไของค์ประกอบส่วนท้ายและลิงก์

จากนั้นแก้ไขเนื้อหาและลิงก์สำหรับองค์ประกอบส่วนท้ายแต่ละรายการ

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เพิ่มบัญชีอีเมลในโมดูลตัวเลือกอีเมล

ตรวจสอบให้แน่ใจว่าได้เพิ่มบัญชีอีเมลในโมดูล Email Optin ของคุณ

ส่วนหัวของทนายความตรวจคนเข้าเมือง

แก้ไขสำเนา

และทำการออกแบบส่วนท้ายให้สมบูรณ์โดยแก้ไขสำเนาภายในโมดูลข้อความ ซึ่งคุณจะพบได้ในแถวสุดท้ายของส่วน

ส่วนหัวของทนายความตรวจคนเข้าเมือง

บันทึกการเปลี่ยนแปลงที่ทำกับตัวสร้างธีม Divi

เมื่อคุณทำการเปลี่ยนแปลงทั้งหมดกับส่วนหัวและส่วนท้ายแล้ว อย่าลืมบันทึกการเปลี่ยนแปลงในตัวสร้างธีม!

ส่วนหัวของทนายความตรวจคนเข้าเมือง

ของขวัญใหม่ทุกสัปดาห์!

เราหวังว่าคุณจะสนุกไปกับ Immigration Lawyer Layout Pack ของสัปดาห์นี้ พร้อมแจกส่วนหัวและส่วนท้ายที่ให้มาด้วย เราหวังว่าจะได้ยินความคิดเห็นของคุณในส่วนความคิดเห็นด้านล่าง อย่าลืมกลับมาอีกในสัปดาห์หน้าเพื่อรับของสมนาคุณฟรี!



[ad_2]

การเชื่อมโยงแหล่งที่มา

ดาวน์โหลดส่วนหัวและส่วนท้ายฟรีสำหรับ Divi's Immigration Lawyers Layout Pack

ดาวน์โหลดส่วนหัวและส่วนท้ายฟรีสำหรับ Divi's Immigration Lawyers Layout Pack

[ad_1]

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

ส่วนหัวของทนายความตรวจคนเข้าเมือง

ดาวน์โหลดเทมเพลต Global Header and Footer สำหรับ Immigration Lawyer Layout Pack

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

วิธีดาวน์โหลดเทมเพลต

ไปที่ตัวสร้างธีม Divi

หากต้องการดาวน์โหลดเทมเพลต ให้ไปที่ Divi Theme Builder ที่ส่วนหลังของเว็บไซต์ WordPress ของคุณ

ส่วนหัวของทนายความตรวจคนเข้าเมือง

ดาวน์โหลดเทมเพลตเว็บไซต์ทั่วโลก

จากนั้นที่มุมขวาบนคุณจะเห็นไอคอนพร้อมลูกศรสองลูก คลิกที่ไอคอน

ส่วนหัวของทนายความตรวจคนเข้าเมือง

ไปที่แท็บนำเข้า ดาวน์โหลดไฟล์ JSON ที่คุณสามารถดาวน์โหลดได้ในบทความนี้ และคลิกที่ "นำเข้าเทมเพลต Divi Theme Builder"

ส่วนหัวของทนายความตรวจคนเข้าเมือง

บันทึกการเปลี่ยนแปลงที่ทำกับตัวสร้างธีม Divi

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

ส่วนหัวของทนายความตรวจคนเข้าเมือง

วิธีปรับเปลี่ยนโมเดล

เปิดเทมเพลตส่วนหัว

หากต้องการแก้ไของค์ประกอบของเทมเพลตส่วนหัวส่วนกลาง ให้เปิดเทมเพลตก่อน

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เปลี่ยนโลโก้

เปลี่ยนโลโก้ภายในโมดูลเมนู

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เพิ่มลิงก์ไปยังการติดตามปุ่มและโมดูลโซเชียลมีเดีย

จากนั้นเพิ่มลิงก์ที่เกี่ยวข้องไปยังโมดูลปุ่มและแต่ละเครือข่ายโซเชียลภายในโมดูลการติดตามโซเชียลมีเดีย

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เปิดเทมเพลตส่วนท้าย

ดำเนินการต่อโดยเปิดส่วนท้ายส่วนกลางในเทมเพลตเว็บไซต์เริ่มต้น

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เปลี่ยนโลโก้

แก้ไขโลโก้ภายในโมดูลรูปภาพในคอลัมน์ 1

ส่วนหัวของทนายความตรวจคนเข้าเมือง

แก้ไของค์ประกอบส่วนท้ายและลิงก์

จากนั้นแก้ไขเนื้อหาและลิงก์สำหรับองค์ประกอบส่วนท้ายแต่ละรายการ

ส่วนหัวของทนายความตรวจคนเข้าเมือง

เพิ่มบัญชีอีเมลในโมดูลตัวเลือกอีเมล

ตรวจสอบให้แน่ใจว่าได้เพิ่มบัญชีอีเมลในโมดูล Email Optin ของคุณ

ส่วนหัวของทนายความตรวจคนเข้าเมือง

แก้ไขสำเนา

และทำการออกแบบส่วนท้ายให้สมบูรณ์โดยแก้ไขสำเนาภายในโมดูลข้อความ ซึ่งคุณจะพบได้ในแถวสุดท้ายของส่วน

ส่วนหัวของทนายความตรวจคนเข้าเมือง

บันทึกการเปลี่ยนแปลงที่ทำกับตัวสร้างธีม Divi

เมื่อคุณทำการเปลี่ยนแปลงทั้งหมดกับส่วนหัวและส่วนท้ายแล้ว อย่าลืมบันทึกการเปลี่ยนแปลงในตัวสร้างธีม!

ส่วนหัวของทนายความตรวจคนเข้าเมือง

ของขวัญใหม่ทุกสัปดาห์!

เราหวังว่าคุณจะสนุกไปกับ Immigration Lawyer Layout Pack ของสัปดาห์นี้ พร้อมแจกส่วนหัวและส่วนท้ายที่ให้มาด้วย เราหวังว่าจะได้ยินความคิดเห็นของคุณในส่วนความคิดเห็นด้านล่าง อย่าลืมกลับมาอีกในสัปดาห์หน้าเพื่อรับของสมนาคุณฟรี!



[ad_2]

การเชื่อมโยงแหล่งที่มา

วิธีใช้บล็อกการรวม SoundCloud

วิธีใช้บล็อกการรวม SoundCloud

[ad_1]

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

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

ก่อนที่คุณจะเริ่มต้น โปรดทราบว่าแม้คุณไม่จำเป็นต้องมีบัญชี SoundCloud เพื่อฝังเนื้อหาของบริการ คุณจะต้องเลือกแทร็กสาธารณะ - แทร็กส่วนตัวไม่สามารถฝังได้ นอกจากนี้ คุณต้องใช้ตัวแก้ไขบล็อก Gutenberg เพื่อเพิ่มบล็อกการรวม SoundCloud (เราจะครอบคลุมทางเลือกอื่น ๆ บ้าง)

วิธีฝังเนื้อหา SoundCloud ใน WordPress

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

วิธีฝังแทร็ก SoundCloud ใน WordPress

ไปที่ SoundCloud และค้นหาแทร็กที่คุณต้องการฝังใน WordPress คลิกที่แทร็กเพื่อเปิดบนหน้าของตัวเอง คัดลอก URL จากแถบที่อยู่ที่ด้านบนของหน้า

เสียงในตัว

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

เสียงในตัว

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

เพิ่มเพลงลงในเวิร์ดเพรส

เสียงในตัว

วางที่อยู่ SoundCloud ที่คุณคัดลอกลงในช่องที่ระบุว่า ป้อน URL เพื่อรวมที่นี่ ... คลิกที่ รวบรวม. ตอนนี้คุณจะเห็นสิ่งนี้:

เสียงในตัว

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

เพิ่มเพลงลงในเวิร์ดเพรส

เสียงในตัว

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

เสียงในตัว

วิธีฝังอัลบั้มหรือเพลย์ลิสต์ SoundCloud ใน WordPress

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

ในกล่องการรวม SoundCloud ใน WordPress ให้วางแถบที่อยู่ในพื้นที่เฉพาะ คลิกที่ รวบรวม.

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

เพิ่มเพลงลงในเวิร์ดเพรส

ข้อความแสดงข้อผิดพลาดในการรวมระบบ

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

เสียงในตัว

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

ตัวเลือกบล็อกการรวม SoundCloud

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

ตัวเลือกแถบเครื่องมือ

เมื่อคุณเพิ่มเนื้อหาลงในบล็อกการฝังแล้ว ให้คลิกเพื่อแสดงแถบเครื่องมือตัวเลือกที่ด้านบน ดูเหมือนว่านี้:

เสียงในตัว

จากซ้ายไปขวา นี่คือความหมายของไอคอน:

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

เมนูตัวเลือกเพิ่มเติม

เสียงในตัว

รายการตัวเลือกแบบเลื่อนลงนี้ประกอบด้วยตัวเลือกที่เข้าใจง่ายจำนวนหนึ่ง จากบนลงล่าง ได้แก่

  • ซ่อนการตั้งค่าเพิ่มเติม: ซ่อน (หรือแสดง) แถบด้านข้างการตั้งค่าทางด้านขวา
  • สำเนา: คัดลอกบล็อกแล้ววางทุกที่ที่คุณต้องการ
  • ทำซ้ำ: ทำซ้ำบล็อกซึ่งจะทำสำเนาด้านล่างของต้นฉบับโดยตรง
  • ใส่ก่อน: เพิ่มบล็อกก่อนบล็อกที่เลือก
  • แทรกหลัง: เพิ่มบล็อกหลังจากบล็อกที่เลือก
  • หากต้องการย้ายไป: ซึ่งจะแสดงแถบสีน้ำเงิน ซึ่งคุณสามารถย้ายไปรอบๆ หน้าโดยใช้ปุ่มลูกศรบนแป้นพิมพ์ของคุณ เมื่อคุณวางมันในตำแหน่งที่ต้องการแล้ว ให้คลิก เข้า / กลับ เพื่อย้ายบล็อกการรวมที่นั่น
  • แก้ไขใน HTML: แก้ไขโค้ด HTML สำหรับบล็อก
  • เพิ่มในบล็อกที่นำกลับมาใช้ใหม่ได้: เพิ่มบล็อกที่เลือกในรายการบล็อกที่นำกลับมาใช้ใหม่ได้ วิธีนี้ทำให้คุณสามารถเพิ่มลงในโพสต์หรือเพจอื่นหรือส่วนอื่นของโพสต์หรือเพจปัจจุบันได้อย่างง่ายดาย
  • กลุ่ม: le Comme ปลาเก๋า ตัวเลือกที่กล่าวถึงข้างต้น ช่วยให้คุณสามารถเปลี่ยนสีพื้นหลังของบล็อกได้
  • ลบบล็อก: ลบบล็อกออกจากหน้า

ตัวเลือกแถบด้านข้าง

เพิ่มเพลงลงในเวิร์ดเพรส

แถบด้านข้างขวามีการตั้งค่าสองแบบ: การตั้งค่าสื่อและขั้นสูง มาทบทวนกัน

การตั้งค่ามัลติมีเดีย

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

ความคืบหน้า

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

แนวทางปฏิบัติที่ดีที่สุดและเคล็ดลับในการใช้ SoundCloud Embed Block อย่างมีประสิทธิภาพ

เพิ่มเนื้อหาที่ฝังอย่างรวดเร็ว

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

ฝังเนื้อหา SoundCloud โดยใช้ตัวแก้ไขแบบคลาสสิก

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

ใช้โค้ดฝังตัวสำหรับการปรับแต่งต่างๆ

อีกวิธีหนึ่งในการฝังเนื้อหา SoundCloud บน WordPress คือการใช้โค้ดสำหรับฝัง ไปที่เนื้อหา SoundCloud ที่คุณต้องการฝังแล้วคลิกปุ่ม หุ้น ปุ่ม

เสียงในตัว

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

เพิ่มเพลงลงในเวิร์ดเพรส

เมื่อเสร็จแล้ว ให้คัดลอกโค้ดสำหรับฝังแล้ววางลงในบล็อก HTML ใน WordPress คุณจะสามารถดูว่าเนื้อหาจะมีลักษณะอย่างไรเมื่อคุณดูตัวอย่างหน้า

คำถามที่พบบ่อยเกี่ยวกับ SoundCloud Integration Block

SoundCloud มีเฉพาะเพลงหรือไม่

ไม่! SoundCloud ยังมีพอดคาสต์ การผสานรวมพอดแคสต์จะเหมือนกับการรวมแทร็กเพลง คัดลอก URL แล้ววางลงในช่องฝัง คุณสามารถฝังตอนเดียวหรือถ้าคุณต้องการแสดงพ็อดคาสท์อย่างครบถ้วน ไปที่หน้าหลักบน SoundCloud แล้วคัดลอก / วาง URL

เสียงในตัว

ฉันสามารถเพิ่มหลายแทร็กลงในบล็อกการรวม SoundCloud ได้หรือไม่

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

https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist

ฉันสามารถเลือกได้ว่าจะให้แทร็ก SoundCloud เริ่มเล่นที่ไหน?

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

เสียงในตัว

ซอง

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

คุณอาจสนใจบทความของเราที่มี 11 ปลั๊กอินเครื่องเล่นเสียงที่ดีที่สุดสำหรับ WordPress ตรวจสอบออก!

ภาพโดย apghedia บน Shutterstock.com



[ad_2]

การเชื่อมโยงแหล่งที่มา

วิธีการใช้จานสีกับเว็บไซต์ Divi ของคุณ

วิธีการใช้จานสีกับเว็บไซต์ Divi ของคุณ

[ad_1]

บนอินเทอร์เน็ตมีบางสิ่งที่แย่กว่าเว็บไซต์ที่ไม่สุภาพ แน่นอนว่าบางเว็บไซต์สมัครใจใช้รูปลักษณ์ที่โหดเหี้ยมหรือมินิมัลลิสต์ (ดูที่คุณใน Craigslist) แต่ถึงแม้จะไม่ใช่ก็ตาม จางหาย. การมีจานสีแบบทึบเป็นวิธีที่แน่นอนในการทำให้เว็บไซต์ของคุณโดดเด่นจากสีเบจ deกดทับ je suisรีบ. โชคดีที่ Divi ได้ครอบคลุมระบบ Magic Color ของเราและคุณสมบัติ Global Colours คุณสามารถใช้จานสีกับเว็บไซต์ Divi ของคุณได้อย่างง่ายดาย ผลลัพธ์จะสร้างความประทับใจให้ผู้เยี่ยมชมของคุณอย่างแน่นอน

คำแนะนำทั่วไปเกี่ยวกับจานสี

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

1. เลือกเว็บไซต์สีเข้มหรือสีอ่อน

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

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

2. การเลือกสี

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

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

สีพื้นหลัง

palettes de couleurs

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

สีตัวอักษร

จานสีเปลี่ยนไป

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

ไฮเปอร์ลิงก์และสี CTA

จานสีเปลี่ยนไป

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

สีสำหรับสัมผัสสุดท้าย

จานสีเปลี่ยนไป

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

3. ตรวจสอบให้แน่ใจว่ามีความคมชัดเพียงพอ

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

4. หาสมดุลของการใช้สีที่เหมาะสม

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

อย่าลืมใช้สีที่เป็นกลางที่สุดในชุดสีของคุณเป็นส่วนใหญ่ และใช้สีอื่นเพื่อเน้นเนื้อหาที่คุณให้ไว้

วิธีเพิ่มจานสีให้กับเว็บไซต์ Divi ของคุณ

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

จานสี Divi เริ่มต้น

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

จานสีเริ่มต้น

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

เข้าสู่ตัวสร้าง Divi

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

ตัวเลือกสี

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

กำหนดสีให้เป็นสากล

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

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

ทั่วโลก

เมื่อตัวเลือกใหม่ปรากฏขึ้น ให้คลิกปุ่ม เห็บสีเขียว เพื่อเพิ่มสีปัจจุบันเป็นตัวเลือกส่วนกลาง

สีสันระดับโลก

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

droplet แปลว่า สีโดยรวม

นอกจากนี้ คุณสามารถคลิกขวาที่สีที่เลือกและเลือก "แปลงเป็นสากล" เพื่อเพิ่มลงในรายการ

Global Divi แปลง

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

ใช้สีสากล

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

ค้นหาและแทนที่

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

ค้นหาและแทนที่ด้วย global

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

เลือกสี

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

การแก้ไขสี

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

ซอง

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

มีความสุข!

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



[ad_2]

การเชื่อมโยงแหล่งที่มา