Bản chất linh hoạt của WordPress cho phép hầu hết mọi phần của nó dễ dàng thay đổi. Tạo một Chủ đề Bảng quản trị WordPress tùy chỉnh không khác gì. Về cơ bản, có hai cách để tạo chủ đề Quản trị viên WordPress. bằng Plugin hoặc đơn giản bằng cách thay đổi CSS. Phương pháp Plugin dễ dàng hơn trong cả hai, cho phép bạn cài đặt Chủ đề quản trị viên WordPress nhanh chóng và dễ dàng. Bạn thực sự "cắm nó vào" và nó hoạt động
Nếu bạn là người thích sáng tạo, chúng tôi cũng có các hướng dẫn giúp bạn thiết kế biểu định kiểu cho Bảng quản trị và thậm chí cả cách biến Chủ đề quản trị của bạn thành Plugin để dễ dàng phân phối ra công chúng
Sử dụng plugin chủ đề quản trị
Plugin WordPress cho phép người dùng dễ dàng thêm chức năng vào blog của họ mà không cần chỉnh sửa các tệp WordPress cốt lõi. Có một số plugin WordPress có sẵn sẽ cho phép bạn sử dụng Chủ đề quản trị viên WordPress mà không cần hoặc rất ít phiền phức
Để thực hiện việc này, hãy tải Plugin chủ đề quản trị lên thư mục plugin của bạn rồi kích hoạt nó trên Bảng điều khiển plugin của bạn. Đơn giản và dễ dàng
Các plugin khác, như Chủ đề quản trị WP, cho phép bạn thay đổi bố cục của mình một cách nhanh chóng mà không cần tạo plugin của riêng bạn
Tạo kiểu cho chủ đề quản trị
Chủ đề quản lý màu hồng
Cách tốt nhất để thiết kế Chủ đề Bảng quản trị của riêng bạn là tạo một plugin, ngay cả khi bạn sẽ không bao giờ chia sẻ mã với bất kỳ ai khác. Là một plugin, Chủ đề quản trị bao gồm một chức năng sẽ hướng dẫn WordPress sử dụng biểu định kiểu mới để hiển thị Bảng điều khiển quản trị. Một trong những lợi thế khác biệt của việc tạo một plugin là nếu bạn muốn hoàn nguyên về kiểu mặc định, tất cả những gì bạn phải làm là hủy kích hoạt nó.
Bạn cũng có thể sử dụng thư mục mu-plugins cho plugin của mình
Biểu định kiểu quản trị viên
Chủ đề quản lý màu xanh
Biểu định kiểu Chủ đề quản trị mặc định rất phức tạp, bao gồm tất cả các khía cạnh của Bảng quản trị một cách kỹ lưỡng. Không phải tất cả các bộ phận và phần có thể cần phải được thay đổi để tạo lại Chủ đề quản trị của bạn. Bạn có thể xem các tệp được lưu trữ trong/wp-admin/css để xem tất cả các thành phần kiểu đi vào bảng điều khiển quản trị viên
Dưới đây là danh sách một phần các tham chiếu phong cách quan trọng được sử dụng trong Bảng quản trị. Theo tiêu chuẩn web CSS, # biểu thị ID kiểu và. biểu thị một lớp phong cách
.
#zeitgeist Thanh bên trên Trang tổng quan hiển thị Hoạt động mới nhất và Thống kê blog. #footer Chân trang ở dưới cùng, có biểu trưng Wordpress, số phiên bản và liên kết trợ giúp. bọc h2 Tiêu đề Trang riêng lẻ cho các bảng con khác nhau, chẳng hạn như Tùy chọn chungNhững thay đổi bạn thực hiện có thể lớn hoặc nhỏ. Chẳng hạn, bạn có thể thay đổi màu nền, thêm hình nền vào các phần khác nhau, thay đổi phông chữ hoặc thậm chí chỉ thực hiện một thay đổi nhỏ về màu sắc hoặc thiết kế cho các nút Quicktag. Thoải mái sử dụng trí tưởng tượng của bạn và tạo bất kỳ hiệu ứng nào bạn muốn
Tạo Plugin chủ đề quản trị
Plugin chủ đề quản trị có thể được sử dụng để thay đổi đầu trang hoặc chân trang của trang quản trị theo nhiều cách khác nhau
Một lợi ích của các plugin chủ đề quản trị là người dùng có thể dễ dàng cài đặt chúng mà không tốn nhiều công sức cũng như dễ dàng gỡ cài đặt hoặc hủy kích hoạt, đưa Bảng quản trị trở về trạng thái ban đầu
Chúng tôi bắt đầu bằng cách yêu cầu WordPress liên kết đến một biểu định kiểu mới
Trong trình soạn thảo văn bản, trong một tài liệu mới, hãy đặt như sau
Plugin này đơn giản cho phép bạn tùy chỉnh CSS của bảng điều khiển quản trị thông qua tệp có tên wp-admin. css trong thư mục plugin của bạn
Nếu bạn muốn thay đổi định dạng #wphead thành màu xanh lam [như trong hình trên], thì bạn thêm vào
#wphead {
border-bottom: MidnightBlue 1px solid;
background-color: #E4F0FE!important;
background: -moz-linear-gradient[bottom,#E4F0FE,#B0C4DE];
background: -webkit-gradient[linear,left bottom,left top,from[#E4F0FE],to[#B0C4DE]];
}
Ngoài việc sử dụng hook API plugin admin_head cho biểu định kiểu, bạn cũng có tùy chọn thêm chức năng cho phép bạn thêm nội dung vào admin_footer. Ví dụ: bạn có thể muốn đặt thông báo về chủ đề ở chân trang. Đây là cách thêm nó vào plugin của bạn
function my_crazy_admin_footer[] {
echo 'This theme was made by Ms. WordPress.
';
}
add_action['admin_footer', 'my_crazy_admin_footer'];
Trông như thế này
Lưu plugin và tải nó lên trang web của bạn. Chọn nó từ Bảng bổ trợ và xem có gì về Chủ đề quản trị của tôi xuất hiện không. Nếu có, bạn đang đi đúng hướng
Một cách khác là sử dụng bộ lọc thay vì hành động
add_filter['admin_footer_text', 'left_admin_footer_text_output']; //left side
function left_admin_footer_text_output[$text] {
$text = 'How much wood would a woodchuck chuck?';
return $text;
}
add_filter['update_footer', 'right_admin_footer_text_output', 11]; //right side
function right_admin_footer_text_output[$text] {
$text = 'That\'s purely hypothetical.';
return $text;
}
Trông như thế này, thay thế hoàn toàn phần chân trang
Nguồn. Chúc mừng WP
Thay đổi kiểu trang Đăng nhập
Bạn có thể sử dụng hành động login_head để thêm biểu định kiểu vào trang đăng nhập của mình. Để làm việc này, hãy sao chép thông tin đăng nhập. css từ /wp-admin/css/, bạn có thể thêm phần sau vào plug-in ban đầu mà bạn đã tạo
function my_login_css[] {
echo '';
}
add_action['login_head', 'my_login_css'];
Kiểu CSS nâng cao
Đôi khi, có những nơi CSS không thể đạt được giao diện bạn muốn nếu không thực hiện các sửa đổi đối với HTML của Bảng quản trị
Một phong cách CSS phổ biến là tạo các góc tròn trên "hộp" nội dung. Kỹ thuật này liên quan đến việc thêm các bộ phận hoặc trình bao bọc vào kiến trúc HTML để đạt được hiệu quả. Vì chúng tôi không muốn truy cập vào Bảng quản trị cốt lõi để thực hiện những thay đổi này, những thay đổi này sẽ biến mất trong lần nâng cấp tiếp theo, bạn có thể sử dụng DOM [Mô hình đối tượng tài liệu]. DOM là một cách tự động truy cập và cập nhật nội dung, cấu trúc và kiểu tài liệu
Trong ví dụ này, sử dụng hiệu ứng Góc tròn trong suốt từ 456 Phố Berea, bạn có thể thêm Javascript được cung cấp trên trang web vào Plugin Chủ đề quản trị của mình mà không cần chỉnh sửa mã nguồn WordPress
Tải xuống tập lệnh và lưu nó vào thư mục thép xanh của bạn dưới dạng javascript. js. Thay đổi hàm mr_blue_steel[] thành
function mr_blue_steel[] {
$url = get_option['siteurl'];
$dir = $url . '/wp-content/plugins/blue-steel/';
echo '';
echo '';
}
Tập lệnh này sử dụng một "móc" [cbb] duy nhất để tạo nhiều phần chia xung quanh vùng chứa. Để điều này hoạt động, hãy mở tệp Javascript và thay đổi tất cả các tham chiếu của cbb thành gói để khớp với quản trị viên wp. tham chiếu kiểu chuẩn css