Đặt chân trang WordPress

Chân trang là phần bị đánh giá thấp nhất của một trang web. Nhưng, nó không nên theo cách này. Có 2 lợi thế chính khi sử dụng chân trang web

• giúp điều hướng trang web
• giúp SEO, bằng cách cải thiện các liên kết nội bộ

Và nếu bạn đang nghĩ rằng mọi người không cuộn xuống và phần chân trang không hiển thị, thì hãy đoán lại

Một nghiên cứu của Chartbeat tiết lộ rằng họ cuộn. Và họ đã phân tích 25 triệu phiên trên web. Điều thú vị hơn là nhiều khách truy cập cuộn xuống trang trước khi nó tải xong, điều đó có nghĩa là không có phần nào của một bài báo điển hình được 100% người xem xem và phần đầu của trang thực sự có tỷ lệ xem thấp hơn khoảng 20% ​​so với . Điều này hoàn toàn làm tôi sốc, chỉ cần nhìn vào biểu đồ bên dưới

Bây giờ, không cần phải quảng cáo thêm, hãy xem chúng ta sẽ nói về điều gì trong bài viết này

• Bạn có thể bao gồm những gì trong chân trang WordPress của mình,
• Cảm hứng chân trang,
• Cách tạo và chỉnh sửa chân trang WordPress của bạn trong cả Trình tùy chỉnh và Trình chỉnh sửa khối,
• Cách bạn có thể thay đổi chân trang trong mã của chủ đề hoặc sử dụng CSS

Chúng ta có một thỏa thuận?

Hãy cuộn

Bạn có thể bao gồm những gì trong chân trang WordPress của mình?

Đây là danh sách những thứ có thể đi vào chân trang web của bạn

• Các trang không phù hợp với menu chính của bạn, nhưng bạn muốn làm cho chúng dễ khám phá hơn,
• Chính sách bảo mật và Điều khoản & Điều kiện,
• Khiếu nại bản quyền,
• Sơ đồ trang web,
• Biểu tượng truyền thông xã hội,
• Giải thưởng và huy hiệu,
• Liên kết đến thông tin công ty. trang về chúng tôi, nhóm, sự nghiệp, ban cố vấn, v.v.
• Liên kết chương trình liên kết và lòng trung thành,
• Bài viết blog mới nhất,
• Liên kết đến tài nguyên. blog, cơ sở kiến ​​thức, khóa học, podcast, v.v.
• Sự kiện sắp tới,
• Liên kết dịch vụ khách hàng,
• Liên kết đến ứng dụng Google Play và App Store,
• đăng ký bản tin,

và danh sách chắc chắn có thể tiếp tục

Bây giờ, đừng bao gồm tất cả những điều trên, nếu không cuối cùng bạn sẽ có một footer béo. Đặt mình vào vị trí của khách hàng. Họ sẽ thấy gì hữu ích?

Bây giờ, muốn xem một số footer thực sự?

Chân trang để truyền cảm hứng cho bạn

• Hubspot (một trong những CRM phổ biến nhất hiện có) – chúng có 5 phần chân trang chính. tính năng phổ biến của sản phẩm, công cụ miễn phí, công ty, khách hàng và đối tác. Cá nhân tôi thích các công cụ miễn phí được liệt kê ở đó, đó là một phím tắt tuyệt vời. Bất cứ khi nào tôi nghiên cứu, nếu dữ liệu về khách hàng và đối tác không rõ ràng trong menu chính, tôi rất vui khi tìm thấy chúng ở cuối trang. Đó là một mô hình để tìm dữ liệu của đối tác ở chân trang

• Có thể lập kế hoạch (một sản phẩm SaaS của phương tiện truyền thông xã hội) – họ đặt logo và hồ sơ xã hội của họ bên trong chân trang. Họ tập trung vào các tính năng và tài nguyên của sản phẩm
  
• National Geographic – bên cạnh việc đề cập đến các trang web chính của họ, tôi thích rằng họ có tùy chọn “Pitch a story”. Đây là một tính năng có thể được sử dụng bởi hầu hết các tờ báo, cũng như các trang web chấp nhận bài viết của khách. Thông thường “Viết cho chúng tôi”, “Đóng góp” hoặc “Pitch a Story” là các tùy chọn hiển thị ở chân trang
  
