Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

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

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

ทำไมต้องใช้ Typekit อักษร?

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

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

แผนพื้นฐานฟรีของพวกเขามาพร้อมกับการเข้าถึงแบบอักษรมากกว่า 230 แบบและคุณสามารถใช้แบบอักษร 2 ตระกูลในเว็บไซต์เดียวได้ฟรี แผนอื่น ๆ เริ่มต้นจาก $ 49,99 ถึง $ 99,99 ต่อปี

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

ทำไมต้องใช้แบบอักษรที่กำหนดเองใน WordPress?

วิชาการพิมพ์มีบทบาทสำคัญในการออกแบบเว็บไซต์ของคุณ

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

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

แบบอักษรเว็บที่กำหนดเองที่ดีสามารถ:

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

คุณรู้วิธีการใช้แบบอักษร Typekit? วิธีการใช้ Typekit ในการปรับแต่งแบบอักษร WordPress

วิธีเริ่มต้นด้วย Typekit

ขั้นแรกคุณต้องสร้างบัญชี Typekit โดยไปที่ "Typekit.com" และเปรียบเทียบแผนการใช้งานที่มี

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

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

การสร้างชุดบน wordpress typekit

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

การสร้างชุดบน wordpress typekit

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

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

คุณต้องการขายผลิตภัณฑ์ของคุณบนอินเทอร์เน็ตหรือไม่?

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

แบบอักษร Chiosir uen บน typekit

เมื่อคุณเห็นแบบอักษรตามที่คุณต้องการคุณสามารถคลิกเพื่อดูรายละเอียดและตัวอย่างเพิ่มเติม หากคุณต้องการเพิ่มลงใน web kit ของคุณให้คลิกที่ปุ่ม“ Web Use: Add to Kit” ทางด้านขวา

แบบอักษร Monarcha typekit wordpress

สิ่งนี้จะปรากฏป็อปอัพที่คุณต้องเพิ่มแบบอักษรที่เลือกสำหรับชุดที่คุณเพิ่งสร้างขึ้น

ดูตัวอย่างการพิมพ์ typekit

ตอนนี้คุณสามารถคลิกที่ปุ่ม " ประกาศ เพื่อบันทึกการเปลี่ยนแปลงในชุดของคุณ

ดูตัวอย่างการพิมพ์ typekit

นั่นคือทั้งหมด! ตอนนี้ชุดตำรวจของคุณพร้อมให้ใช้กับ .ของคุณแล้ว บล็อก WordPress.

วิธีการเพิ่มแบบอักษรให้ WordPress typekit

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

เราขอแนะนำแบบอักษร Typekit สำหรับปลั๊กอิน WordPress หลังจากติดตั้งและเปิดใช้งานปลั๊กอินแล้วคุณสามารถเข้าถึง " การตั้งค่า> แบบอักษร Typekit เพื่อกำหนดค่าปลั๊กอิน

การตั้งค่า typekit ของปลั๊กอิน Wordpress

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

ในภาพหน้าจอด้านบนเราได้เพิ่มแบบอักษรลงในตัวเลือก CSS " h1.site ชื่อ '

ของคุณ ธีม WordPress สามารถใช้คลาสที่แตกต่างกันสำหรับองค์ประกอบที่แตกต่างกัน คุณจะต้องใช้เครื่องมือตรวจสอบองค์ประกอบในเว็บเบราว์เซอร์เพื่อค้นหาคลาส CSS เหล่านี้

ตรวจสอบเนื้อหาโค้ด wordpress

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

.

%d บล็อกเกอร์ชอบหน้านี้: