mirror of
https://gh.wpcy.net/https://github.com/BracketSpace/WP-Admin-Reference.git
synced 2026-07-16 11:26:34 +08:00
48 lines
1.4 KiB
PHP
48 lines
1.4 KiB
PHP
<?php
|
|
/**
|
|
* Section dashicons view
|
|
*
|
|
* @package wpadminref
|
|
*/
|
|
|
|
?>
|
|
<section class="section section-dashicons" id="dashicons">
|
|
<header class="section-header">
|
|
<h2>Dashicons</h2>
|
|
<hr/>
|
|
</header>
|
|
<div class="section-content">
|
|
<div class="dashicons-box large-text">
|
|
<p class="text-center">Dashicons are over 250 icons, that can cover most, if not all of your needs!</p>
|
|
<br/>
|
|
<p>
|
|
<span class="dashicons dashicons-admin-site"></span>
|
|
<span class="dashicons dashicons-format-status"></span>
|
|
<span class="dashicons dashicons-search"></span>
|
|
<span class="dashicons dashicons-admin-settings"></span>
|
|
<span class="dashicons dashicons-welcome-learn-more"></span>
|
|
<span class="dashicons dashicons-images-alt2"></span>
|
|
</p>
|
|
<h3>You can use it as HTML...</h3>
|
|
<pre class="line-numbers language-markup">
|
|
<code class="language-markup">
|
|
<span class="dashicons dashicons-format-status"></span>
|
|
</code>
|
|
</pre>
|
|
|
|
<h3>...or in CSS...</h3>
|
|
<pre class="line-numbers language-css">
|
|
<code>
|
|
content: "\f130";
|
|
</code>
|
|
</pre>
|
|
|
|
<h3>...or as a Glyph:</h3>
|
|
<p><span class="dashicons dashicons-format-status"></span></p>
|
|
|
|
<p>
|
|
<a href="https://developer.wordpress.org/resource/dashicons/" target="_blank" class="button button-primary button-big">Get more dashicons!</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
