Tin tức và phân tích của tất cả các thiết bị di động

31 cách dễ dàng để tùy chỉnh trang web WordPress của bạn

Cảm hứng.

Đó là mục tiêu của tôi cho bạn.

Nhiều người dùng WP vẫn chưa nhận ra WordPress mạnh mẽ như thế nào, vì vậy hãy để bài đăng này là nguồn cảm hứng cho bạn. khám phá các công cụ và chiến thuật mới để tùy chỉnh trang web WordPress của bạn.

Nó sẽ đánh dấu trang web của bạn, tùy chỉnh nội dung của nó và thậm chí thay đổi trong bảng quản trị.

Khi bạn đọc xong, bạn sẽ có một trang web đẹp hơn và đầy đủ thương hiệu.

Hãy bắt đầu với chiến thuật tùy biến lớn nhất trong tất cả …

1. Chọn một chủ đề mới

Cách nhanh nhất để thực hiện thay đổi mạnh mẽ cho trang web của bạn là thay đổi chủ đề WordPress.

Thay đổi chủ đề sẽ ngay lập tức thay đổi mọi thứ về thiết kế trang web của bạn.

Nhưng có một vấn đề

Có hơn 10.000 chủ đề WordPress để lựa chọn!

Bạn có thể dành nhiều ngày duyệt và xem xét các chủ đề dễ dàng. Trong thực tế, nhiều người làm!

Hàng tuần, mọi người gửi cho tôi một email nói rằng họ đã thấy hàng trăm chủ đề trước khi chọn một trong những của tôi.

Nếu bạn muốn tiết kiệm thời gian, hãy làm theo hướng dẫn của tôi về cách chọn chủ đề hoàn hảo cho trang web của bạn.

Con người đấu tranh để lựa chọn đúng lựa chọn
Tìm hiểu làm thế nào để chọn một chủ đề

Tất nhiên, nếu bạn muốn thử một thiết kế mới ngay lập tức, chúng tôi có 19 chủ đề WordPress miễn phí mà bạn có thể xem trước trực tiếp từ bảng điều khiển WP của mình.

Cách dễ dàng tiếp theo để tạo ra một thay đổi lớn cho thiết kế trang web của bạn là chuyển từ các bài đăng mới nhất của bạn sang một trang tĩnh trên trang chủ.

2. Chuyển sang một trang chủ tĩnh

Đây là một mẹo bên trong:

Tất cả các trang web WordPress phải sử dụng một trang chủ tĩnh.

Vâng, ngay cả khi bạn là một blogger. Trong thực tế, đặc biệt nếu bạn là một blogger!

Bạn sẽ nhận được nhiều người đăng ký hơn và kiếm được nhiều tiền hơn từ trang web của mình nếu bạn làm nhiều hơn là liệt kê các bài đăng gần đây nhất của bạn …

Ví dụ: trang chủ của bạn có thể bao gồm một biểu mẫu email để tạo người đăng ký và sau đó quảng bá một số bài đăng của bạn thay vì chỉ hiển thị bài đăng của bạn.

Thay đổi này rất dễ thực hiện từ bảng điều khiển WordPress. Chỉ cần thay đổi cài đặt này thành một trang tĩnh:

Trang chủ tĩnh
Bạn cũng sẽ cần phải đăng một trang cho bài viết của bạn.

Hoặc, bạn có thể làm theo hướng dẫn bằng video đơn giản này:

Tất nhiên, bây giờ có lẽ bạn đang tự hỏi làm thế nào để tạo một trang chủ tùy chỉnh. Điều đó cũng có thể dễ dàng thực hiện với công cụ phù hợp.

3. Tạo một trang chủ tùy chỉnh

Bạn có thể sử dụng Elementor để thiết kế một trang chủ tùy chỉnh.

Trong trường hợp bạn không quen thuộc với nó, Elementor là một plugin xây dựng trang và được ngụ ý bởi phần "trình tạo trang", bạn có thể sử dụng nó để tạo các trang hoàn toàn tùy chỉnh.

Yếu tố
Mục hiện đã được cài đặt trên 3 hàng triệu trang web

Sau khi cài đặt Elementor trên trang web của bạn, bạn có thể truy cập bất kỳ trang nào và nhấp vào nút "Chỉnh sửa với Elementor" để khởi động trình chỉnh sửa.

Chỉnh sửa với Elementor

Bạn sẽ được đưa đến giao diện này:

Giao diện phần tử

Ở phía bên trái màn hình là tất cả các vật dụng có sẵn khác nhau mà bạn có thể kéo và thả trong khu vực nội dung của trang.

Để tạo một trang tùy chỉnh, tất cả những gì bạn cần làm là thêm các tiện ích bạn muốn vào nội dung trang. Mỗi có một tấn tùy chọn tùy chỉnh bao gồm, như thế này:

Bằng chứng của Elementor
Đây là tiện ích chứng thực của khách hàng

Gutenberg có các khối tương tự, nhưng trong Elementor, chúng có thể tùy biến nhiều hơn.

Nhưng việc thêm và tùy chỉnh từng widget một có vẻ như rất nhiều công việc. Để làm cho mọi thứ dễ dàng hơn, Elementor có các khối được tạo sẵn thanh lịch mà bạn có thể đặt trên bất kỳ trang nào:

Khối nguyên tố
Có hàng trăm khối đúc sẵn có sẵn.

Thậm chí tốt hơn, Elementor đã hoàn thành các trang bán hàng mà bạn có thể chèn vào trang của mình chỉ bằng một cú nhấp chuột.

