Chân trang chỉnh sửa WordPress

Chân trang web luôn là một trong những yếu tố khó khăn nhất của thiết kế web để có được đúng. Và chân trang WordPress cũng không khác. Cho dù bạn chỉ hy vọng tìm ra cách xóa “Tự hào được cung cấp bởi WordPress” ở chân trang hay cố gắng thiết kế lại hoàn toàn chân trang của mình, thì việc biết cách chỉnh sửa chân trang của bạn trong WordPress là điều cần thiết

Trong bài đăng này, chúng tôi sẽ giới thiệu những cách hữu ích nhất để chỉnh sửa chân trang WordPress để bạn có thể chọn cách phù hợp với mình

Đây là những gì chúng tôi sẽ đề cập

  • Cách chỉnh sửa chân trang bằng Trình tùy chỉnh chủ đề WordPress
  • Cách chỉnh sửa chân trang bằng chỉnh sửa toàn bộ trang web (và các mẫu) trong WordPress
  • Cách chỉnh sửa chân trang bằng plugin WordPress
  • Cách chỉnh sửa chân trang bằng Trình tạo chủ đề Divi

Tùy chỉnh chân trang được tích hợp sẵn trong WordPress, vì vậy mọi trang web sẽ có một số cách chỉnh sửa và thiết kế nó. Với WordPress Block Editor mới và khả năng Chỉnh sửa toàn bộ trang web của WordPress, việc chỉnh sửa chân trang trở nên dễ dàng hơn đối với người dùng WordPress (đặc biệt là đối với các trang web WooC Commerce). Nhưng không phải tất cả các chủ đề đều giống nhau và một số chủ đề cổ điển sẽ dựa vào các phương pháp cũ hơn

Với ý nghĩ đó, đây là 4 cách để chỉnh sửa chân trang của bạn trong WordPress

WordPress Customizer là một công cụ tuyệt vời cho phép bạn thay đổi giao diện trang web WordPress của mình. Với Tùy biến, bạn có thể thay đổi màu, phông chữ và các tùy chọn kiểu dáng khác của chân trang (và chủ đề). Bạn cũng có thể thêm các tiện ích và menu tùy chỉnh vào chân trang của mình

Xin lưu ý rằng trải nghiệm tùy biến truyền thống ngày càng ít được sử dụng trong các chủ đề khi Trình chỉnh sửa khối ngày càng có nhiều tính năng và được áp dụng. Nếu nút “Tùy chỉnh” đưa bạn đến Trình chỉnh sửa khối, bạn sẽ tìm hiểu cách xử lý nút đó trong các phần tiếp theo

Trong chế độ xem Bảng điều khiển dành cho quản trị viên của bạn, hãy nhấp vào “Giao diện” rồi nhấp vào “Tùy chỉnh”

Chân trang chỉnh sửa WordPress

Điều này sẽ mở ra một trong những trải nghiệm chỉnh sửa trang web trực quan của WordPress. Các tùy chọn trong khu vực này sẽ thay đổi rất nhiều tùy thuộc vào chủ đề của bạn. Đối với ví dụ này, chúng tôi đang sử dụng Chủ đề Twenty-Twenty phổ biến

Cách thêm khối mới vào khu vực chân trang

Để chỉnh sửa tiện ích chân trang trong tùy biến, hãy nhấp vào Tiện ích và sau đó cuộn xuống cuối trang. Tìm các khu vực Tiện ích chân trang để xem các phần của chân trang có thể chỉnh sửa được trong Chế độ xem tùy chỉnh. Để đến đó nhanh hơn, bạn cũng có thể nhấp vào biểu tượng bút chì màu xanh để đến đó nhanh hơn

Chân trang chỉnh sửa WordPress

Bạn có thể chỉnh sửa các khu vực tiện ích này bằng Trình chỉnh sửa khối được ghép nối. Bạn có thể thêm hoặc xóa các khối vào khu vực tiện ích đó. Hãy nhớ rằng chủ đề xác định vị trí kết thúc của khu vực tiện ích con

Để thêm menu điều hướng chân trang, hãy thêm khối Điều hướng vào một trong các khu vực tiện ích chân trang của bạn. Nếu bạn có nhiều menu được tạo trên trang web của mình, bạn có thể chọn menu bạn muốn và cũng đặt tiêu đề hiển thị cho khối

Thay đổi màu chủ đề trong WordPress Customizer

