คุณต้องการที่จะเพิ่มแบบอักษรที่กำหนดเองเพื่อ WordPress?

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

ในบทช่วยสอนนี้ฉันจะแสดงวิธีเพิ่มแบบอักษรที่กำหนดเองให้กับบล็อก WordPress ของคุณโดยใช้ Google แบบอักษร, Typekit และ CSS3

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

วิธีเพิ่ม wordpress แบบอักษรที่กำหนดเอง 1 1

และถ้าบล็อกของคุณช้าฉันขอแนะนำให้คุณ แก้ปัญหาบางอย่างกับปัญหาประสิทธิภาพการทำงานบน WordPress

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

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

วิธีการหาแบบอักษรและวิธีการใช้ WordPress

แบบอักษรไม่สามารถขยายได้อย่างที่เคยเป็น อย่างไรก็ตามมีหลายแหล่งที่คุณสามารถค้นหาแบบอักษรเช่น " Google แบบอักษร '" Typekit '" FontSquirrel "และ" Fonts.com '

วิธีการเพิ่มแบบอักษร Google Font WordPress

แบบอักษร WordPress แบบอักษร google

Google Fonts เป็นห้องสมุดฟรีขนาดใหญ่ที่คุณสามารถใช้ได้ในหลายโครงการ
คุณต้องเข้าถึง " Google แบบอักษร และเลือกแบบอักษรที่คุณต้องการ จากนั้นคลิกที่ " เลือกแบบอักษรนี้ »แท็บปรากฏขึ้นที่ด้านล่างขวาของหน้าจอ

แบบอักษรของ Google Fonts แบบฝึกหัด wordpress

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

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

เพียงแค่เพิ่ม Google Font ใหม่ในบล็อก WordPress ของคุณ

วิธีการเพิ่มตัวอักษรโดยใช้ Typekit

Typography WordPress ฟอนต์ typekit 2

Typekit เป็นอีกหนึ่งบริการฟรีและพรีเมี่ยมที่ให้บริการแบบอักษรที่คุณสามารถใช้ในโครงการต่างๆของคุณ พวกเขามีการสมัครสมาชิกพรีเมี่ยมและสมัครสมาชิกฟรี

คุณต้องมีบัญชี Typekit และสร้างใหม่ " ชุด '

พิมพ์แบบอักษร WordPress typekit

จากนั้นคุณจะต้องเลือกแบบอักษรจากไลบรารี Typekit และเพิ่มลงในโครงการของคุณ หลังจากนั้นคว้ารหัสสำหรับชุดของคุณและเพิ่มจากแผงควบคุมของคุณ

Typography WordPress ฟอนต์ typekit 1

ในการเพิ่มลงในแดชบอร์ดของคุณคุณเพียงแค่ต้องติดตั้งและเปิดใช้งานปลั๊กอิน " แบบอักษร Typekit สำหรับ WordPress '

หลังจากเปิดใช้งานคุณเพียงแค่ต้องเข้าถึง " การตั้งค่า> แบบอักษร Typekit และวางรหัสจากชุดของคุณลงใน " กฎ CSS ที่กำหนดเอง '

typekit วาง-a-ชุด

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

วิธีการเพิ่มตัวอักษรโดยใช้ CSS3 (@ font-face)

วิธีที่ตรงที่สุดในการฝังแบบอักษรในบล็อกของคุณคือการเพิ่มโดยใช้ "font-faces" ผ่าน CSS3 วิธีนี้ช่วยให้คุณสามารถเพิ่มฟอนต์ประเภทใดก็ได้ที่คุณต้องการในบล็อกของคุณ

สิ่งแรกที่ต้องทำคือดาวน์โหลดแบบอักษรที่คุณเลือกในรูปแบบเว็บ หากคุณไม่มีแบบอักษรนี้ในรูปแบบเว็บคุณสามารถแปลงได้ฟรีที่ " FontSquirrel Webfont ปั่นไฟ '

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

ถ้าคุณต้องการที่จะไปเพิ่มเติมในขั้นตอนนี้ดูการสอนของเราบน วิธีการใช้ FTP บน Windows 10

กลับไปที่เป้าหมายของเรากันเถอะ

เมื่อเสร็จแล้วคุณสามารถรวมฟอนต์ดังนี้:

บูรณาการตำรวจ

หากต้องการใช้งานได้ทุกที่คุณจะต้องกำหนดชื่อแบบอักษรตามที่คุณระบุไว้ใน " ด้านล่างหน้า »ก่อนหน้า (ดูค่าของแอตทริบิวต์ตระกูลแบบอักษร ).

ใช้รหัส-font-face

นั่นคือทั้งหมดที่ต้องรู้เกี่ยวกับการใช้โค้ด CSS3 อย่างไรก็ตามฉันต้องระบุว่าเมธอดที่มีฟังก์ชัน "font-face" เหมาะสำหรับนักพัฒนามากกว่า

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

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

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

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 CommentPress

CommentPress เป็นปลั๊กอินกระชับ WordPress ที่มีประสิทธิภาพที่ช่วยให้คุณสามารถแทรกแก้ไขและลบความคิดเห็นได้อย่างรวดเร็วและง่ายดาย CommentPress ใช้ Ajax, jQuery และ PHP เพื่อให้ผู้เยี่ยมชมสามารถแทรกความคิดเห็นได้โดยไม่ต้องโหลดหน้าซ้ำ

Comment กด Ajax ความคิดเห็นแทรกแก้ไขและลบความคิดเห็น

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

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

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

2. แกลลอรี่ Everest

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

Everest Gallery ตอบสนองปลั๊กอิน WordPress Gallery Wordpress

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

Everest Gallery มาพร้อมกับเอกสารฉบับเต็มและตัวเลือก 30 มากกว่าตัวเลือกเพื่อปรับแต่งอย่างสมบูรณ์ รูปลักษณ์ของแกลเลอรี. ด้วยตัวเลือกการปรับแต่งที่พร้อมใช้งาน คุณสามารถใช้สิ่งนี้ WordPress ปลั๊กอิน นำเสนออะไรก็ได้อย่างง่ายดายและมีประสิทธิภาพ 

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

3 WP Media Manager

WP Media Manager เป็นหนึ่งในโปรแกรมที่ดีที่สุดและทรงพลังที่สุด ปลั๊กอิน WordPress การจัดการห้องสมุดสื่อ มันยอดเยี่ยมในการจัดการโฟลเดอร์และใช้งานง่ายช่วยให้คุณจัดระเบียบไฟล์มีเดียนับพันไฟล์

WP Media Manager ปลั๊กอิน WordPress Media Manager ที่ง่ายที่สุด

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

Ce WordPress ปลั๊กอิน มีคุณสมบัติต่างๆ เช่น การสร้างโฟลเดอร์ การกรองสิ่งเหล่านี้ แกลเลอรีที่ตอบสนองได้ดีเยี่ยม 3 แบบ ความเป็นไปได้ในการทำซ้ำไฟล์ การสร้างลำดับชั้นที่ไม่จำกัด และอื่นๆ อีกมากมาย...

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

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

ไปเพิ่มเติมในการใช้ฟอนต์ที่กำหนดเองใน WordPress โดยปรึกษาลิงก์หรือแหล่งข้อมูลที่แนะนำด้านล่าง

สรุป

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

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

N'' อย่าลังเลที่จะแบ่งปันกับคนอื่นของคุณ เครือข่ายทางสังคม. หากคุณมี ความเห็น หรือข้อเสนอแนะอย่าลังเลที่จะบอกเราในส่วนที่สงวนไว้สำหรับสิ่งเหล่านี้

...