Trang yếu tố

Bạn có thể duyệt các trang chủ được xác định trước, chèn yêu thích của bạn, sau đó thay đổi văn bản và hình ảnh cho phù hợp hoàn hảo.

Có khá nhiều trang bán hàng miễn phí, nhưng hầu hết các trang tốt nhất chỉ có trong Elementor Pro.

Để tóm tắt làm thế nào tất cả điều này hoạt động …

Bạn sẽ tin tưởng chủ đề của mình cho hầu hết các trang trên trang web của bạn, nhưng khi bạn cần một trang hoàn toàn tùy chỉnh, như trang chủ của bạn, đây là thời điểm tốt để sử dụng Elementor. Trên thực tế, ngay cả với tư cách là nhà phát triển chủ đề, tôi đã bắt đầu tạo các trang bằng Elementor thay vì tự mã hóa chúng vì nó rất nhanh và đơn giản.

Hãy xem Elementor →

Bây giờ bạn đã biết người xây dựng trang, hãy quay lại các tùy chỉnh trang web toàn cầu.

4. Thay đổi phông chữ của bạn

Phông chữ bạn chọn có tác động lớn đến đặc tính của trang web của bạn.

Vì vậy, nó có thể làm phiền bạn nếu bạn làm.

Chà tôi đoán chủ đề của bạn không có phông chữ tùy chỉnh nếu bạn đang đọc cái này vì vậy đây là một giải pháp đơn giản và miễn phí:

Cài đặt Plugin Google Fonts typography.

Kiểu chữ Google

Plugin này sẽ cung cấp cho bạn quyền truy cập đầy đủ vào thư viện phông chữ của Google, đây là phông chữ thực tế cho web.

Tôi sử dụng Google Fonts trong tất cả các chủ đề của mình và tôi không biết bất kỳ nhà phát triển chủ đề nào sử dụng bất kỳ thứ gì khác.

Khi bạn cài đặt Plugin Google Fonts typography, bạn sẽ tìm thấy một bảng điều khiển mới trong Trình tùy chỉnh nơi bạn có thể nhanh chóng thay đổi phông chữ trong toàn bộ trang web của mình.

Tùy chọn phông chữ của Google Fonts
Đây là các điều khiển phông chữ chính, nhưng có nhiều tùy chọn hơn bao gồm

Tôi có một video hướng dẫn chi tiết về cách thay đổi phông chữ của bạn bằng kiểu chữ phông chữ của Google nếu bạn muốn hướng dẫn từng bước.

Bây giờ đây là một chiến thắng nhanh chóng khác để sửa đổi việc trình bày trang web của bạn.

5. Thay đổi số lượng bài viết trên mỗi trang

Theo mặc định, WordPress hiển thị mười bài đăng trên trang blog và tệp chính của nó (danh mục, thẻ, tác giả và tệp ngày).

Mười là một mặc định tốt, nhưng nếu bạn có bố cục nhiều cột như bố cục trong Challenger Pro thì sao?

Blog nhiều cột

Khách truy cập sẽ cuộn qua mười bài viết trong một lần vuốt. Trang web của bạn sẽ hoạt động tốt hơn nếu nó bao gồm nhiều bài đăng hơn như 16 hoặc 20.

Bạn có thể truy cập menu Cài đặt Đọc (Cài đặt> Đọc) và nhanh chóng thay đổi số lượng bài đăng trên mỗi trang với các cài đặt sau:

Bài viết trên mỗi trang
20 là giới hạn trên tốt cho bài viết trên mỗi trang

Sự thật đơn giản?

Khi ai đó đến cuối bài viết của họ, họ có thể nhấp vào phân trang để tìm thêm, nhưng có một tùy chỉnh khác tốt hơn là chỉ phân trang.

6. Cho phép cuộn vô hạn

Hãy trung thực.

Tần suất bạn nhấp vào các liên kết phân trang ở cuối blog?

Đôi khi tôi làm, nhưng tôi chỉ cần nhấp vào liên kết đến trang bài viết tiếp theo. Biết rằng, bạn có thực sự cần nhiều hơn chỉ là một nút "nhiều bài viết" không?

Cho phép khách truy cập cuộn xuống một trang và tự động tải bài đăng khi họ cuộn. Mặc dù điều này có thể hoạt động tốt đối với một số trang web, có một sự điều chỉnh nhỏ có xu hướng hoạt động tốt nhất. Giải pháp đó là bao gồm nút "tải thêm" sau bài đăng của bạn, như thế này:

Nút bài viết trước

Khách truy cập có thể nhấp vào nút để tự động tải bài đăng mà không cần tải lại toàn bộ trang.

Plugin WordPress Infinite Scroll miễn phí thực hiện công việc tuyệt vời, nhưng bạn nên thoải mái chỉnh sửa một số mã trong chủ đề của mình.

Nếu bạn muốn một giải pháp không mã hóa, có một chức năng cuộn vô hạn có trong Jetpack. Không phải tất cả các chủ đề đều được hỗ trợ, nhưng tất cả 19 chủ đề của chúng tôi đều hoạt động với Jetpack.

Cuộn vô hạn sẽ làm cho khách truy cập của bạn đọc nhiều bài đăng hơn và dành nhiều thời gian hơn trên trang web của bạn. Trên thực tế, trong khi chúng ta đang ở chủ đề này, đây là hai cách khác để tùy chỉnh trang web của bạn để khách truy cập đọc thêm bài đăng của bạn.

