Vì biểu định kiểu tùy chỉnh cho phép bạn tùy chỉnh các kiểu của chủ đề WordPress mà không sửa đổi bất kỳ tệp cốt lõi nào của nó. Điều này cho phép bạn cập nhật chủ đề WordPress của mình mà không làm mất bất kỳ sửa đổi tùy chỉnh nào đối với biểu định kiểu của bạn. Nó cũng cho phép bạn tổ chức tốt hơn các chỉnh sửa biểu định kiểu tùy chỉnh mà bạn đã thực hiện, điều này giúp dễ dàng tìm thấy các thay đổi biểu định kiểu mới nhất của bạn khi bạn cần thực hiện thêm các thay đổi đối với chúng
Làm cách nào để tạo biểu định kiểu tùy chỉnh trong WordPress?
- Mở trình soạn thảo văn bản, tạo một tệp văn bản mới, lưu nó với tên “custom. css” và tải nó lên thư mục css trong thư mục chủ đề WordPress đang hoạt động của bạn [tôi. e. /wp-content/themes/theme/css/] qua FTP
- Tải về các chức năng. php trong thư mục của chủ đề WordPress đang hoạt động của bạn [tôi. e. /wp-content/themes/theme/] qua FTP
- Mở các chức năng. php trong trình soạn thảo văn bản và tìm lần xuất hiện cuối cùng của “wp_register_style”, sau đó thêm một dòng mới bên dưới nó như sau.
wp_register_style["custom", get_template_directory_uri[] . "/css/custom.css", '', '1.0.0'];
- Ngoài ra trong các chức năng. php tìm kiếm lần xuất hiện cuối cùng của “wp_enqueue_style”, sau đó thêm một dòng mới bên dưới nó như sau.
wp_enqueue_style['custom'];
- Bây giờ tùy chỉnh. css sẽ được tải trong wp_head[] và sẽ xuất hiện trong HTML của tất cả các trang web WordPress của bạn như sau.
- Lưu và ghi đè lên các chức năng. php trong thư mục của chủ đề WordPress đang hoạt động của bạn [tôi. e. /wp-content/themes/theme/] qua FTP
- Thêm bất kỳ kiểu tùy chỉnh nào bạn muốn vào tùy chỉnh của mình. tệp biểu định kiểu css. Sử dụng. khai báo CSS quan trọng khi cần thiết để đảm bảo phong cách tùy chỉnh của bạn được ưu tiên
- Nếu bạn sử dụng bộ nhớ đệm trên trang web WordPress của mình và/hoặc CDN và tôi thực sự khuyên bạn nên sử dụng cả hai, thì khi bạn thực hiện chỉnh sửa, hãy đảm bảo cập nhật phiên bản tùy chỉnh của bạn. css trong chức năng của chủ đề của bạn. php để ngăn bộ nhớ cache của trình duyệt của khách truy cập không hiển thị tùy chỉnh mới nhất của bạn. thay đổi biểu định kiểu css. Bằng cách này, trình duyệt sẽ thấy tùy chỉnh. css dưới dạng tệp mới và sẽ tải xuống bản sao mới. Giả sử chúng tôi vừa thực hiện một chỉnh sửa đối với tùy chỉnh. tập tin css. Để cập nhật số phiên bản, chúng tôi sẽ chỉnh sửa dòng mã mà chúng tôi đã thêm vào các chức năng. php lên phiên bản 1. 0. 1 như sau.
wp_register_style["custom", get_template_directory_uri[] . "/css/custom.css", '', '1.0.1'];
- Bây giờ khi tệp được tải trong HTML, nó sẽ được hiểu là một tệp mới và sẽ không được lưu trong bộ nhớ cache trong trình duyệt của khách truy cập của bạn. Nó sẽ hiển thị như sau.
- Đó là nó. Nó đơn giản mà. Bây giờ bạn có một tùy chỉnh. css để thực hiện tất cả các thay đổi biểu định kiểu tùy chỉnh của bạn trong. Chỉ cần đừng quên cập nhật số phiên bản tùy chỉnh của bạn. tệp css trong các chức năng của bạn. php khi bạn cập nhật nó
- Tôi thực sự khuyên bạn nên sắp xếp biểu định kiểu tùy chỉnh của mình. Tôi thích tổ chức CSS của mình theo nhóm bằng cách sử dụng nhận xét để gắn nhãn rõ ràng cho chúng. Ví dụ: giữ tất cả CSS chung trong một nhóm, CSS phản hồi được nhóm theo độ phân giải và cuối cùng là CSS dành riêng cho plugin được nhóm theo plugin. Điều này sẽ giúp bạn tiết kiệm rất nhiều thời gian sau này. Nếu bạn ngừng sử dụng plugin, thì bạn có thể xóa nhóm kiểu dành riêng cho plugin đó
Làm cách nào để tạo biểu định kiểu tùy chỉnh trong WordPress chỉ áp dụng cho một mẫu trang cụ thể?
Khi đăng ký và xếp hàng biểu định kiểu trong hàm. php, bạn chỉ cần chỉ định tệp mẫu trang cho tệp bạn muốn biểu định kiểu áp dụng trong câu lệnh PHP IF với hàm is_page_template như sau
if[ is_page_template[ 'page-template.php' ] ] { wp_register_style["page-template", get_template_directory_uri[] . "/css/page-template.css", '', '1.0.0']; wp_enqueue_style['page-template']; }
Nếu biểu định kiểu của bạn được đăng ký và xếp hàng ở các vị trí riêng biệt, chỉ cần bọc cùng một câu lệnh PHP IF với hàm is_page_template xung quanh cả hai riêng biệt
Bây giờ mẫu trang. tệp css sẽ chỉ được đưa vào các trang sử dụng mẫu trang. mẫu trang php
- 50 cổ phiếu
- THẺ
- bộ đệm của trình duyệt
- mẫu trang
- bảng định kiểu
Bài viết trước Cách thiết lập Nhắm mục tiêu lại với AdRoll
Bài viết tiếp theo Xác thực hai yếu tố trong WordPress với Google Authenticator
Andy Forsberg
Andy Forsberg đã xây dựng, tối ưu hóa và kiếm tiền từ các trang web trong hơn hai thập kỷ. Anh được biết đến với chuyên môn về Analytics, HubSpot, Salesforce, SEM, SEO và WordPress. Andy đã tạo Plugin WP Author Bio WordPress và tiện ích mở rộng WPSNIFFER Chrome
Cách cập nhật chủ đề WordPress theo cách thủ công một cách trang nhã
Danh sách kiểm tra bảo mật WordPress thực tế
Bộ công cụ của Andy. 211 Công cụ tiếp thị kỹ thuật số
7 lỗi theo dõi URL UTM Google Analytics phổ biến cần tránh
Chủ đề WordPress tốt nhất năm 2015
Cách thiết lập và sử dụng chủ đề con WordPress
2 BÌNH LUẬN
arup Việc kích hoạt Custom Css có thể dễ dàng thực hiện bằng cách cài đặt plugin Jetpack
Andy Forsberg Đó cũng là một tùy chọn khác nếu bạn muốn chỉnh sửa CSS trong Bảng điều khiển quản trị viên WordPress. Tuy nhiên, phương pháp này lưu trữ CSS trong cơ sở dữ liệu, vì vậy nếu bạn thích chỉnh sửa tệp trong trình soạn thảo văn bản như tôi và tải lên qua SFTP thì bạn không gặp may.
ĐỂ LẠI MỘT TRẢ LỜI
Vui lòng nhập nhận xét của bạn
Vui lòng nhập tên của bạn vào đây
Bạn đã nhập sai địa chỉ email
Vui lòng nhập địa chỉ email của bạn vào đây
Lưu tên, email và trang web của tôi trong trình duyệt này cho lần bình luận tiếp theo
Δ
Trang web này sử dụng Akismet để giảm thư rác. Tìm hiểu cách dữ liệu nhận xét của bạn được xử lý
Đánh giá lưu trữ WordPress được quản lý Kinsta
Kinsta cho đến nay là Máy chủ WordPress được quản lý tốt nhất. Đó là lý do tại sao chúng tôi tin tưởng họ để lưu trữ trang web của chúng tôi. Nếu bạn quan tâm đến hiệu suất trang web của mình thì hoàn toàn không có lý do gì bạn không nên sử dụng Kinsta làm máy chủ lưu trữ của mình