Tại sao tôi không thể thay đổi phông chữ WordPress?

Tin tốt là, bất kể bạn có thể viết mã hay không, vẫn có những công cụ có thể giúp bạn thay đổi lựa chọn phông chữ, bất kể chủ đề của bạn là gì. Với những tài nguyên này trong tầm tay, bạn có thể đảm bảo trang web của mình phù hợp với thương hiệu của bạn và trông hiện đại, sang trọng và chuyên nghiệp

Trong bài đăng này, chúng tôi sẽ thảo luận về cách thay đổi phông chữ trong WordPress và đề cập đến một số phương pháp để thực hiện việc đó. Trước đó, hãy nhanh chóng nói về các tùy chọn mặc định của bạn và tại sao kiểu chữ của trang web của bạn lại quan trọng

Tại WP Buffs, chúng tôi giúp chủ sở hữu trang web, đối tác đại lý và đối tác người làm việc tự do quản lý và duy trì trang web WordPress của họ 24/7. Cho dù bạn đang tìm kiếm trợ giúp về mã tùy chỉnh hay chỉ cần chúng tôi cập nhật phần bổ trợ của bạn, chúng tôi sẽ hỗ trợ bạn

Trong bài viết này 📜

• Tại sao lựa chọn phông chữ lại quan trọng trong thiết kế web
• Hiểu các lựa chọn phông chữ mặc định của WordPress
• Cách thay đổi phông chữ trong WordPress (3 phương pháp)
• kết thúc

Tại sao lựa chọn phông chữ lại quan trọng trong thiết kế web 🎨

Nhìn bề ngoài và đối với một con mắt chưa qua đào tạo, thiết kế web có vẻ như là một quá trình khá đơn giản. Chọn bảng màu bạn thích, chọn một hoặc hai phông chữ, thiết lập menu điều hướng và bạn đã có nó, phải không?

Thật không may, nó không ở đâu gần như đơn giản. Thiết kế web hiệu quả không chỉ tính thẩm mỹ mà còn xem xét các khía cạnh tiếp thị, tâm lý và khả năng sử dụng. Việc hiểu cách người dùng sẽ cảm nhận các yếu tố nhất định cũng giống như việc hiểu về sở thích cá nhân

Lựa chọn phông chữ, cụ thể, tác động đến thiết kế web theo hai cách chính. Đầu tiên, nó quan trọng từ góc độ khả năng sử dụng. Nếu trang web của bạn có kiểu chữ cực kỳ khó đọc, bạn sẽ khó đạt được mục tiêu chính của bất kỳ nội dung trực tuyến nào – truyền tải thông tin đến khách truy cập

Phông chữ của bạn dễ đọc như thế nào sẽ ảnh hưởng đến việc khách truy cập có ở lại và tìm hiểu thêm về thương hiệu của bạn hay từ bỏ trang web của bạn vì thất vọng và chuyển sang đối thủ cạnh tranh thay thế. Nó cũng đóng một vai trò trong khả năng truy cập trang web của bạn, vì các tập lệnh kiểu nhỏ và ưa thích có thể gây khó khăn cho người dùng khiếm thị và những người mắc chứng khó đọc

Cách thứ hai lựa chọn phông chữ ảnh hưởng đến chất lượng thiết kế trang web của bạn là khi nói đến thương hiệu. Mặc dù chúng ta thường tập trung chủ yếu vào nội dung của nội dung dựa trên văn bản, nhưng cũng thật thông minh khi xem xét nó từ góc độ trực quan. Bạn muốn đặt tông màu phù hợp cho trang web của mình

Tất cả điều này nói lên rằng nếu bạn đã tìm thấy chủ đề WordPress hoàn hảo nhưng phông chữ mặc định của nó khó đọc hoặc không phù hợp với nhận diện thương hiệu của bạn, thì bạn nên nỗ lực thay đổi nó

Hiểu các lựa chọn phông chữ mặc định của WordPress 💡