• Patagonia (quần áo ngoài trời) – Tôi thích việc họ nhấn mạnh vào các liên kết hữu ích trong việc chăm sóc khách hàng (trả lại, đăng nhập, sửa chữa, v.v. )
  
• Blue Apron – thích bản sao ở đây. “Nấu ăn gì”. Đó là một liên lạc tốt đẹp. sử dụng một hình ảnh để giới thiệu blog
  
• Mới - sử dụng chân trang để thể hiện thông tin báo chí. Ngoài ra, họ đang đặt các nút Google Play và App Store
  
• Coachella (lễ hội âm nhạc) – họ quản lý để sử dụng thiết kế để thu hút sự chú ý đến chân trang
  

Blink nếu bạn làm cho nó đến đây

Trong các chương tiếp theo, tôi sẽ chỉ cho bạn một số phương pháp chỉnh sửa chân trang trong WordPress

Thông thường, thiết kế chân trang được kiểm soát bởi chủ đề của bạn. Nếu bạn đang sử dụng gói trả phí cho chủ đề của mình, thì có thể có rất nhiều tùy chỉnh có sẵn. Đối với các chủ đề miễn phí, các tùy chọn hơi hạn chế

Hãy bắt đầu

1. Quản lý footer WordPress trong theme Customizer

Cách tạo footer bên trong WordPress Customizer

cái này dễ

• Đăng nhập vào Bảng điều khiển quản trị WordPress
• Chuyển đến Giao diện -> Tùy chỉnh. Bạn sẽ được đưa đến Tùy biến của chủ đề WordPress mà bạn đã cài đặt và kích hoạt
• Tìm phần dành riêng cho chân trang

Tôi sẽ sử dụng chủ đề SkylineWP làm ví dụ.

Trong tùy chọn cài đặt, bạn có thể thực hiện các điều chỉnh sau

• thay đổi hình nền chân trang,
• thêm các cột và hàng mới,
• thay đổi màu văn bản,
• quyết định yếu tố nào cần hiển thị trên thiết bị di động hay không,

Tùy biến cụ thể này cũng có sẵn một số mẫu chân trang. Nhấp vào “Chọn thiết kế chân trang” để khám phá chúng

Khá đơn giản, bạn có nghĩ vậy không?

Bây giờ, hãy chuyển sang

Cách tạo kiểu cho chân trang WordPress trong Tùy biến

Bây giờ, tôi sẽ đi sâu hơn về những thay đổi mà bạn có thể thực hiện đối với chân trang của mình. Các tùy biến có thể khác nhau từ chủ đề này sang chủ đề khác, nhưng logic đằng sau vẫn tồn tại. Vì vậy, ngay cả khi tôi đang sử dụng chủ đề SkylineWP, bạn sẽ có thể nhận ra quy trình tôi đang sử dụng trong các Tùy biến khác

Trước khi đi vào chi tiết, tôi muốn chỉ ra một số yếu tố cấu trúc. Mỗi phần trang web đi vào bên trong một khối. Có khối “Giới thiệu về chúng tôi”, khối “Danh mục đầu tư”, v.v. Khối có thể có hàng. Các hàng được chia thành các cột. Bên trong các cột và hàng, bạn có thể thêm các phần nội dung nhỏ hơn khác được gọi là các thành phần, trong trường hợp của SkylineWP. Các thành phần như vậy có thể là hình ảnh, video, danh sách, v.v. Các khối này khác với các khối Gutenberg mà chúng ta đã nói trước đó

Bây giờ điều này đã rõ ràng (hoặc tôi hy vọng vậy), hãy thực hiện một số chỉnh sửa

Làm cách nào để thay đổi bố cục chân trang?

Hãy bắt đầu bằng cách chọn toàn bộ khối chân trang. Bạn sẽ thấy một số tùy chọn chỉnh sửa ở phía bên tay trái. Chọn “Bố cục”

Ở đây bạn có thể

• điều chỉnh độ rộng của phần của bạn. Bạn có muốn nó đi từ cạnh màn hình này sang cạnh màn hình khác và chiếm toàn bộ chiều rộng của màn hình không? . Điều này cũng hợp lệ cho mẫu mà tôi đang sử dụng làm ví dụ
• điều chỉnh chiều cao của footer. Chiều cao chân trang rất quan trọng để cung cấp đủ không gian âm xung quanh các phần tử chân trang, điều này sẽ làm cho chúng dễ nhìn hơn, dễ đọc hơn và do đó, hữu ích hơn
• điều chỉnh khoảng cách trên và dưới, nghĩa là khoảng cách từ nội dung đến lề của phần,
• thêm tiêu đề,
• thêm hàng mới