7. Sử dụng hình ảnh đặc trưng phù hợp

Bạn sử dụng hình ảnh đặc trưng, ​​phải không?

Để đảm bảo chúng tôi ở trên cùng một trang, bạn có thể sử dụng tùy chọn này trong thanh bên của bất kỳ bài đăng hoặc trang nào để thêm hình ảnh nổi bật:

Tùy chọn hình ảnh nổi bật

Và hình ảnh sẽ xuất hiện trên blog và trên trang bài đăng như thế này:

Ví dụ về hình ảnh đặc trưng
Đây là một ví dụ về chủ đề Challenger

Hình ảnh nổi bật sẽ giúp mỗi bài đăng được chú ý nhiều hơn và nhiều nhấp chuột hơn, có nghĩa là nhiều người đọc và người đăng ký hơn.

Nhưng có nhiều hơn thế.

Một số người dùng WordPress chỉ nghĩ về một bài đăng tại một thời điểm khi họ chọn Hình ảnh nổi bật và điều này làm cho blog của họ trông rời rạc.

Khi chọn Hình ảnh nổi bật, hãy chắc chắn để duy trì một diện mạo nhất quán.

Ví dụ: tôi thường gắn bó với nghệ thuật vector cho các hình ảnh nổi bật ở đây trên blog Chủ đề cạnh tranh.

Chọn một thẩm mỹ nhất quán cho Hình ảnh nổi bật trên trang web của bạn và nó sẽ làm cho thiết kế đẹp hơn.

Tôi sử dụng Vecteezy cho đồ họa vector và Bapt là nguồn tốt nhất để chụp ảnh chuyên nghiệp miễn phí. Bạn cũng có thể thích Canva để thêm tiêu đề bài đăng trên đầu hình ảnh của bạn.

Nếu bạn muốn blog của mình hấp dẫn hơn nữa, hãy làm theo mẹo tiếp theo.

8. Viết một trích xuất cá nhân cho mỗi ấn phẩm

Tôi không thể tin có bao nhiêu người viết đoạn trích tùy chỉnh!

Trong thanh bên phải của trình chỉnh sửa, bạn sẽ tìm thấy hộp Trích dẫn này:

Tuyên bố tùy chỉnh

Miễn là bạn sử dụng một chủ đề được mã hóa tốt, đoạn trích bạn viết ở đó sẽ xuất hiện trên trang blog chính và trong các tệp.

Có hai lý do để viết một đoạn trích tùy chỉnh cho mỗi ấn phẩm.

Đầu tiên, chủ đề của bạn có thể sử dụng 25 từ đầu tiên. Bạn không nghĩ rằng bạn có thể viết một lời trêu ghẹo hấp dẫn hơn cho bài đăng của mình và sau đó chỉ cần lấy 25 từ đầu tiên? Khách truy cập sẽ nhấp nhiều hơn nếu bạn viết đoạn trích hấp dẫn.

Thứ hai, bạn có thể chắc chắn rằng trích xuất phù hợp với thiết kế khi viết trích xuất tùy chỉnh. Nếu độ dài mặc định có vẻ quá dài hoặc ngắn, viết đoạn trích thủ công sẽ khắc phục vấn đề đó.

Thêm vào đó, nó cũng sẽ làm cho trang web của bạn hoạt động tốt hơn trên phương tiện truyền thông xã hội nếu bạn làm theo chiến thuật tùy chỉnh tiếp theo này.

9. Tùy chỉnh giao diện trang web của bạn Facebook

Nếu bạn làm theo hai lời khuyên cuối cùng của tôi, bạn sẽ thích giao diện của bài đăng của mình khi chúng được chia sẻ trên Twitter y Facebook.

Nhưng!

Bạn phải thêm thẻ "Mở đồ thị" vào trang web của mình. Cách dễ nhất là cài đặt plugin Yoast SEO.

Plugin Yoast Seo

Yoast SEO sẽ tối ưu hóa trang web của bạn để xếp hạng tốt hơn trên Google. Tôi không muốn đi quá xa vì bài đăng này là về thiết kế web chứ không phải về tối ưu hóa công cụ tìm kiếm để bạn có thể đọc các hướng dẫn SEO này nếu bạn muốn tìm hiểu thêm về tất cả điều đó.

Một điều khác Yoast SEO làm là thêm các thẻ Open Graph vào trang web của bạn

Thẻ đồ thị mở xuất hiện trong mã nguồn của mỗi trang trên trang web của bạn và thông báo cho các trang truyền thông xã hội như Facebook Nội dung nào sẽ được sử dụng khi ai đó chia sẻ trang web của bạn.

Nếu bạn thêm một hình ảnh nổi bật và viết một đoạn trích tùy chỉnh, đó là nội dung Facebook Nó sẽ được hiển thị khi bài viết được chia sẻ, nhưng chỉ khi bạn có các thẻ Mở đồ thị được thêm vào.

Với Yoast SEO, bạn cũng có tùy chọn để thêm một hình ảnh khác chỉ dành cho Facebook tôi Twitter.

Facebook    Hình ảnh

Làm thế nào là mát mẻ?

Bạn có thể sử dụng một bức ảnh đơn giản làm Ảnh nổi bật của mình, nhưng có một phiên bản khác với tiêu đề được phủ lên chỉ khi mọi người chia sẻ bài đăng trên Facebook.

Khi chúng ta nói về phương tiện truyền thông xã hội, tùy chỉnh sắp tới này là điều cần thiết để xây dựng khán giả của bạn.

