В настоящее время я использую шорткоды для отображения списка элементов, полученных из таблицы, и отображения его на странице моего веб-сайта, но поскольку список информации очень большой, я хочу добавить страницу и в будущем небольшую фильтрацию меню для записей.
Я нашел класс WP_List_Table в документации worpdress, который, как я понял, является классом, который позволяет создавать таблицы со списком элементов, но у меня есть также читайте в некоторых руководствах, таких как this или this , в которых указано, что этот класс используется для создания списка элементов, но для администратора wordpress.
Могу ли я нормально использовать этот класс в функции, которую будет отображать мой шорткод? Или есть какой-то другой класс, который более уместен, учитывая функциональные возможности, которые я sh добавлю в будущем?
Функция и шорткод, которые я использую для отображения информации, это:
function opt_menu_cactaceas_frontend() {
global $wpdb;
$tabla_cactaceas = $wpdb->prefix . 'cactaceas2';
$aspirantes = $wpdb->get_results("SELECT * FROM $tabla_cactaceas");
//echo '<table class="wp-list-table widefat fixed striped">';
echo '<table>';
echo '<thead><tr><th width="70%">Nombre Cientifico</th><th width="30%">Imagen</th></tr></thead>';
echo '<tbody id="the-list">';
foreach ( $aspirantes as $aspirante ) {
$genero = esc_textarea($aspirante->genero);
$especie = esc_textarea($aspirante->especie);
$subespecie = esc_textarea($aspirante->subespecie);
$autor = esc_textarea($aspirante->autor);
if ( $subespecie == '' ):
$nombreCactacea = "<i>$genero $especie</i> $autor";
else:
$nombreCactacea = "<i>$genero $especie</i> subsp. <i>$subespecie</i> $autor";
endif;
$imagen_cactus = wp_get_attachment_image( 263, 'thumbnail' );
echo "<tr><td><a href='#' title='$motivacion'>$nombreCactacea</a></td><td>$imagen_cactus</td></tr>";
}
echo '</tbody></table>';
}
//funcion - agrega el shortcode en la pagina que se le llame
add_shortcode('srt_code_add_list_cactaceas', 'formulario_registro');
Таблица до сих пор отображается так:
