Thêm CSS và JavaScript tùy chỉnh trong Dashboard của WordPress

08/05/2021 0 7 1 phút đọc

Nếu bạn có nhu cầu tùy chỉnh bảng quản trị của WordPress thông qua CSS và JavaScript, bài viết này sẽ giúp bạn.

Thêm CSS và JavaScript tùy chỉnh trong Dashboard của WordPress

PHP

Thêm đoạn mã sau vào functions.php.

<?php
/**
 * Add custom CSS
 */
function inithtml_admin_css() { ?>
	<style type="text/css" media="screen">
		/* Nội dung CSS */
	</style>
<?php }
add_action('admin_head', 'inithtml_admin_css');

/**
 * Add custom JavaScript
 */
function inithtml_admin_js() { ?>
	<script type="text/javascript">
		// Nội dung JavaScript
	</script>
<?php }
add_action('admin_footer', 'inithtml_admin_js');

Ví dụ

Tăng chiều cao của ô chọn Chuyên mục.

<?php
/**
 * Add height for category choose
 */
function inithtml_admin_css() { ?>
	<style type="text/css" media="screen">
		.wp-tab-panel,
		.categorydiv div.tabs-panel,
		.customlinkdiv div.tabs-panel,
		.posttypediv div.tabs-panel,
		.taxonomydiv div.tabs-panel {
			max-height: 500px;
		}
	</style>
<?php }
add_action('admin_head', 'inithtml_admin_css');