Rất thường xuyên, người dùng mới bị thu hút bởi WordPress vì nó dễ cá nhân hóa như thế nào so với các Hệ thống quản lý nội dung (CMS) và trình tạo trang web khác. Tuy nhiên, nền tảng thỉnh thoảng gây ra khiếu nại – đáng chú ý nhất là về các tùy chọn tùy chỉnh vượt trội hoặc thiếu các tùy chọn đó.

Ví dụ: nếu bạn mở Trình tùy chỉnh WordPress cho chủ đề Twenty Twenty mặc định và cố gắng thay đổi phông chữ của trang web, bạn sẽ vô cùng thất vọng. Không có tùy chọn như vậy có sẵn

Nếu bạn tìm hiểu sâu hơn, bạn sẽ thấy rằng thiếu sót rõ ràng này thực sự là nguồn sức mạnh của WordPress. Cơ sở mã cốt lõi của nó không được thiết kế để 'hát toàn nhảy'. Nó thực sự nhằm cung cấp cho bạn một cơ sở vững chắc để làm việc từ đó là một khung vẽ ổn định, an toàn và trống cho trang web của bạn

Chắc chắn, bạn có thể sử dụng WordPress và một chủ đề mặc định tốt. Tuy nhiên, nếu bạn nghĩ rằng sẽ có nhiều ưu đãi hơn khi ra khỏi hộp, thì bạn đang bỏ lỡ một mẹo quan trọng

Sức mạnh thực sự của WordPress nằm ở khả năng mở rộng thông qua các chủ đề, plugin, hook và bộ lọc của nó. Như vậy, thế giới là con hàu của bạn khi nói đến khả năng tùy chỉnh trang web của bạn, nhưng tùy bạn chọn cách thực hiện

Cách thay đổi phông chữ trong WordPress (3 phương pháp tiềm năng) 👛

May mắn thay, bạn không bị mắc kẹt với chủ đề mặc định của WordPress. Trên thực tế, có rất nhiều cách để thay đổi phông chữ trong WordPress và đối với hầu hết các cách đó, bạn sẽ không cần biết một dòng mã nào. Hãy bắt đầu với giải pháp phổ biến nhất, sau đó xem xét một vài giải pháp thay thế, bao gồm

1. Kiểm tra các tùy chọn phông chữ của chủ đề hoặc trình tạo trang của bạn
2. Cài đặt và kích hoạt Plugin phông chữ WordPress
3. Thêm phông chữ tùy chỉnh WordPress thông qua mã hóa đơn giản

1. Kiểm tra các tùy chọn phông chữ của chủ đề hoặc trình tạo trang của bạn

Nếu bạn giống như nhiều người khác đến với WordPress, bạn sẽ không sử dụng chủ đề mặc định cho trang web của mình. Mặc dù chúng được mã hóa tốt và có chất lượng cao, nhưng chúng tốt nhất cho các trang web đơn giản và có nhiều 'phần khái niệm' hơn là bố cục trang web sẵn sàng cho doanh nghiệp

Nói cách khác, bạn sẽ cần chọn một chủ đề cụ thể để đáp ứng nhu cầu của mình. Các tùy chọn cao cấp có xu hướng cung cấp nhiều nhất về tính năng và tùy chỉnh, mặc dù có một số giải pháp miễn phí với phạm vi phù hợp

Nhiều chủ đề cao cấp, đặc biệt là những chủ đề được tìm thấy trên ThemeForest, sẽ có cách truy cập vào toàn bộ bộ Phông chữ của Google. Ngoài ra, một số nhà phát triển chọn kết hợp nhiều lựa chọn phù hợp hơn dựa trên thiết kế tổng thể của chủ đề của họ

Chủ đề của bạn có thể sẽ cung cấp hai cách để thay đổi phông chữ trong WordPress. Phổ biến nhất là thông qua các tùy chọn menu của Tùy biến. Các chủ đề khác đi kèm với bảng quản trị chuyên dụng đưa ra tất cả các lựa chọn thiết kế của bạn

Điều này đủ đơn giản để điều hướng. Bạn sẽ truy cập các tùy chọn và chọn phông chữ đã chọn từ menu thả xuống có liên quan. Các thay đổi sẽ hiển thị ngay lập tức, mặc dù bạn có thể cần phải làm mới trang xem trước của mình để xem các phông chữ mới đang hoạt động