Chân trang hiện tại của chúng tôi có một hàng với nhiều vật dụng. Nếu bạn chọn hàng, menu bên phải sẽ cho bạn tùy chọn thêm cột mới. Vì vậy, theo quy định, khi các hàng được chọn, các cột có thể được thêm vào. Khi bạn chọn một khối, bạn có thể thêm các hàng vào khối đó

Làm cách nào để thay đổi màu sắc và phông chữ ở chân trang?

Hãy bắt đầu với việc chọn nội dung văn bản ở footer, trong phần xem trước trang web. Thời điểm bạn thực hiện lựa chọn, các tùy chọn chỉnh sửa văn bản sẽ có sẵn trong menu của Tùy biến. Trong các tùy chọn “Kiểu”, chọn “Màu văn bản” để thay đổi màu sắc

Nếu bạn muốn thay đổi cỡ chữ, họ phông chữ và độ dày phông chữ, bạn có thể thực hiện việc này bên trong “Kiểu chữ

Nó là dễ dàng

Từ tùy chọn “Nội dung”, bạn có thể thay đổi căn chỉnh văn bản

Bây giờ, nếu bạn muốn thay đổi toàn bộ văn bản khối chân trang, không phải trong các phần chân trang cụ thể, bạn có thể thực hiện việc này bên trong cài đặt “Nâng cao”

Nếu bạn muốn thay đổi toàn bộ kiểu chữ trang web, bạn có thể chọn “Chỉnh sửa mặc định chủ đề”, trong cài đặt “Nâng cao”. Tùy chọn thứ hai sẽ chuyển đến menu chính và chọn “Kiểu chữ” trong “Cài đặt chung”

Tại đây, bạn có thể điều chỉnh kiểu chữ cho tiêu đề, nội dung văn bản, liên kết và trích dẫn khối

Làm cách nào để thay đổi nền chân trang?

Bắt đầu với việc chọn toàn bộ khối chân trang của bạn trong bản xem trước trang web. Tiếp theo, đi đến “Phong cách”

Bạn sẽ thấy một số tùy chọn ở đó

• thay đổi màu nền
• thêm hình ảnh, video hoặc bản trình chiếu làm nền
• thêm nền dốc
• thêm một lớp phủ

Âm thanh dễ dàng cho đến nay?

Cũng nghĩ vậy

Tùy biến khá trực quan

2. Cách sử dụng tiện ích chân trang trong WordPress

Một phương pháp khác để thay đổi chân trang trong WordPress là sử dụng tiện ích con. Trong WordPress, widget là các khối nội dung mà bạn có thể thêm vào chân trang, thanh bên và các khu vực khác. Chúng được gọi là khu vực phụ tùng

Giờ đây, bạn có thể trực quan hóa các khu vực tiện ích và định cấu hình chúng trong Bảng điều khiển WordPress

• Từ Trang tổng quan, đi tới  “Giao diện-> Tiện ích”
  
• Ở giữa màn hình, bạn sẽ thấy các khu vực tiện ích có sẵn của chủ đề

Dưới đây là các khu vực tiện ích có sẵn cho chủ đề Đường chân trời

• Sử dụng dấu “+” để thêm các phần tử vào khu vực tiện ích bạn chọn. Những phần tử này thực sự được gọi là khối Gutenberg. Hãy chọn khu vực tiện ích Chân trang 1
• Nhấp vào dấu “+” để mở trình chèn khối.
  
• Bạn có thể nhập tên của một khối (ví dụ:. Lịch, Danh mục, Hình ảnh, Logo, v.v. ) hoặc nhấp vào “Duyệt qua tất cả” để xem rõ hơn các khối có sẵn
• Cuộn xuống cho đến khi bạn tìm thấy phần tử chân trang bạn muốn thêm hoặc nhập tên của phần tử đó vào thanh tìm kiếm
  
• Nhấp vào khối bạn cần để thêm nó vào khu vực tiện ích chân trang. Tôi sẽ thêm khối nút và lịch. Bạn có thể bắt đầu nhập văn bản bên trong nút
  