MIPO BỔ SUNG: Để tiết kiệm thời gian, tôi viết một tùy chỉnh cho mỗi bài đăng, nhập nó vào Yoast và sau đó sử dụng lại nó như một trích đoạn bài đăng tùy chỉnh.

10. Thêm các biểu tượng xã hội của bạn

Tùy chỉnh WordPress này rất đơn giản.

Nếu bạn muốn mọi người theo dõi bạn, bạn nên làm cho nó dễ dàng hơn!

Hầu hết các chủ đề ngày nay đều có các biểu tượng xã hội tích hợp, như chủ đề Mission News bao gồm các biểu tượng cho hơn 50 trang web truyền thông xã hội.

Sứ mệnh Tin tức Biểu tượng xã hội

Khi ai đó nhấp vào một trong các biểu tượng, nó sẽ đưa khách truy cập trực tiếp vào hồ sơ xã hội của họ. Đây là một cách tuyệt vời để khiến mọi người theo dõi bạn trên bất kỳ nền tảng nào họ thích.

Mặc dù việc thêm các biểu tượng xã hội trong tiêu đề và / hoặc chân trang của trang web là rất tốt để xây dựng đối tượng của bạn, bạn cũng nên xem xét thêm.

11. Thêm nút để chia sẻ trên mạng xã hội

Tôi không muốn làm bạn bối rối, vì vậy hãy để tôi làm rõ điều này.

Ở bước cuối cùng, tôi khuyên bạn nên thêm các biểu tượng được liên kết vào hồ sơ xã hội của bạn trong tiêu đề trang web. Đó chỉ là liên kết.

Các nút để chia sẻ trên các mạng xã hội nên được thêm vào bài đăng của bạn, như thế này:

Các nút để chia sẻ trên mạng xã hội

Khi ai đó nhấp vào một trong các nút này, một tab mới sẽ mở ra với bài đăng hoàn chỉnh sẵn sàng để được chia sẻ.

để lựa chọn, nhưng sở thích mới của tôi là Chia sẻ xã hội không có kịch bản.

Chia sẻ xã hội

Vấn đề tôi gặp phải với hầu hết các plugin nút chia sẻ là chúng làm chậm trang web của bạn quá nhiều. Chia sẻ xã hội không có kịch bản bao gồm các tính năng thiết yếu và không có gì khác. Nó tải siêu nhanh và hoạt động tuyệt vời trên máy tính để bàn và thiết bị di động.

Với tất cả lưu lượng truy cập mới mà bạn sẽ nhận được, bạn sẽ muốn thực hiện thêm một vài tùy chỉnh để làm cho trang web của bạn có lợi hơn.

12. Thêm một hình thức liên lạc

Nếu bạn bán dịch vụ trên trang web của mình, thì việc thêm một biểu mẫu để khách hàng có thể liên lạc là điều hiển nhiên.

Nhưng một hình thức liên lạc là một phần thiết yếu của mỗi trang web. Bạn không bao giờ biết những cơ hội có thể phát sinh.

Khi nói đến việc thêm một hình thức liên lạc, WPForms là plugin yêu thích của tôi.

Hình thức

Nó là vô cùng tùy biến và dễ sử dụng. Thêm vào đó, cập nhật cao cấp thực sự đưa mọi thứ lên cấp độ tiếp theo.

Hướng dẫn của tôi về cách thêm biểu mẫu liên hệ vào WordPress sẽ hướng dẫn bạn qua tất cả các bước.

Nếu bạn không bán dịch vụ hoặc đã có biểu mẫu liên hệ, bạn có thể tạo một trang đích mới.

13. Tạo một trang đích

Trang đích là một trang trên trang web của bạn mà khách truy cập truy cập. Nói cách khác, gửi lưu lượng truy cập mới ở đây để biến họ thành người đăng ký và / hoặc khách hàng.

Nếu bạn đang điều khiển lưu lượng truy cập đến trang web của mình thành công, đã đến lúc đặt giá thầu trên trang đích và gửi khách truy cập đến đó.

Tôi khuyên bạn nên sử dụng plugin Elementor để tạo trang đích tùy chỉnh. Họ đã hoàn thành các trang đích và bộ dụng cụ trang web mà bạn có thể sử dụng làm điểm bắt đầu.

Bộ dụng cụ

Một mẹo nhỏ với các trang đích là nó loại bỏ tất cả các điều hướng hoặc hạn chế điều hướng trên trang đó. Để làm điều này, bạn sẽ cần biết cách tạo menu tùy chỉnh.

14. Tạo một menu tùy chỉnh

Mặc dù tùy thuộc vào chủ đề bạn chọn, trang web của bạn có thể sẽ hiển thị từng "Trang" trong menu chính.

Điều này không lý tưởng.

Bạn sẽ cần tạo một bộ liên kết tùy chỉnh cho menu của mình và có thể một số menu hiển thị trên các trang khác nhau trên trang web của bạn.

Để tạo một menu tùy chỉnh, hãy làm theo các bước trong video hướng dẫn này:

Bạn sẽ tìm hiểu cách thêm liên kết vào bất kỳ bài đăng, trang hoặc thậm chí các URL bên ngoài trên menu của bạn. Bạn cũng có thể sắp xếp lại chúng và tạo các menu thả xuống dễ dàng.

Thêm tùy chỉnh sắp tới này để làm cho trang web của bạn thậm chí dễ dàng điều hướng hơn.

15. Làm cho thực đơn của bạn "dính"

