Hướng dẫn how do i completely customize my wordpress site? - làm thế nào để tôi hoàn toàn tùy chỉnh trang web wordpress của mình?

Tiết lộ: Bài đăng này có thể chứa các liên kết liên kết. Mua một sản phẩm thông qua một trong những liên kết này tạo ra một khoản hoa hồng cho chúng tôi mà không phải trả thêm chi phí cho bạn. This post may contain affiliate links. Purchasing a product through one of these links generates a commission for us at no additional expense to you.

Inspiration.

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

Rất nhiều người dùng WP đã nhận ra rằng 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 khi 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.discover new tools and tactics for customizing your WordPress website.

Bạn sẽ xây dựng thương hiệu trang web của mình, cá nhân hóa nội dung của bạn và thậm chí thực hiện các thay đổi đối với bảng điều khiển quản trị viên.

Vào thời điểm bạn đọc xong, bạn sẽ có một trang web đẹp, đầy đủ hơn.you’ll have a more beautiful, fully branded website.

Có rất nhiều thứ để học ở đây, vì vậy hãy đánh dấu trang này để bạn có thể quay lại và hoàn thành nếu bạn cần thêm thời gian.

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

1. 1. Chọn một chủ đề mới
2. 2. Chuyển sang trang chủ tĩnh
3. 3. Tạo trang chủ tùy chỉnh
4. 4. Thay đổi phông chữ của bạn
5. 5. Thay đổi số lượng bài viết trên mỗi trang
6. 6. Kích hoạt cuộn vô hạn
7. 7. Sử dụng hình ảnh đặc trưng nhất quán
8. 8. Viết một đoạn trích tùy chỉnh cho mỗi bài đăng
9. 9. Tùy chỉnh cách trang web của bạn trông trên Facebook
10. 10. Thêm các biểu tượng xã hội của bạn
11. 11. Thêm nút chia sẻ xã hội
12. 12. Thêm một biểu mẫu liên hệ
13. 13. Tạo trang đích
14. 14. Tạo một menu tùy chỉnh
15. 15. Làm cho thực đơn của bạn "dính"
16. 16. Thêm một đường mòn bánh mì
17. 17. Tùy chỉnh màu sắc của bạn
18. 18. Thêm logo của bạn vào tab Trình duyệt
19. 19. Thêm hình nền
20. 20. Tạo trang đăng nhập có thương hiệu
21. 21. Tùy chỉnh quản trị viên WP
22. 22. Cập nhật tên hiển thị của bạn
23. 23. Hiển thị hình đại diện tùy chỉnh
24. 24. Thêm hộp tác giả
25. 25. Thêm một tiện ích về tôi "
26. 26. Kiểm soát các trang web trang web hiển thị trên
27. 27. Thêm mô tả danh mục
28. 28. Tùy chỉnh văn bản chân trang
29. 29. Tùy chỉnh các email WordPress gửi
30. 30. Tùy chỉnh trang 404 của bạn
31. 31. Làm chủ tiện ích HTML
32. Sự kết luận

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

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

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

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

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

6. Kích hoạt cuộn vô hạn

7. Sử dụng hình ảnh đặc trưng nhất quánpeople email me saying they’ve looked at hundreds of themes before choosing one of mine.

8. Viết một đoạn trích tùy chỉnh cho mỗi bài đăng

9. Tùy chỉnh cách trang web của bạn trông trên Facebook

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

11. Thêm nút chia sẻ xã hội

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

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

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

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

6. Kích hoạt cuộn vô hạn

7. Sử dụng hình ảnh đặc trưng nhất quán

8. Viết một đoạn trích tùy chỉnh cho mỗi bài đăng

9. Tùy chỉnh cách trang web của bạn trông trên Facebook

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

11. Thêm nút chia sẻ xã hội

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

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

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

6. Kích hoạt cuộn vô hạn

7. Sử dụng hình ảnh đặc trưng nhất quán

8. Viết một đoạn trích tùy chỉnh cho mỗi bài đăng

9. Tùy chỉnh cách trang web của bạn trông trên Facebook

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

11. Thêm nút chia sẻ xã hội

12. Thêm một biểu mẫu liên hệ

13. Tạo trang đích

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

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