• Nếu bạn muốn tùy chỉnh các khối bên trong footer, bạn cần nhấp vào chúng để chọn chúng. Tiếp theo, bạn sẽ thấy bảng chỉnh sửa khối ở bên phải màn hình. Mỗi khối sẽ có một số tùy chọn chỉnh sửa. Trong trường hợp nút, bạn có thể điều chỉnh kích thước, văn bản và màu nền, kiểu chữ, đường viền, v.v.
  
• Khi bạn hoàn tất, chỉ cần nhấn nút “Cập nhật” ở phía trên bên phải

3. Cách quản lý chân trang WordPress bên trong Trình chỉnh sửa khối

Giờ đây, Công cụ tùy chỉnh là một phần của trải nghiệm WordPress cũ. Nhưng WordPress hiện đang ở kỷ nguyên Gutenberg, nơi mọi thứ đều dựa trên khối

Với mục đích của bài tập này, tôi sẽ sử dụng chủ đề mặc định của WordPress, Twenty Twenty Two

Khi bạn sử dụng Trình chỉnh sửa WordPress mặc định (còn gọi là Gutenberg) để thiết kế trang web của mình, bạn không còn có các tiện ích cổ điển hoặc Trình tùy chỉnh nữa

Cách thêm khối chân trang vào trang bằng Trình chỉnh sửa khối

Hãy nhập một trang

Như tôi đã nói trước đó một chút, trải nghiệm WordPress mới dựa trên các khối. mọi thứ đều là một khối, từ đoạn văn và hình ảnh, đến danh mục và phòng trưng bày

Quy trình làm việc thật dễ dàng. Bắt đầu bằng cách nhấp vào dấu “+” ở phía trên bên trái để mở trình chèn khối

Bây giờ, chọn một khối hoặc nhập tên của khối vào thanh tìm kiếm, sau đó kéo và thả vào trang bất cứ nơi nào bạn thấy phù hợp

https. //colibriwp. com/blog/wp-content/uploads/2021/11/Screen-Recording-2022-07-01-at-03. 29. 53. 92-CH. mp4

Giờ đây, một số khối có thể tạo thành một mẫu hoặc một số phần của trang web. Chú ý các mẫu ngay bên cạnh mục menu khối?

Các mẫu này được đặt bên trong một số danh mục. Bạn cũng có thể thấy danh mục chân trang ở đó. Hãy chọn nó

Tôi sẽ kéo một mẫu chân trang vào trang

Bây giờ, chân trang này có một số khối bên trong. khối tiêu đề trang web, dòng giới thiệu trang web và khối biểu tượng xã hội

Mỗi người trong số họ có thể được chỉnh sửa riêng trong bảng chỉnh sửa khối ở phía bên tay phải. Chỉ cần nhấp vào bất kỳ khối nào để chọn nó

Mỗi khối có thể có sẵn các tùy chỉnh riêng, từ văn bản và màu nền, đến đường viền và kiểu chữ

Bây giờ, các tùy chọn trong Trình chỉnh sửa mặc định khá cơ bản. Và nếu bạn thực sự muốn xây dựng một trang web đàng hoàng, bạn sẽ cần nâng cấp nó lên một chút. Bạn có thể làm điều này với các trình tạo trang như Kubio

ví dụ: hãy so sánh chỉnh sửa nút trong Trình chỉnh sửa Gutenberg với Trình chỉnh sửa Kubio

Bảng chỉnh sửa khối nút bên trong Trình chỉnh sửa mặc định

Bảng chỉnh sửa khối nút với Kubio

https. //colibriwp. com/blog/wp-content/uploads/2021/11/Screen-Recording-2022-07-01-at-03. 47. 58. 71-CH. mp4

4. Cách tạo kiểu cho chân trang WordPress của bạn bằng CSS bên trong Trình tùy chỉnh

Chúng tôi đã trở lại với Trình tùy chỉnh, mọi người. Vẫn làm việc với chủ đề Đường chân trời

Từ Bảng điều khiển WordPress, chọn Giao diện -> Tùy chỉnh. Tiếp theo, bạn sẽ phải xác định mục Cài đặt bên trong menu hiển thị. Trong trường hợp SkylineWP, đó là “Cài đặt chung”. Tiếp theo, chọn “CSS bổ sung”

Bạn sẽ thấy một cửa sổ mở ra nơi bạn có thể dán mã của mình