Bạn đã từng xem qua một phần của bài đăng này, nhưng nếu bạn nhìn vào phía trên màn hình, bạn sẽ thấy menu chính vẫn hiển thị.

Luôn luôn giữ menu của bạn được ghim vào đầu màn hình giúp trang web của bạn dễ điều hướng hơn vì khách truy cập không cần phải cuộn lên mỗi khi họ quyết định điều hướng đến một trang mới.

Có hai cách đơn giản để điều hướng của bạn cố định (nếu chủ đề của bạn chưa bao gồm tùy chọn này).

Đầu tiên, bạn có thể cài đặt Menu dính miễn phí trong plugin cuộn.

Đã sửa lỗi trình đơn

Plugin này hoạt động rất tốt, nhưng bạn cần biết cách tìm bộ chọn CSS để sử dụng. Đối với tất cả các chủ đề của chúng tôi, bạn có thể sử dụng # trang web tiêu đề hoặc # menu-chính-mục tùy thuộc vào việc bạn muốn toàn bộ tiêu đề hay chỉ menu chính được sửa.

Cách thay thế thứ hai là sử dụng tùy chọn menu cố định có sẵn trong Elementor Pro. Phương pháp này không yêu cầu sử dụng bất kỳ bộ chọn CSS nào và bạn hoàn toàn có thể tùy chỉnh bố cục menu trong khi thực hiện.

Tôi có thêm một mẹo để làm cho trang web của bạn dễ dàng điều hướng hơn.

16. Thêm một vệt bánh mì

Bạn có thể đã nghe nói về câu chuyện cổ tích, Hansel và Gretel.

Như bạn có thể nhớ, họ thả những mẩu bánh mì khi họ đi qua khu rừng để lại một dấu vết mà họ có thể đi theo để tìm đường trở về nhà.

Các nhà thiết kế web đã sử dụng thuật ngữ tương tự cho đường dẫn liên kết đôi khi được thêm bên dưới tiêu đề, như ví dụ này trong Amazon.

Đường mòn bánh mì Amazon

Mỗi liên kết sẽ đưa bạn trở lại một bước trong điều hướng trang web.

Trong khi trang web của họ chắc chắn nhỏ hơn và ít phức tạp hơn Amazon, bạn có thể được hưởng lợi từ việc sử dụng vụn bánh mì.

Nếu bạn đã cài đặt plugin Yoast SEO được đề xuất trước đó trong bài đăng này, thì bạn không cần phải làm gì khác. Chỉ cần nhấp vào tùy chọn này để kích hoạt nó từ menu cấu hình:

Bánh mì nướng Yoast Seo

Tất cả các chủ đề của chúng tôi đều được hỗ trợ bởi mẩu bánh mì của Yoast, nhưng bạn có thể cần kiểm tra với nhà phát triển chủ đề của mình nếu mẩu bánh mì không hiển thị trên trang web của bạn.

Với những mẹo cuối cùng này, bạn đã thực hiện tất cả các tùy chỉnh quan trọng nhất cho điều hướng của mình.

Bây giờ, hãy chuyển sang đánh dấu trang web của bạn để có hiệu ứng hình ảnh nhất quán.

17. Tùy chỉnh màu sắc của bạn

Đây là một bước đơn giản và có lẽ rõ ràng để đánh giá trang web của bạn.

Thay đổi màu nhấn trong toàn bộ trang web của bạn sẽ tạo ra hiệu ứng hình ảnh nhất quán.

Nếu chủ đề của bạn không bao gồm màu tùy chỉnh và bạn không biết cách tùy chỉnh trang web của mình bằng mã, hãy để tôi giới thiệu cho bạn một công cụ tuyệt vời: CSS Hero.

Anh hùng CSS

Đây là một chút lịch sử

CSS là tên của ngôn ngữ mã hóa mà các nhà thiết kế web sử dụng để thiết kế các trang web. CSS Hero là một plugin WordPress cho phép bạn tùy chỉnh chủ đề của mình mà không cần viết một dòng CSS nào.

Ví dụ: bạn có thể dễ dàng thay đổi màu nền của trang web bằng CSS Hero. Tôi sẽ bắt đầu bằng cách mở trình soạn thảo trực quan trông như thế này:

Giao diện anh hùng Css

Sau đó, bạn sẽ nhấp vào nền để hiển thị một tập hợp các tùy chọn tùy chỉnh trong thanh bên trái.

Css anh hùng nền

Cuối cùng, bạn sẽ sử dụng tùy chọn màu nền để đặt màu bạn muốn và sau đó lưu các thay đổi.

Nền anh hùng CSS đã thay đổi

CSS Hero có thể được sử dụng để thay đổi màu sắc của bất kỳ yếu tố nào trên trang web của bạn, cũng như phông chữ, khoảng cách và nhiều khía cạnh thiết kế khác.

Dùng thử CSS Hero →

Kỹ thuật cá nhân hóa tiếp theo này là bắt buộc cho tất cả các trang web chuyên nghiệp.

18. Thêm logo của bạn vào tab trình duyệt

Tôi chắc chắn logo của bạn đã ở đầu trang web của bạn. Mỗi chủ đề tôi thấy bao gồm một tùy chọn đơn giản cho việc này.

Nhưng bạn không nên dừng lại ở đó!

Bạn cũng nên thêm logo của mình vào tab trình duyệt như sau:

Cạnh tranh chủ đề Favicon

Biểu tượng nhỏ đó thường được gọi là a, nhưng giao diện WordPress gọi nó là "biểu tượng trang web".