Điều tương tự cũng áp dụng cho các plugin trình tạo trang. Bạn sẽ tìm thấy các tùy chọn tương tự trong nhiều công cụ phổ biến nhất, chẳng hạn như Beaver Builder, Elementor, v.v. Điều này thu hẹp khoảng cách giữa các tùy chọn chủ đề của bạn và phương pháp tiếp theo của chúng tôi – sử dụng plugin chuyên dụng

2. Cài đặt và kích hoạt một trong các plugin phông chữ WordPress

Có thể chủ đề của bạn không cung cấp phông chữ bạn muốn. Nếu bạn cũng không thích trình tạo trang và có ít kinh nghiệm viết mã, thì plugin phông chữ chuyên dụng có lẽ là cách tốt nhất

Có hai hương vị phổ biến – plugin nhúng phông chữ và 'trình tải lên'. Các plugin nhúng phông chữ vào trang web của bạn thường lấy từ các thư mục chuyên dụng như Google Fonts, như trường hợp của Google Fonts Typography

OMGF. Lưu trữ cục bộ Google Fonts cung cấp tùy chọn viết lại phông chữ bạn đang tải để sử dụng URL cục bộ

Hoặc bạn có thể thuê OMGF để tối ưu hóa phông chữ cho bạn

Ngoài ra còn có các plugin nhúng cho người dùng Typekit, bộ sưu tập phông chữ đăng ký của Adobe

Như bạn có thể mong đợi, việc cài đặt và kích hoạt các plugin này giống như bất kỳ plugin nào khác. Tuy nhiên, bạn có thể thấy có các bước bổ sung để kết nối máy chủ của Google và Adobe với trang web của mình. Ưu điểm của bước bổ sung này là nó giúp bỏ qua nhiều quy trình cần thiết để triển khai các lựa chọn phông chữ theo cách thủ công

Plugin tải lên phông chữ hơi khác một chút. Thay vì nhúng phông chữ từ các nguồn khác, các công cụ này cho phép bạn tải một phông chữ cụ thể lên trang web của mình và sử dụng phông chữ đó giống như một kiểu chữ có trong chủ đề của bạn. Nếu bạn có một phông chữ tùy chỉnh cho trang web của mình, plugin Sử dụng bất kỳ phông chữ nào có thể phù hợp với bạn

Nếu bạn đã tìm thấy phông chữ lý tưởng thông qua một nguồn như DaFont hoặc MyFonts, plugin này sẽ cho phép bạn sử dụng phông chữ đó mà không cần phải chạm vào mã trang web của bạn

Nhưng vào cuối ngày, cách đơn giản nhất để thay đổi phông chữ trên trang web WordPress của bạn vẫn là với plugin Google Fonts Typography

3. Thêm phông chữ tùy chỉnh WordPress thông qua mã hóa đơn giản

Cuối cùng, chúng tôi có tùy chọn thủ công để thay đổi phông chữ trong WordPress. Phương pháp này yêu cầu một số kiến ​​thức về mã hóa, nhưng nó không đặc biệt nâng cao và có thể học được đối với người dùng trung cấp.

Tất nhiên, điều này sẽ không cung cấp cho bạn nhiều phông chữ để lựa chọn như chủ đề cao cấp hoặc plugin chuyên dụng. Tuy nhiên, nó cho phép bạn giảm thiểu sự phình to trong khi cho phép bạn triển khai phông chữ bạn muốn trên trang web của mình

Trước khi bắt đầu, bạn sẽ cần những thứ sau.
 

• Một phông chữ của sự lựa chọn của bạn
• Kiến thức về Cascading Style Sheets (CSS)
• Truy cập vào các tệp cốt lõi WordPress của bạn
• Kiến thức về Giao thức truyền tệp (FTP) và ứng dụng khách phù hợp như FileZilla hoặc Cyberduck