Tất cả những thay đổi mà bạn sẽ thực hiện sẽ hiển thị trong bản xem trước trang web ở bên phải

Đừng quên nhấn “Xuất bản” khi bạn muốn phát trực tiếp

Bây giờ, giả sử bạn không phải là người đam mê CSS nhưng bạn muốn xóa văn bản “Được cung cấp bởi WordPress” hiển thị ở chân trang. Bạn sẽ cần một dòng mã cho điều đó. Bạn chỉ cần dán nó vào khoảng trắng như hình bên dưới. Để biết các phương pháp toàn diện hơn về chủ đề này, hãy xem bài viết Cách xóa “Tự hào được cung cấp bởi WordPress” khỏi trang web WPklik .

5. Cách chỉnh sửa mã chân trang WordPress

Nếu bạn không hài lòng với phần chân trang hiện tại của mình và không thể tùy chỉnh nó theo ý muốn, nhưng bạn biết mã, thì đây là phần dành cho bạn

Quan trọng – phương pháp chỉnh sửa chân trang WordPress này là phương pháp tinh vi nhất

Chúng tôi thực sự khuyên bạn không nên sửa đổi trực tiếp ở chân trang. dòng mã php. Thay vào đó, bạn nên quan sát một trong những thực hành tốt nhất này

Bạn nên tạo một chủ đề con và áp dụng các thay đổi đối với mã của tệp chân trang tương ứng, trong chủ đề con đó. Kiểm tra tài nguyên này về cách tạo chủ đề con.
Bạn nên tạo bản sao lưu các tệp chủ đề của mình. Trong trường hợp chủ đề bị hỏng, bạn chỉ cần hoàn nguyên về phiên bản chủ đề trước đó được lưu trong bản sao lưu.
Một tùy chọn an toàn khác là nhận xét về mã ở chân trang. tập tin php. Bạn không cần xóa bất kỳ dòng mã hiện có nào. Nhận xét mã thay thế.

Bây giờ, hãy xem cách bạn có thể thay đổi chân trang. tập tin php

• Đảm bảo bạn đã đăng nhập vào bảng điều khiển Quản trị viên WordPress
• Trong menu bên trái, đi tới Giao diện -> Trình chỉnh sửa. Nhấp vào Trình chỉnh sửa
• Trong danh sách các tệp chủ đề ở bên phải, tìm kiếm tệp có tên Chủ đề Footer (footer. php). Nhấn vào nó
• Các dòng mã hóa sẽ hiển thị như sau

• Bây giờ, đã đến lúc thực hành các kỹ năng viết mã của bạn

Và đó là nó

Điều này đang được nói, chúng tôi hy vọng chỉnh sửa chân trang web không còn nhiều bí mật cho bạn. Quan sát một số nguyên tắc thiết kế và thực tiễn tốt nhất, bạn nên quản lý để tùy chỉnh chân trang trang web của mình đúng cách. Hơn thế nữa, bạn sẽ có thêm cơ hội để khiến khách truy cập nhớ đến trang web của bạn. Và trở lại với nó, trong tương lai

Bây giờ, nếu bạn thích bài viết này và bạn muốn tìm hiểu thêm về cách thiết kế trang web WordPress, hãy đảm bảo đăng ký kênh Youtube của chúng tôi và theo dõi chúng tôi trên Twitter và Facebook

Muốn bắt đầu kinh doanh của bạn?

Nhận thông tin cập nhật hai tháng một lần trên

• thiết kế các trang web WordPress tuyệt đẹp
• xây dựng sự hiện diện trực tuyến
• quảng bá trang web của bạn

Địa chỉ email.

Đánh dấu nếu bạn trên 18 tuổi và bạn muốn nhận quà tặng độc quyền, tin tức về WordPress và các sản phẩm của chúng tôi qua e-mail. Bạn có thể bỏ đăng kí bất cứ lúc nào. Kiểm tra Chính sách bảo mật và Điều khoản sử dụng của chúng tôi để biết thêm thông tin

Alina Bélascu

+ bài viết

Alina là một nhà tiếp thị kỹ thuật số với niềm đam mê thiết kế web. Khi không lập chiến lược, cô ấy chụp ảnh, nghe podcast về lịch sử và tâm lý học, đồng thời chơi với 2 con chó và mèo của mình