Cách tùy chỉnh CSS cho trang Admin Wordpress

Thảo luận trong 'Thiết kế web Hosting VPS, Dedicated Server, Domain' bắt đầu bởi rs_lyly2009, 5/1/18.

  1. rs_lyly2009

    rs_lyly2009 Home Sweet Home Thành viên BQT

    Nay lang thang trên mấy blog Wordpress thì tình cờ phát hiện bài viết ngắn này :D

    Cách để các bạn có thể thay đổi css cho một số thành phần trong trang Admin Wordpress

    Cách 1.
    Chỉ cần thêm dòng này vào file functions.php (nhớ thêm vào Child Theme để khi update không bị mất nhá).

    Mã:
    Select All
    add_action('admin_head', 'my_custom_fonts'); function my_custom_fonts() { echo '<style> body, td, textarea, input, select { font-family: "Lucida Grande"; font-size: 12px; } </style>'; }
    ;)) Nhìn vào đây chắc bạn sẽ hiểu được sửa thế nào rồi :D

    Cách 2.
    B1. Tạo ra 1 file CSS với tên admin.css, nội dung thì tùy bạn thôi, ví dụ:
    Mã:
    Select All
    .wp-admin .comment pre { background: pink; /* they forgot the language! */ padding: 6px 10px; font-size: 16px; border: 1px solid #***; } .wp-admin .comment pre[class] { background: #fff; /* language (likely) there */ }
    B2. Thêm đoạn code này vào functions.php
    Mã:
    Select All
    // Update CSS within in Admin function admin_style() { wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css'); } add_action('admin_enqueue_scripts', 'admin_style');
    trong đó /admin.css là url đến file css. Nếu bạn gặp khó khăn phần này thì cứ đặt nó ngang hàng file functions :D
    À, nhớ xài Plugin này nếu bạn lo lắng việc sửa file functions bị lỗi và không truy cập được website nhé:

    Link tải đã ẩn Để tránh Google nghía, bạn cần đặng nhập để thấy link. Đăng ký or đặng nhập tại đây



    Bài viết được dịch từ 2 nguồn sau:
    Mã:
    Select All
    https://css-tricks.com/snippets/wordpress/apply-custom-css-to-admin-area/

    Mã:
    Select All
    https://davidwalsh.name/add-custom-css-wordpress-admin
    Tham khảo thêm
    Mã:
    Select All
    https://codex.wordpress.org/Creating_Admin_Themes
     

    Bùng Nổ Giá - Giảm đến 70k tại Shopee Xem ngay

    Rẻ Vô địch - Mua sắm thả ga màu World Cup Xem ngay

    Phụ kiện đồng giá 19k! Mua hết ga Xem ngay

    Sửa lần cuối: 5/1/18
    Huỳnh Phúc Huy thích bài này.

Chia sẻ trang này