Đối với ví dụ này, chúng tôi sẽ sử dụng Google Font – Oswald. Trước tiên, bạn sẽ muốn nhấp vào phông chữ được đề cập và chọn kiểu bạn muốn nhúng. Đó là một ý tưởng thông minh nếu có thể chọn kiểu tiêu chuẩn, in đậm và in nghiêng.  

Từ đây, có một vài phương pháp. Đơn giản nhất là nhấp vào tab Nhúng và sao chép mã vào phần trang web của bạn

Tuy nhiên, cách chính xác để các trang web WordPress nhúng phông chữ là thông qua 'enqueuing'. Bước đầu tiên trong quy trình này là sao chép liên kết đến phông chữ của bạn. Trong ví dụ của chúng tôi, nó sẽ như sau (bao gồm cả dấu nháy đơn)

'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap'

Tiếp theo, truy cập các tệp của trang web WordPress của bạn qua FTP. Tệp bạn đang theo dõi là hàm. php, nằm trong thư mục gốc của chủ đề con bạn

Mở nó, sau đó nhập mã sau, thay thế liên kết của chúng tôi bằng liên kết dành cho phông chữ bạn đã chọn

function add_my_font() {	 	 
wp_enqueue_style( 'add_my_font', 'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap', false ); 	 	 
}	 	 
add_action( 'wp_enqueue_scripts', 'add_my_font' );

Bây giờ bạn sẽ cần phải 'khai báo' nơi phông chữ của bạn sẽ được sử dụng. Cách tiếp cận đơn giản nhất là mở phong cách chủ đề của bạn. css - một lần nữa trong thư mục chủ đề con của bạn cùng với các chức năng của bạn. php - và thêm vào như sau

.body, .h1, .h2, .h3, .h4 { 
font-family: 'Oswald', sans-serif;	 	 
 }

Về cơ bản, điều này cho giao diện người dùng của bạn biết rằng bạn muốn sử dụng phông chữ cụ thể này. Lưu ý rằng bạn có thể loại bỏ một số khai báo này nếu bạn chỉ muốn áp dụng phông chữ mới cho một số phần nhất định. Ví dụ: thường sử dụng các phông chữ khác nhau cho tiêu đề và nội dung văn bản. Điều này rất dễ thực hiện bằng cách sử dụng CSS

Tuy nhiên, các phương pháp hay nhất thay đổi rất nhiều và chủ đề của bạn có thể không chấp nhận những khai báo này tùy thuộc vào cách nó được mã hóa. Nếu bạn đang gặp khó khăn, bạn có thể muốn liên hệ với nhà phát triển chủ đề của mình để yêu cầu trợ giúp hoặc chọn phương pháp thay đổi phông chữ trong WordPress đơn giản hơn

kết thúc 🎬

Khi bạn lần đầu tiên muốn sử dụng WordPress để xuất bản trang web của mình, bạn có thể sẽ thấy sự khác biệt giữa những gì bạn đã nghe về các tùy chọn tùy chỉnh của nó và những gì bạn được trình bày theo mặc định. Tuy nhiên, tính linh hoạt của WordPress nằm ở chức năng bổ sung mà các plugin và chủ đề mang đến cho bảng ảo, chứ không phải những thứ được thêm sẵn

Trong bài đăng này, chúng tôi đã xem xét ba cách bạn có thể thay đổi phông chữ trong WordPress. Hãy tóm tắt chúng một cách nhanh chóng

1. Kiểm tra các tùy chọn phông chữ của chủ đề hoặc trình tạo trang của bạn
2. Cài đặt và kích hoạt một trong các plugin phông chữ WordPress
3. Thêm phông chữ tùy chỉnh WordPress thông qua mã hóa đơn giản

Nếu bạn vẫn không biết cách thay đổi phông chữ trong WordPress, chúng tôi có thể trợ giúp. Tại WP Buffs, chúng tôi cung cấp các Gói chăm sóc WordPress bao gồm cập nhật nội dung c cũng như giám sát mã tùy chỉnh. Kiểm tra chúng ra ngày hôm nay.  

Muốn đưa ra phản hồi của bạn hoặc tham gia cuộc trò chuyện?

Hình ảnh nổi bật. Pixabay

GIF. kỳ hạn