Tuy nhiên, bạn có thể tìm thấy tùy chọn này trong Tùy biến (Giao diện> Tùy chỉnh).

Trong Tùy biến, mở phần và bạn sẽ tìm thấy tùy chọn Biểu tượng Trang web ở dưới cùng.

Tùy chọn biểu tượng trang web

Tất cả bạn cần làm là tải hình ảnh logo từ máy tính của bạn và nhấn nút.

Khi chọn một hình ảnh cho favicon, tốt nhất là sử dụng một biểu tượng nếu logo của bạn bao gồm một hình ảnh. Đối với Chủ đề cạnh tranh, tôi sử dụng biểu tượng lông vũ và khiên, nhưng nếu tôi không có, tôi sẽ chỉ làm cho logo thành hình vuông màu xanh với chữ "CT" bằng văn bản màu trắng.

Bạn cũng sẽ ngạc nhiên khi thấy rằng WordPress khuyến nghị rằng hình ảnh của bạn là 512x512px. Điều đó có vẻ hơi lớn phải không?

Ngoài biểu tượng trong tab trình duyệt, favicon của bạn cũng sẽ được sử dụng lại trong các dấu trang có thể xuất hiện lớn hơn nhiều. Ví dụ: ai đó sử dụng iPad Pro có thể lưu trang web của họ trên màn hình chính của Safari, nơi biểu tượng sẽ khá lớn.

Bạn có thể làm theo hướng dẫn đầy đủ của chúng tôi về cách thêm favicon vào WordPress để có hướng dẫn chi tiết hơn (cũng có hướng dẫn bằng video)

Một cách khác để cung cấp cho trang web của bạn một cái nhìn đặc biệt là sử dụng hình nền thương hiệu.

19. Thêm một hình nền

Bạn không nhìn thấy hình nền thường xuyên nữa.

Hiện nay, hầu hết các trang web dính vào một nền trắng hoặc xám nhạt. Nếu bạn thực sự muốn nổi bật, hãy thử thêm một hình ảnh đẹp và có thương hiệu.

Chúng ta có thể chuyển sang CSS Hero một lần nữa cho tùy chỉnh này.

Chọn nền, nhưng thay vì đặt màu, bạn sẽ chọn tùy chọn hình ảnh.

Hình nền CSS Hero

Bạn có thể tải lên bất kỳ hình ảnh nào bạn muốn và thậm chí nhập một hình ảnh trực tiếp từ Bapt.

Bây giờ, hãy đưa thương hiệu của bạn lên một tầm cao mới.

20. Tạo trang đăng nhập thương hiệu

Nếu bạn có thành viên đăng nhập vào trang web của mình, bắt buộc phải tạo trang đăng nhập thương hiệu.

Trên thực tế, ngay cả khi bạn chỉ đăng nhập vào trang web của mình, việc xây dựng thương hiệu của màn hình đăng nhập mang đến cảm giác thực sự chuyên nghiệp và hài lòng. Tin tôi đi

Tôi đã bấm vào đăng nhập Compete Themes và bây giờ nó trông thật tuyệt vời:

Chủ đề cạnh tranh Đăng nhập

Tôi đã làm điều này bằng cách sử dụng plugin Customizer Page Customizer miễn phí.

Tùy chỉnh trang đăng nhập tùy biến

Nếu bạn muốn làm theo các bước tương tự, tôi đã viết một bài cho WP Newsify về tất cả.

Nếu bạn đã theo dõi, trang web và màn hình đăng nhập của bạn được đánh dấu đầy đủ, nhưng không có lý do gì để dừng lại ở đó!

Hãy đưa thương hiệu đến trang web dash để mang lại tùy chỉnh trang web WordPress của bạn hơn nữa.

21. Tùy chỉnh trình quản lý WP

Trước hết, trong trường hợp bạn không biết, bạn có thể thay đổi bảng màu của bảng quản trị từ menu.

Phối màu quản lý tùy chỉnh

Tiếp tục, các bảng màu có lẽ sẽ không hoàn toàn phù hợp với thương hiệu của bạn. Để kiểm soát hoàn toàn giao diện quản trị viên của bạn, hãy xem plugin WP Custom Admin Interface.

Plugin giao diện quản lý tùy chỉnh Wp

Bạn sẽ có quyền kiểm soát lớn đối với việc thiết kế giao diện quản trị trang web của bạn. Ví dụ: bạn có thể tạo một bảng màu mới có thể được chọn từ menu Hồ sơ của bạn.

Màu sắc quản lý tùy chỉnh

Và thậm chí bạn có thể đổi tên và sắp xếp lại các mục menu của mình, ẩn các menu và thêm các mục menu hoàn toàn tùy chỉnh mới.

Thứ tự menu tùy chỉnh

Nếu bạn muốn kiểm soát hoàn toàn giao diện quản trị, đây là cách để làm điều đó.

Bây giờ bạn đã biết tất cả các cách tốt nhất để xây dựng thương hiệu trang web của mình cho một doanh nghiệp, hãy bao gồm một số tùy chỉnh thương hiệu cá nhân.

22. Cập nhật tên của bạn để hiển thị

Tôi thấy nó mọi lúc trên các trang web WordPress mới:

Tên hiển thị của quản trị viên

WHO ?

Để tên của bạn theo cách này không làm cho trang web của bạn trông rất chuyên nghiệp và chắc chắn không giúp ích cho thương hiệu cá nhân của bạn.

Tin tốt là nó rất dễ thay đổi.

