[Tutorials] Tạo Hotline Support Admin WordPress

function create_widget_notice()
{
	wp_add_dashboard_widget('realdev_notice', 'Hotline Hỗ Trợ', 'realdev_notice_callback');
}
add_action('wp_dashboard_setup', 'create_widget_notice');
function realdev_notice_callback()
{
?>
	<div class="realdev-support">
		<h2 class="title">Các Kênh Hỗ Trợ</h2>
		<p>Xin chào Quý Khách. Chúng tôi sẵn sàng hỗ trợ mọi phát sinh liên quan đến Source Code hoặc các phần chúng tôi đã cam kết. Đừng ngại liên hệ với chúng tôi</p>
		<ul>
			<li class="hotline"><a href="tel:0907648555" target="_blank" rel="noopener noreferrer"><span class="lable">Hotline</span> <span class="value">0907.648.555</span></a></li>
			<li class="zalo"><a href="https://zalo.me/vinhminhdao" target="_blank" rel="noopener noreferrer"><span class="lable">Zalo</span> <span class="value">0975.311.419</span></a></li>
			<li class="website"><a href="https://realdev.vn/" target="_blank" rel="noopener noreferrer"><span class="lable">Website</span> <span class="value">RealDev.vn</span></a></li>
		</ul>
	</div>
	<style>
		.realdev-support {
			text-align: center;
		}
		.realdev-support p {
			font-size: 15px;
		}
		.realdev-support ul {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
		}
		.realdev-support li {
			flex: 1;
			margin: 5px;
		}
		.realdev-support a {
			background: #6e01f0;
			color: #fff;
			padding: 10px 20px;
			border-radius: 5px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .22);
		}
		.realdev-support a .value {
			font-size: 18px;
			font-weight: bold;
		}
		.realdev-support a:hover {
			background: orange;
		}
	</style>
<?php
}