Chủ đề mặc định của Twenty Twenty WordPress đi kèm với khả năng thay đổi màu chủ đề chính. Bạn có thể chọn màu nền đầu trang/chân trang, màu nền nội dung và màu nhấn chính cho trang web. Điều này tự động thay đổi các màu này ở mọi nơi chúng được sử dụng trên trang web

Chân trang chỉnh sửa WordPress

Đặt Màu chính thay đổi đáng chú ý nhất màu của văn bản được liên kết

Thêm CSS tùy chỉnh để chỉnh sửa kiểu chân trang trong Trình tùy chỉnh WordPress

Công cụ tùy chỉnh có cách thêm CSS tùy chỉnh vào trang web của bạn và xem trước giao diện của nó

Trong ngăn gốc của Tùy biến, điều hướng đến CSS bổ sung (tùy chọn cuối cùng). Trong ví dụ này, chúng ta sẽ thay đổi màu nền của footer bằng một đoạn CSS đơn giản như sau

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
background-color: aliceblue;
}

Khi chúng tôi thêm CSS, chúng tôi sẽ thấy bản xem trước giao diện của nó ngay lập tức

Bạn có thể chọn bất kỳ tên màu CSS hoặc mã hex được xác định trước nào. Xuất bản các thay đổi của bạn sau khi bạn quay số trong CSS để áp dụng nó cho trang web của mình

Chân trang chỉnh sửa WordPress

Footer khác nhau Tùy chỉnh tùy chọn theo chủ đề

Một số chủ đề sử dụng cách tiếp cận hoàn toàn khác để chỉnh sửa chân trang (và các phần khác của trang web) trong Tùy biến. Có quá nhiều chủ đề như vậy để hiển thị nhưng chúng cung cấp các tùy chọn bổ sung trong tùy biến để chỉnh sửa kiểu, bố cục và chức năng chung

2. Cách chỉnh sửa chân trang bằng cách sử dụng chỉnh sửa toàn trang & mẫu khối trong WordPress

Chỉnh sửa chân trang trong Trình chỉnh sửa khối WordPress rất dễ dàng nếu chủ đề của bạn là Chủ đề khối. Để cho bạn thấy điều này dễ dàng như thế nào, chúng tôi sẽ chỉnh sửa chân trang bằng chủ đề mặc định Twenty-Hai mươi hai

Nhấp vào “Giao diện” và sau đó nhấp vào “Trình chỉnh sửa”. Điều này sẽ tải trang chủ của trang web của bạn trong trình chỉnh sửa khối

Chân trang chỉnh sửa WordPress

Tiếp theo, cuộn xuống trang cho đến khi bạn thấy chân trang của trang web của mình. Sau đó, click vào phần footer để bắt đầu chỉnh sửa. Bạn sẽ có thể chỉnh sửa chân trang giống như bạn làm với một trang hoặc bài đăng trong trình chỉnh sửa khối

Tuy nhiên, nếu bạn chưa quen với cách trình chỉnh sửa này hoạt động, hãy đọc bài viết này giải thích cách sử dụng Trình chỉnh sửa khối

Chân trang chỉnh sửa WordPress

Bạn cũng có thể thêm các thành phần khối vào chân trang của mình. Hãy thử thêm menu chân trang (được gọi là khối Điều hướng), khối Hình ảnh cho biểu trưng của bạn hoặc thậm chí HTML tùy chỉnh cho biểu mẫu người đăng ký email bên ngoài

Chân trang chỉnh sửa WordPress

Ngoài ra, nếu bạn muốn chỉnh sửa chân trang mà không bị phân tâm, bạn có thể thực hiện việc này bằng hai lần nhấp. Nhấp vào biểu tượng menu Dấu ba chấm dọc (⋮) và chọn “Chỉnh sửa chân trang”

Chân trang chỉnh sửa WordPress

Thao tác này sẽ mở ra một chế độ xem chỉnh sửa mới, chế độ này sẽ loại bỏ tất cả các thành phần trang khác ngoại trừ chân trang mà bạn đang chỉnh sửa. Trình chỉnh sửa khối trong chế độ xem này hoạt động giống nhau—chỉ tập trung hơn một chút

Chân trang chỉnh sửa WordPress

Sao chép các mẫu khối chân trang được tạo sẵn

Các mẫu là một bổ sung mới hơn cho trình chỉnh sửa khối. Các mẫu cung cấp cho các nhà thiết kế khả năng tạo các cấu hình khối tuyệt vời và chia sẻ chúng với những người khác. Các mẫu công khai có thể được tìm thấy trong Thư mục mẫu khối

Đối với mục đích của chúng tôi, bạn có thể tìm kiếm các mẫu cho “chân trang”. Điều này sẽ thu hẹp danh sách mà bạn có thể chọn. Di chuột qua bất kỳ mẫu nào bạn thích, nhấp vào sao chép và quay lại trang web của bạn. Mã mẫu sẽ có trong khay nhớ tạm của bạn—sẵn sàng để dán

Chân trang chỉnh sửa WordPress

Thêm khối HTML tùy chỉnh mới

Chân trang chỉnh sửa WordPress

Trong Khối HTML, dán mã mẫu chân trang đã sao chép vào đó

Chân trang chỉnh sửa WordPress

Sau đó, chọn Xem trước rồi chuyển đổi HTML tùy chỉnh thành Khối. Điều này sẽ làm cho mỗi mục có thể chỉnh sửa được thông qua trình chỉnh sửa khối

Chân trang chỉnh sửa WordPress

Trong trình chỉnh sửa của mình, bạn sẽ thấy rằng mẫu đã được chuyển đổi thành công thành các khối và bạn có thể chỉnh sửa chúng để phù hợp với nhu cầu của mình

Chân trang chỉnh sửa WordPress

Các mẫu này được tạo bởi cộng đồng WordPress nói chung, hy vọng chúng sẽ thay đổi về chất lượng và thiết kế. Các trình tạo trang như Divi đưa các mẫu WordPress lên một cấp độ hoàn toàn mới, với hàng trăm mẫu chân trang và bố cục tạo sẵn được tạo bởi nhóm thiết kế chuyên nghiệp và các nhiếp ảnh gia

3. Cách xóa “Được cung cấp bởi WordPress” bằng Plugin

Đôi khi, tất cả các chỉnh sửa ở chân trang mà bạn cần làm là xóa một số thương hiệu chủ đề khỏi chân trang của bạn. Nhiều nhà phát triển chủ đề khiến việc xóa tên công ty và liên kết của họ khỏi chân trang của bạn trở nên rất khó khăn (đặc biệt là với các chủ đề miễn phí)

Xóa thương hiệu chủ đề hoặc "Tự hào được cung cấp bởi WordPress" cổ điển đủ dễ dàng với plugin. Tải xuống plugin Xóa tín dụng chân trang

Chọn văn bản chân trang mà bạn không muốn hiển thị và sao chép nó vào khay nhớ tạm của bạn. Trong trường hợp của chúng tôi, chúng tôi đang cố gắng xóa “Được cung cấp bởi WordPress” trong chân trang ví dụ của chúng tôi

Chân trang chỉnh sửa WordPress

Chuyển đến “Công cụ” và “Xóa tín dụng chân trang”. Dán văn bản từ chân trang của bạn vào trường trên cùng. Bạn có thể chọn văn bản thay thế hoặc để trống trường thứ hai. Nhấp vào lưu và tận hưởng chân trang sạch hơn của bạn

Chân trang chỉnh sửa WordPress

Xem chân trang trên trang web trực tiếp của bạn

Chân trang chỉnh sửa WordPress

Nếu phần tử chân trang vẫn còn đó, hãy thử chia văn bản thành các dòng riêng biệt. Chỉ cần cẩn thận về văn bản bạn thêm vào plugin này. Nếu bạn cố xóa một từ rất phổ biến khỏi trang web của mình, từ đó có thể biến mất ở nơi khác trên trang web của bạn, không chỉ ở chân trang. Một số chủ đề không muốn bạn có thể xóa các khoản tín dụng chân trang, do đó bạn có thể gặp phải sự phản đối nhiệt tình đối với plugin này phù hợp với bạn

4. Cách xây dựng và chỉnh sửa mẫu chân trang WordPress bằng Divi

Trình tạo chủ đề Divi cung cấp cho bạn mọi thứ bạn cần để tạo toàn bộ thiết kế chủ đề. Điều này bao gồm một chân trang được quay số hoàn hảo. Hầu hết các chủ đề hạn chế các tùy chọn thiết kế của bạn trong các khu vực như chân trang hoặc đầu trang của trang web WordPress của bạn. Divi cung cấp cho bạn toàn quyền kiểm soát sáng tạo đối với cả đầu trang và chân trang bằng các công cụ để làm cho nó hoạt động

Để bắt đầu tạo chân trang của bạn, hãy mở Trình tạo chủ đề Divi rồi chọn “Xây dựng chân trang toàn cầu” trên mẫu mặc định

Chân trang chỉnh sửa WordPress

Thao tác này sẽ hiển thị một số tùy chọn. Chọn “Xây dựng từ đầu” để xây dựng chân trang chính xác mà bạn có trong đầu. Thao tác này sẽ mở giao diện Divi Visual Editing và cho phép bạn bắt đầu xây dựng chân trang

Vì đây là “Chân trang toàn cầu” nên nó sẽ xuất hiện trên tất cả các trang của bạn. Nội dung khác phía trên chân trang có thể được tạo trên các trang riêng lẻ

Chân trang chỉnh sửa WordPress

Từ đó, bạn có thể thiết kế chân trang có thể áp dụng cho tất cả các trang trên trang web của mình

Nếu bạn muốn có một hướng dẫn tuyệt vời về cách tạo chân trang tùy chỉnh—từ đầu đến cuối—hãy xem hướng dẫn đầy đủ này để tạo chân trang tùy chỉnh. Đây là kết quả mà bạn sẽ làm cho chính mình

Chân trang chỉnh sửa WordPress

Tất nhiên, bạn hoàn toàn tự do chỉnh sửa footer theo nhu cầu và ý thích của mình

Mẹo về những gì cần đưa vào chân trang WordPress của bạn

Khách truy cập mong đợi một số thông tin nhất định được đặt ở chân trang web của bạn. Mặc dù có chỗ cho sự sáng tạo trong thiết kế chân trang, nhưng tốt nhất là luôn giữ cho nội dung chân trang của bạn phù hợp với những gì người dùng đang mong đợi tìm thấy. Ngoài tiêu đề, chân trang có lẽ là không gian dễ thấy nhất trên trang web của bạn. Vì vậy, nó phải chứa thông tin và liên kết quan trọng nhất đối với khách truy cập và công ty của bạn, bao gồm

  1. Hồ sơ xã hội và cộng đồng
  2. Các trang có liên quan (Dịch vụ, Blog, Trợ giúp, v.v. )
  3. Thông tin cụ thể về Công ty/Trang web (Điều khoản dịch vụ, Nghề nghiệp, Giới thiệu, Thông tin liên hệ, v.v. )
  4. Thông báo bản quyền và nhãn hiệu đã đăng ký

Chân trang chỉnh sửa WordPress

Nếu bạn điều hành một doanh nghiệp địa phương có vị trí thực tế, chúng tôi luôn khuyên bạn nên thêm NAP vào cuối trang của mình. NAP là viết tắt của

  1. Tên của doanh nghiệp
  2. Địa chỉ kinh doanh
  3. Số điện thoại của Doanh nghiệp

Chân trang chỉnh sửa WordPress

Điều quan trọng là giữ cho các chi tiết này được định dạng nhất quán trên trang web của bạn, hồ sơ Google Doanh nghiệp của tôi và các danh sách địa phương khác như Yelp và Facebook. Vị trí NAP nhất quán rất quan trọng vì nó có lợi cho SEO của trang web doanh nghiệp của bạn

Vào cuối ngày, chân trang phải phản ánh thông tin “Đi tới” mà khách hàng của bạn mong đợi từ doanh nghiệp của bạn. Không bao gồm những thứ không có ý nghĩa và đảm bảo các trang quan trọng nhất của bạn được liên kết. Để biết thêm, hãy xem 5 mẹo chân trang khác này để giúp bạn tạo chân trang thân thiện hơn với người dùng

Phần kết luận

Đối với hầu hết, cách dễ nhất để chỉnh sửa chân trang của bạn là tận dụng các tính năng chỉnh sửa toàn trang mới trong WordPress. Điều này cho phép bạn chỉnh sửa chân trang toàn cầu của mình ngay bên trong trình chỉnh sửa WordPress bằng cách sử dụng các khối WordPress. Đối với những người muốn kiểm soát hoàn toàn thiết kế khi tạo hoặc chỉnh sửa chân trang của mình, trình tạo chủ đề của Divi là lựa chọn phù hợp. Điều này không chỉ cung cấp cho bạn toàn bộ thiết kế và kiểm soát chức năng đối với chân trang mà còn cho phép bạn tải trước các mẫu được thiết kế chuyên nghiệp lên trang web của mình

Để biết thêm, hãy xem bài đăng của chúng tôi về cách sử dụng trình chỉnh sửa khối WordPress

Các khu vực xây dựng chủ đề toàn cầu, chẳng hạn như chân trang toàn cầu, đã cải thiện chất lượng và tốc độ của quá trình thiết kế trang web của bạn như thế nào?