Tên xuất hiện trong đường viền bài đăng và trong các bình luận được gọi là và bạn có thể thay đổi tên đó từ menu Người dùng> Hồ sơ của bạn.

Tên hiển thị

Sau khi lưu, nó sẽ cập nhật ngay lập tức trên khắp trang web của bạn.

Video này giải thích cách sử dụng tên để hiển thị chi tiết hơn:

Với bộ tên của bạn, bạn cũng sẽ muốn thêm một hình đại diện tùy chỉnh.

23. Hiển thị hình đại diện tùy chỉnh

Bạn không muốn hình đại diện mặc định được hiển thị bên cạnh Tên hiển thị mới của mình, như thế này:

Mất avatar

Hầu hết các chủ đề WordPress tích hợp với Gravatar, vì vậy thời điểm bạn thêm hình ảnh vào đó, nó sẽ ngay lập tức hiển thị trên trang web của bạn.

Trong trường hợp bạn không quen thuộc với Gravatar, thì đây là một dịch vụ rất đơn giản.

Tất cả những gì bạn làm là thêm một địa chỉ email và tải lên một hình ảnh để liên kết. Đó là tất cả

Hồ sơ Gravatar
Tôi sử dụng Gravatar cho hình đại diện Compete Themes xuất hiện trên web

Bạn sẽ thấy hình ảnh Gravatar xuất hiện trên trang web của bạn và trên bất kỳ trang web nào khác tích hợp với dịch vụ (nhiều thứ).

Ngoài ra, bạn có thể cài đặt plugin Avatar người dùng đơn giản để tải ảnh đại diện lên trang web của mình mà không cần sử dụng Gravatar.

Hình đại diện người dùng đơn giản

Lấy tên và hình ảnh của bạn trên tất cả các bài đăng của bạn là một khởi đầu tuyệt vời và việc thêm một "hộp tác giả" có thể đưa mọi thứ lên cấp độ tiếp theo.

24. Thêm một hộp tác giả

"Hộp tác giả", ý tôi là như thế này:

Blog tác giả bắt đầu
Đây là một ảnh chụp màn hình của chủ đề blog khởi động.

Hộp chữ ký là tuyệt vời để xây dựng thương hiệu của bạn vì hai lý do.

Đầu tiên, họ nhận được tên và khuôn mặt của bạn trước mặt khách truy cập.

Thứ hai, bạn có thể thêm một tiểu sử ngắn để giúp bạn thêm cá tính và tính tương đối hơn nữa. Ngoài ra, bạn có thể liên kết đến các trang bạn muốn.

Vì hộp của tác giả xuất hiện sau nội dung của bài đăng, khách truy cập xem nó mới đọc một bài đăng, đây là thời điểm tốt để liên kết với nội dung đó.

Nếu chủ đề của bạn không bao gồm hộp tác giả, tôi khuyên bạn nên cài đặt plugin Simple Author Box.

Hộp tác giả đơn giản

Có khá nhiều plugin hộp tác giả có sẵn, nhưng theo tôi thì đó là sự cân bằng tốt nhất về tính linh hoạt và chất lượng ngay lập tức.

Hướng dẫn bằng video này sẽ cung cấp cho bạn một cái nhìn phía sau hậu trường nếu bạn muốn xem nó hoạt động như thế nào trước.

Cách sau đây để cá nhân hóa trang web của bạn sẽ giúp bạn xây dựng thương hiệu cá nhân nhanh hơn.

25. Thêm tiện ích "Giới thiệu về tôi"

Nếu trang web của bạn có một thanh bên, một trong những tùy chỉnh tốt nhất để xây dựng thương hiệu của bạn là bao gồm một tiện ích ở trên cùng.

Điều này sẽ giữ tên và hình đại diện của bạn hiển thị trên mỗi trang bạn đăng.

Bạn có thể sử dụng tiện ích văn bản hoặc tiện ích HTML để tự tạo bố cục như thế này hoặc cài đặt plugin Easy Profile Widget.

Tiện ích hồ sơ dễ dàng

Bạn càng tiếp xúc với khách truy cập vào tên, hình đại diện và tiểu sử của mình, bạn sẽ càng quen thuộc với họ và tiếp thị của bạn sẽ tốt hơn.

Nói về các widget, đây là một cách tuyệt vời khác để tùy chỉnh trang web WordPress của bạn.

26. Kiểm soát các trang mà các widget được hiển thị trên

Các vật dụng là tuyệt vời, nhưng có một vấn đề.

Đôi khi, bạn muốn thêm một tiện ích vào thanh bên, nhưng bạn không muốn nó hiển thị trên trang web của bạn.

Điều gì sẽ xảy ra nếu bạn có thể chọn chính xác các bài đăng và trang mà mỗi widget được hiển thị trong?

Với plugin Tùy chọn widget, bạn có thể làm điều đó.

Tùy chọn widget

Sau khi cài đặt Tùy chọn widget, bạn sẽ thấy phần mới này được thêm vào mỗi tiện ích.

Tùy chọn widget cấu hình mới

Bạn có thể thêm widget vào toàn bộ các loại trang cùng một lúc, như tất cả các danh mục hoặc chọn các danh mục cụ thể hoặc thậm chí các trang riêng lẻ.

Vì bạn có thể dễ dàng thay đổi các quy tắc giữa bao gồm VS và loại trừ widget trên các trang được chọn, plugin này mang đến cho trang web của bạn sự linh hoạt đáng kinh ngạc.

Đây là một cách khác để cập nhật tùy chỉnh trang web của bạn.