16. Thêm một đường mòn bánh mì

Có hàng trăm khối được tạo 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 chùa chỉ bằng một cú nhấp chuột.

Bạn có thể duyệt các trang chủ được xây dựng sẵn, chèn yêu thích của bạn, sau đó trao đổi văn bản và hình ảnh để 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 những trang tốt nhất chỉ có sẵn trong Elementor Pro.

Vì vậy, để tóm tắt cách tất cả các hoạt động này

Bạn sẽ dựa vào chủ đề của mình cho hầu hết các trang trên trang web của mình, 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 tuyệt vời để sử dụng Elementor. Trên thực tế, ngay cả khi là một nhà phát triển chủ đề, tôi đã bắt đầu tạo các trang với Elementor thay vì tự mình mã hóa chúng vì nó rất nhanh và đơn giản.

Kiểm tra Elementor →

Bây giờ bạn đã biết về các nhà xây dựng trang, hãy để Lùi trở lại 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 tính cách trang web của bạn.

Đó là lý do tại sao bạn có thể khó chịu nếu bạn đã chọn phông chữ của bạn.

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

Cài đặt plugin 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 Google FONTS, là nguồn phông chữ thực tế cho web.

Tôi sử dụng phông chữ Google 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 cứ thứ gì khác.

Khi bạn cài đặt plugin kiểu chữ Google Fonts, 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 chuyển đổi phông chữ trên toàn bộ trang web của mình.

Đâ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 hướng dẫn video chi tiết về việc thay đổi phông chữ của bạn bằng kiểu chữ của Google Fonts nếu bạn muốn hướng dẫn từng bước.

Nếu bạn sử dụng bất kỳ chủ đề nào của chúng tôi, bạn cũng sẽ tìm thấy các phông chữ Google được tích hợp đầy đủ trong chủ đề nâng cấp chủ đề của bạn.

