mirror of
https://gh.wpcy.net/https://github.com/BracketSpace/WP-Admin-Reference.git
synced 2026-07-16 11:26:34 +08:00
93 lines
2.9 KiB
PHP
93 lines
2.9 KiB
PHP
<?php
|
|
/**
|
|
* Section tables view
|
|
*
|
|
* @package wpadminref
|
|
*/
|
|
|
|
?>
|
|
<section class="section section-with-columns section-tables" id="tables">
|
|
<header class="section-header">
|
|
<h2>Tables</h2>
|
|
<hr/>
|
|
</header>
|
|
<div class="section-content">
|
|
<div class="grid-2">
|
|
<div class="column-content markup-holder">
|
|
<table class="form-table">
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row"><label for="input_id">Regular field</label></th>
|
|
<td><input name="input_id" type="text" id="input_id" value="Lorem Ipsum is that!" class="regular-text"></td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">Checkbox</th>
|
|
<td>
|
|
<fieldset>
|
|
<legend class="screen-reader-text">
|
|
<span>checkbox</span>
|
|
</legend>
|
|
<label for="checkbox_id">
|
|
<input name="checkbox_id" type="checkbox" id="checkbox_id" value="1">
|
|
Just check me!
|
|
</label>
|
|
</fieldset>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"><label for="select_id">Select</label></th>
|
|
<td>
|
|
<select name="select_id" id="select_id">
|
|
<option selected="selected" value="option_one">Option #1</option>
|
|
<option value="option_2">Option #2</option>
|
|
<option value="option_3">Option #3</option>
|
|
<option value="option_4">Option #4</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th scope="row">Paragraph</th>
|
|
<td>
|
|
<p>
|
|
It is a long established fact that a reader will be distracted by the readable
|
|
content of a page when looking at its layout. The point of using Lorem Ipsum is
|
|
that it has a more-or-less normal distribution of letters, as opposed to using
|
|
'Content here, content here', making it look like readable English.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th scope="row">Description</th>
|
|
<td>
|
|
<p class="description">
|
|
It is a long established fact that a reader will be distracted by the readable
|
|
content of a page when looking at its layout. The point of using Lorem Ipsum is
|
|
that it has a more-or-less normal distribution of letters, as opposed to using
|
|
'Content here, content here', making it look like readable English.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="column-code h-500">
|
|
<pre class="line-numbers language-php">
|
|
<code class="line-numbers language-php">
|
|
if ( ! class_exists( 'WP_List_Table' ) ) {
|
|
require_once( ABSPATH . 'wp-admin/includes/class-wp-list-table.php' );
|
|
}
|
|
</code>
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-code">
|
|
<pre class="section-markup-code line-numbers language-markup"><code class="editor-code line-numbers language-markup"></code></pre>
|
|
<div class="section-code-functions">
|
|
<button class="button button-primary copy-to-clipboard">Copy to clipboard</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