27. Thêm mô tả danh mục

Một tiêu đề danh mục thông thường trên trang web của bạn có thể trông như thế này:

Thể loại Lưu trữ

Mặc dù điều này hoạt động tốt trên chính nó, bạn thực sự có thể thêm một mô tả duy nhất cho mỗi thể loại.

Với một mô tả được thêm vào, nó có thể giúp khách truy cập hiểu chính xác những gì họ sẽ tìm thấy trên trang và cũng tốt cho SEO.

Bạn có thể truy cập trang Danh mục (Ấn phẩm> Danh mục) và nhấp vào bất kỳ danh mục nào để chỉnh sửa. Sau đó trên trang tiếp theo viết mô tả trong hộp này:

Danh mục hộp mô tả

Hầu hết các chủ đề sẽ hiển thị mô tả trên trang danh mục dưới tiêu đề, như vậy:

Danh mục tập tin với mô tả
Đây là cách chủ đề Apex hiển thị các mô tả danh mục

Bạn có thể hoàn thành tùy chỉnh này trong vài phút và cung cấp cho trang web của bạn một cái nhìn chuyên nghiệp hơn.

Một cách khác để tăng tính chuyên nghiệp cho trang web của bạn là tùy chỉnh văn bản của chân trang.

28. Tùy chỉnh văn bản chân trang

Hầu hết các chủ đề WordPress bao gồm tín dụng thiết kế ngắn ở cuối trang.

Mặc dù thường không thể xóa văn bản này mà không viết mã, một số chủ đề như Ignite bao gồm một tùy chọn đơn giản trong Tùy biến để thay đổi văn bản chân trang.

Văn bản chân trang tùy chỉnh

Bạn có thể bao gồm bất kỳ văn bản nào bạn muốn, nhưng nhiều trang web chọn bao gồm tên công ty, năm hiện tại và biểu tượng bản quyền. Bạn có thể sử dụng biểu tượng cảm xúc của mình để thêm biểu tượng bản quyền hoặc chỉ sao chép biểu tượng này vào khay nhớ tạm của bạn – ©

29. Cá nhân hóa các email mà WordPress gửi

Điều này có thể rất lớn cho bạn nếu bạn có thành viên tham gia trang web của mình.

WordPress có nhiều tin nhắn được viết sẵn mà nó gửi. Ví dụ: có email khi ai đó tham gia trang web của bạn hoặc thay đổi mật khẩu của họ.

Cả hai thông báo này sẽ không có thương hiệu cho bạn, vì vậy bạn có thể cài đặt plugin thông báo để có toàn quyền kiểm soát bản sao email.

Plugin thông báo

Este complemento es increíblemente personalizable y le permite cambiar la copia de correos electrónicos existentes y agregar eventos completamente nuevos para enviar correos electrónicos.

Normalmente pensamos en la personalización del sitio web como cambios visuales para un sitio, pero escribir una copia personalizada para sus correos electrónicos llevará su personalización aún más lejos.

Si realmente desea que todos los aspectos de su sitio se personalicen, uno de los últimos pasos es editar su página 404.

30. Personaliza tu página 404

Si anula la publicación de una página o cambia la URL y alguien visita la dirección anterior, verá una pantalla 404 como esta:

404 página

Si bien desea limpiar enlaces rotos y errores 404 en su sitio, es un hecho perfectamente natural para un sitio web.

Como sabe que las personas verán ocasionalmente su página 404, esta es otra oportunidad para crear una página con marca personalizada.

Para esto, pasaremos al plugin 404page.

Complemento de 404 páginas

Con este complemento, puede crear una página 404 totalmente personalizada para su sitio. Está diseñado de una manera muy inteligente.

Con 404page, simplemente puede publicar una página normal con el contenido que desee y luego asignarla como su página 404. Esto es mucho más fácil y más flexible que usar un editor personalizado para la página de error.

Aquí hay un consejo final que le dará mucho más control sobre su sitio web.

31. Domina el widget HTML

Aprender a escribir código es un gran trabajo, pero está la cosa …

HTML no es un lenguaje de programación como PHP o Javascript. HTML es justo.

Esto significa que puede aprender HTML muy rápido y una vez que sepa los conceptos básicos, descubrirá que tiene mucho más control sobre su sitio.

Con el widget HTML que viene incluido en WordPress, puede crear prácticamente cualquier contenido o diseño que desee sin agregar ningún complemento nuevo.

Widget HTML

Por ejemplo, recomendé un widget anteriormente para crear un widget "Acerca de mí" en la barra lateral, pero esto se hace fácilmente sin agregar un nuevo complemento si sabe cómo escribir HTML.

Es un excelente primer paso en el código y lo recomiendo encarecidamente para los usuarios de WordPress que desean obtener más información técnica.

Kết luận

En primer lugar, ¡felicidades por llegar tan lejos!

Esta publicación seguía haciéndose más larga a medida que se me ocurrían formas adicionales de personalizar un sitio web de WordPress.

Para ser honesto, todavía solo he arañado la superficie en esta publicación: hay muchos otros cambios que puede hacer en su sitio.

Volviendo a mi primer punto, una de las mejores maneras de comenzar a personalizar su sitio es elegir un tema personalizable, así que antes de ir, eche un vistazo a nuestros temas principales y obtenga una vista previa de ellos en su dispositivo. Todos son totalmente gratuitos, ¡para siempre!

Ver nuestra colección de temas →

Si tiene preguntas u otras ideas para compartir, publíquelas en la sección de comentarios a continuación.