Bây giờ ở đây, một chiến thắng nhanh chóng khác để điều chỉnh bài thuyết trình của 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ài liệu lưu trữ chính của bạn (danh mục, thẻ, tác giả và tài liệu lưu trữ 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?

Khách truy cập sẽ cuộn qua tất cả 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 bạn bao gồm nhiều bài viết như 16 hoặc 20 thay thế.

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ài đặt này:

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

Đơn giản, phải không?

Khi ai đó đi đến cuối bài đăng của bạn, 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 mà tốt hơn so với phân trang đơn giản.

Trung thực.

Bao lâu thì bạn thực sự 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ất cả những gì tôi từng nhấp là liên kết đến trang tiếp theo của các bài viết. Biết điều đó, bạn có thực sự cần bất cứ thứ gì hơn là một nút nhiều bài viết trên mạng không?

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

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 một công việc tuyệt vời, nhưng bạn sẽ cần phải thoải mái chỉnh sửa một số mã trong chủ đề của bạn. Bạn cũng có thể thử một trong những plugin cuộn Infinite này nếu bạn sử dụng WooC Commerce.

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

Infinite Scroll sẽ khiến khách truy cập của bạn đọc thêm bài viết và dành nhiều thời gian hơn cho trang web của bạn. Trên thực tế, trong khi chúng tôi về chủ đề này, đây là hai cách nữa để 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 nhất quán

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

Chỉ để đảm bảo rằng 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:

Và hình ảnh sau đó sẽ hiển thị trên trang blog và bài đăng như thế này:

Đây là một ví dụ từ 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 lần nhấp hơn có nghĩa là nhiều độc giả và người đăng ký hơn.

Nhưng có nhiều hơn nữa cho nó.

Một số người dùng WordPress chỉ nghĩ về một bài đăng cùng một lúc khi họ chọn hình ảnh nổi bật và nó 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 rằng bạn giữ một cái nhìn nhất quán.

Chẳng hạn, tôi thường gắn bó với Vector Art cho các hình ảnh nổi bật ở đây trên blog cạnh tranh.

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

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

Nếu bạn muốn blog của bạn thậm chí còn hấp dẫn hơn, hãy làm theo mẹo tiếp theo này.

8. Viết một đoạn trích tùy chỉnh cho mỗi bài đăng

Tôi có thể tin rằng 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 soạn thảo, bạn sẽ tìm thấy hộp đoạn trích này:

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ẽ hiển thị trên trang blog và tài liệu lưu trữ chính.

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

Đầu tiên, chủ đề của bạn có thể sử dụng 25 từ đầu tiên. Bạn có 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 viết của bạn sau đó chỉ lấy 25 từ đầu tiên? Khách truy cập sẽ nhấp vào thêm nếu bạn viết các trích đoạn hấp dẫn.

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

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 cách trang web của bạn trông trên Facebook

Nếu bạn theo dõi hai lời khuyên cuối cùng của tôi, bạn sẽ thích cách đăng bài của bạn khi được chia sẻ trên Twitter và Facebook.

But!

Bạn cần thêm các thẻ đồ thị mở ra vào trang web của bạn. Cách dễ nhất là cài đặt 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 trong Google. Tôi không muốn có được quá nhiều bên vì bài đăng này là về thiết kế web không tối ưu hóa công cụ tìm kiếm, vì vậy bạn có thể đọc các hướng dẫn SEO này nếu bạn muốn biết thêm thông tin về tất cả những điều đó.

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

Các thẻ đồ thị mở hiển thị trong mã nguồn của mỗi trang của trang web của bạn và nói với các trang truyền thông xã hội như Facebook nội dung nào sẽ sử dụng khi ai đó chia sẻ trang web của bạn.

Nếu bạn thêm một hình ảnh đặc trưng và viết một đoạn trích tùy chỉnh, thì Nội dung Facebook sẽ hiển thị khi bài đăng được chia sẻ, nhưng chỉ khi bạn có các thẻ biểu đồ mở đượ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ỉ cho Facebook và/hoặc Twitter.

Thật tuyệt làm sao?

Bạn có thể sử dụng một bức ảnh đơn giản làm hình ảnh nổi bật của bạn, 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.

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

Mẹo thưởng: Để tiết kiệm thời gian, tôi viết một mô tả meta tùy chỉnh cho mỗi bài đăng, nhập nó vào yoast, và sau đó sử dụng lại nó dưới dạng đoạn trích tùy chỉnh. To save time, I write a custom meta description for each post, enter that into Yoast, and then reuse it as the post’s custom excerpt.

Tùy chỉnh WordPress này là chết đơn giản.

Nếu bạn muốn mọi người theo dõi bạn, bạn cần phải làm cho nó dễ dàng!

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.

Khi ai đó nhấp vào một trong các biểu tượng, nó sẽ đưa khách truy cập vào hồ sơ xã hội của bạn. Đâ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 vào tiêu đề và/hoặc chân trang của trang web của bạn là tuyệt vời để xây dựng đối tượng của bạn, bạn cũng nên xem xét thêm các nút chia sẻ xã hội.

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

Trong bước cuối cùng, tôi đã đề xuất 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 đề của trang web. Đó chỉ là những liên kết.

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

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

Có rất nhiều plugin để lựa chọn, nhưng yêu thích mới của tôi là chia sẻ xã hội không có kịch bản.

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ì hơn. 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.

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 nào có thể đến theo cách của bạn.

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

Nó cực kỳ có thể tùy chỉnh và dễ sử dụng. Thêm vào đó, việc nâng cấp 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 một biểu mẫu liên hệ với 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 bạn đã có biểu mẫu liên hệ, bạn có thể muốn tạo một trang đích mới.

13. Tạo trang đích

Một 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, bạn gửi lưu lượng truy cập mới ở đây để chuyển đổi chúng thành người đăng ký và/hoặc khách hàng.

Nếu bạn có thể lái xe thành công đến trang web của mình thì đã đến lúc đưa ra một đề nghị trên trang đích và gửi khách truy cập ở đó.

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 bạn có thể sử dụng làm điểm bắt đầu.

Một thủ thuật với các trang đích là bạn hoặc xóa 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 phải biết cách tạo các menu tùy chỉnh.

Mặc dù nó phụ thuộc vào chủ đề bạn chọn, trang web của bạn có thể sẽ xuất ra mọi trang trên trang trong menu chính.

Đây không phải là lý tưởng.

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

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

Bạn sẽ học cách thêm liên kết vào bất kỳ bài đăng, trang hoặc thậm chí URL bên ngoài vào 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 một cách dễ dàng.

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

Bây giờ, bạn đã cuộn một cách xuống bài đăng này, nhưng nếu bạn nhìn vào đỉnh màn hình, bạn sẽ thấy rằng menu chính vẫn còn hiển thị.

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

Có hai cách đơn giản để làm cho điều hướng của bạn bị dính (nếu chủ đề của bạn không 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í trên plugin cuộ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 #site-header hoặc #menu-primary-items tùy thuộc vào việc bạn muốn toàn bộ tiêu đề hay chỉ là menu chính bị dính.

Thay thế thứ hai là sử dụng tùy chọn menu dí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 thiết kế của menu trong khi bạn ở đó.

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

16. Thêm một đường mòn bánh mì

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

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

Các nhà thiết kế web đã áp dụng thuật ngữ tương tự cho dấu vết của các liên kết đôi khi được thêm vào bên dưới tiêu đề, giống như ví dụ này trên Amazon.

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

Mặc dù trang web của bạn chắc chắn nhỏ hơn và ít phức tạp hơn Amazon, nhưng nó vẫ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 nhiều việc khác. Chỉ cần nhấp vào tùy chọn này để bật nó từ menu Cài đặt:

Tất cả các chủ đề của chúng tôi đều tương thích với đường mòn Breadcrumb 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 Breadcrumbs don lồng hiển thị trên trang web của bạn.

Với một vài 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 đối với điều hướng của bạn.

Bây giờ, hãy để di chuyển sang thương hiệ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 để xây dựng thương hiệu trang web của bạn.

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

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

Ở đây, một chút nền tảng

CSS là tên của các nhà thiết kế web ngôn ngữ mã hóa sử dụng để tạo kiểu 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 tự viết một dòng CSS.

Chẳng hạn, bạn có thể dễ dàng thay đổi màu nền của trang web của mình với CSS Hero. Bạn sẽ bắt đầu bằng cách mở trình chỉnh sửa trực quan trông như thế này:

Tiếp theo, bạn sẽ nhấp vào nền tiết lộ một tập hợp các tùy chọn tùy chỉnh trong thanh bên trái.

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

CSS Hero có thể được sử dụng để thay đổi màu 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à vô số các khía cạnh thiết kế khác.

Hãy thử CSS Hero →

Kỹ thuật tùy chỉnh tiếp theo này là phải cho mọi 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 rằng logo của bạn đã ở đầu trang web của bạn. Mỗi chủ đề tôi đã từng 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ư thế này:

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

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

Bên trong tùy chỉnh, mở phần Nhận dạng trang web và bạn sẽ tìm thấy tùy chọn biểu tượng trang web ở phía dưới.

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

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

Bạn cũng có thể ngạc nhiên khi thấy WordPress giới thiệu 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ể hiển thị lớn hơn nhiều. Chẳng hạn, ai đó sử dụng iPad Pro có thể lưu trang web của bạn vào màn hình chính Safari, nơi biểu tượng sẽ hiển thị khá lớn.

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

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

19. Thêm hình nền

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

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

Chúng ta có thể chuyển sang CSS Hero một lần nữa cho sự tùy biến 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 thay thế.

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 trực tiếp từ Unplash.

Bây giờ, hãy để Lôi đư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 có thương hiệu

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

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

Tôi đã đánh dấu các chủ đề cạnh tranh đăng nhập và bây giờ nó trông thật tuyệt vời:

Tôi đã làm điều này bằng cách sử dụng plugin tùy chỉnh trang đăng nhập tùy chỉnh miễn phí.

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

Nếu bạn đã theo dõi thì trang web của bạn và màn hình đăng nhập hoàn toàn có thương hiệu, nhưng không có lý do gì để dừng ở đó!

Hãy cùng đưa thương hiệu vào bảng điều khiển trang web để đưa tùy chỉnh trang web WordPress của bạn hơn nữa.

21. Tùy chỉnh quản trị viên WP

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

Tiếp tục, các phối màu có lẽ không phù hợp với thương hiệu của bạn một cách hoàn hảo. Để có được sự kiểm soát đầy đủ đối với giao diện quản trị của bạn, hãy xem plugin giao diện quản trị tùy chỉnh WP.

Bạn có thể có một lượng lớn quyền kiểm soát đối với thiết kế giao diện quản trị trang web của bạn. Chẳng hạn, 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.

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

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

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 bạn 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 hiển thị của bạn

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

Quản trị viên là ai?

Để lại 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à nó chắc chắn không giúp ích gì cho thương hiệu cá nhân của bạn.

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

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

Sau khi được lưu, nó sẽ cập nhật ngay lập tức trên toàn bộ 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 một hình đại diện mặc định hiển thị bên cạnh tên hiển thị mới của bạn, như thế này:

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 một hình ảnh ở đó, nó sẽ hiển thị ngay lập tức trên trang web của bạn.

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

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

Tôi sử dụng Gravatar cho Avatar chủ đề cạnh tranh của mình hiển thị trên web

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

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

Lấy tên và hình ảnh của bạn lên tất cả các bài viết 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ủa người Hồi giáo có thể đưa mọi thứ lên cấp độ tiếp theo.

Bởi hộp tác giả của người Hồi giáo, tôi có nghĩa là một cái gì đó như thế này:

Đây là một ảnh chụp màn hình từ chủ đề Blog Startup.

Hộp tác giả 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ọ có đượ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 tính cách và tính tương đối hơn nữa. Thêm vào đó, bạn có thể liên kết đến bất kỳ trang nào bạn muốn.

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

Nếu chủ đề của bạn không có hộp tác giả bao gồm, tôi khuyên bạn nên cài đặt plugin 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, một người cung cấp sự cân bằng tốt nhất về tính linh hoạt và chất lượng ngoài hộp.

Hướng dẫn video này sẽ cung cấp cho bạn một cái nhìn hậu trường nếu bạn muốn xem cách nó hoạt động đầu tiên. Hoặc bạn có thể làm theo hướng dẫn này về việc thêm một hộp sinh học của tác giả.

Cách tiếp theo để tùy chỉnh trang web của bạn sẽ giúp bạn xây dựng thương hiệu cá nhân của bạn thậm chí nhanh hơn.

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 về tôi ở trên cùng.

Điều này sẽ giữ cho tên và avatar của bạn hiển thị trên mỗi trang bạn xuất bản.

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 Widget Cấu hình dễ dàng.

Bạn càng tiếp xúc với khách truy cập vào tên, Avatar và Bio của bạn, bạn càng trở nên quen thuộc với họ và tiếp thị của bạn sẽ thực hiện tốt hơn.

Nói về các widget, ở đây, 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 web trang web hiển thị trên

Các widget 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 của mình, nhưng bạn không muốn nó hiển thị trên mỗi trang của 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 bài đăng và trang nào mà mỗi tiện ích hiển thị trên?

Với plugin Tùy chọn Widget, bạn có thể.

Sau khi bạn cài đặt các 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.

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

Vì bạn có thể dễ dàng lật các quy tắc giữa bao gồm VS không bao gồm tiện ích trên các trang đã chọn, plugin này mang lại cho trang web của bạn sự linh hoạt đáng kinh ngạc.

Ở đây, một cách khác để nâng cấp tùy chỉnh trang web của bạn.

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

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

Mặc dù điều này hoạt động tốt, bạn thực sự có thể thêm một mô tả độc đáo cho mọi danh mục.

Với một mô tả được thêm vào, bạ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à nó cũng tốt cho SEO.

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

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

Đây là cách chủ đề Apex hiển thị 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 cường tính chuyên nghiệp của trang web của bạn là tùy chỉnh văn bản chân trang của bạn.

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

Mặc dù nó 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 trình tùy chỉnh để thay đổi văn bản chân trang.

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 ký hiệu bản quyền hoặc chỉ sao chép lại vào bảng tạm của bạn - ©

29. Tùy chỉnh các email 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 bạn.

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

Không có tin nhắn nào trong số này sẽ mang theo 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 này có thể tùy chỉnh một cách tuyệt vời và cho phép bạn thay đổi bản sao của các email hiện có và thêm các sự kiện hoàn toàn mới để gửi email.

Chúng tôi thường nghĩ về việc tùy chỉnh trang web là thay đổi trực quan cho một trang web, nhưng viết bản sao tùy chỉnh cho email của bạn sẽ đưa tùy chỉnh của bạn hơn nữa.

Nếu bạn thực sự muốn mọi khía cạnh của trang web của bạn được tùy chỉnh, một trong những bước cuối cùng là chỉnh sửa trang 404 của bạn.

30. Tùy chỉnh trang 404 của bạn

Nếu bạn không xuất bản một trang hoặc thay đổi URL và ai đó truy cập địa chỉ cũ, họ sẽ thấy một màn hình 404 như thế này:

Mặc dù bạn muốn làm sạch các liên kết bị hỏng và 404 lỗi trên trang web của mình, nhưng đó là một sự xuất hiện hoàn toàn tự nhiên cho một trang web.

Vì bạn biết mọi người thỉnh thoảng sẽ xem trang 404 của bạn, đây là một cơ hội khác để tạo một trang có thương hiệu tùy chỉnh.

Đối với điều này, chúng tôi sẽ chuyển sang plugin 404page.

Với plugin này, bạn có thể tạo một trang 404 hoàn toàn tùy chỉnh cho trang web của mình. Nó được thiết kế một cách rất thông minh.

Với 404page, bạn chỉ có thể xuất bản một trang thông thường với bất kỳ nội dung nào bạn muốn và sau đó gán nó làm trang 404 của bạn. Điều này dễ dàng và linh hoạt hơn nhiều so với việc sử dụng trình soạn thảo tùy chỉnh cho trang lỗi.

Ở đây, một mẹo cuối cùng sẽ cung cấp cho bạn nhiều quyền kiểm soát hơn đối với trang web của bạn.

Học viết mã là một công việc lớn, nhưng có một điều

HTML không phải là ngôn ngữ lập trình như PHP hoặc JavaScript. HTML chỉ là đánh dấu.

Điều này có nghĩa là bạn có thể học HTML thực sự nhanh chóng và một khi bạn biết những điều cơ bản, bạn sẽ thấy bạn có quyền kiểm soát nhiều hơn đối với trang web của mình.

Với tiện ích HTML có trong WordPress, bạn có thể tạo hầu như mọi nội dung hoặc bố cục bạn muốn mà không cần thêm bất kỳ plugin mới nào.

Chẳng hạn, tôi đã đề xuất một tiện ích trước đây để tạo một tiện ích về tôi về tôi trong thanh bên, nhưng điều này được thực hiện dễ dàng mà không cần thêm một plugin mới nếu bạn biết cách viết HTML.

Đó là một bước đầu tiên tuyệt vời vào mã và tôi đánh giá cao nó cho người dùng WordPress muốn có được kỹ thuật hơn.

Sự kết luận

Trước hết, chúc mừng bạn đã làm cho nó đến nay!

Bài đăng này cứ dài hơn khi tôi đưa ra những cách bổ sung để tùy chỉnh một trang web WordPress.

Thành thật mà nói, tôi vẫn chỉ gãi bề mặt trong bài đăng này - có vô số thay đổi khác mà bạn có thể thực hiện cho trang web của mình.

Quay trở lại điểm đầu tiên của tôi, một trong những cách tốt nhất để bắt đầu cá nhân hóa trang web của bạn là chọn một chủ đề có thể tùy chỉnh, vì vậy trước khi bạn đi, hãy xem các chủ đề hàng đầu của chúng tôi và xem trước chúng trên thiết bị của bạn. Họ hoàn toàn tự do sử dụng - mãi mãi!

Xem bộ sưu tập chủ đề của chúng tôi →

Nếu bạn đã có câu hỏi hoặc ý tưởng khác để chia sẻ, hãy đăng trong phần bình luận bên dưới.

Ben Sibley

Ben Sibley là một nhà thiết kế & nhà phát triển chủ đề WordPress, và người sáng lập Arbete Themes.

Làm cách nào để thay đổi chủ đề WordPress của tôi hoàn toàn?

Làm cách nào để sử dụng WordPress để tùy chỉnh trang web của tôi?

Làm thế nào tôi có thể tùy chỉnh trang web WordPress của mình miễn phí?