web-dev-qa-db-fra.com

Comment affichez-vous les publications dans un tableau dynamique?

J'utilise actuellement un plug-in appelé SortTable Post. Il prend automatiquement vos messages et les met dans une table que vous aimez. C'est une bonne idée, mais le problème est que le plug-in n'a pas été mis à jour depuis 2011 et qu'il pose trop de problèmes.

Voici un exemple de SortTable Post >> http://chicagoexecutivecoaching.com/smartleadership/smart-leadership-archives/

Je cherchais une alternative. Le fabricant du plug-in TablePress a répondu à quelqu'un qui posait la même question avec:

Au lieu de cela, vous devriez envisager d'implémenter un modèle de page avec un "The Loop" personnalisé, dans lequel vous utilisez des balises de modèle WordPress pour imprimer le résultat sous forme de tableau HTML. Vous pouvez ensuite ajouter les fonctions de tri/recherche/pagination à cette table également en chargeant manuellement la bibliothèque JavaScript DataTables (www.datatables.net) dans la page.

Cela dépasse un peu mes capacités pour le moment. Comment EXACTEMENT feriez-vous cela? J'aurais besoin d'un guide étape par étape pour le faire.

L'aide est grandement appréciée :)

poststable
3
Jennifer Moore

Si vous voulez faire ce que l'auteur de TablePress a recommandé, vous devez d'abord créer un modèle de page personnalisée (ou de catégorie de publication) - voir Codex pour Page_Templates - je ne l'expliquerais pas mieux que là. :)

Dans ce cas, vous devez créer une requête WP_Query personnalisée ou get_posts ()/get_pages () pour obtenir la liste des publications ou des pages dont vous avez besoin (vous devrez fournir des catégories, un ID parent ou un nom similaire) - voir Codex pour WP_Query, get_posts, fonctions get_pages.

Ensuite, dans le modèle que vous avez créé, vous devez inclure JavaScript et CSS à partir du plug-in DataTables. Vous devez le télécharger et placer les fichiers quelque part sur votre hôte, bien sûr.

La boucle pourrait être quelque chose comme:

<?php $posts = get_posts(...) ?>
<table id="postTable">
<thead>
  <tr>
   <th>Title</th><th>Content</th>
  </tr>
</thead>
<tbody>
<?php foreach($posts as $post){?>
<tr>
<td><?php echo $post->post_title?></td><td><?php echo $post->post_content ?></td>
</tr>
<?php } ?>
</tbody>

Ensuite, vous devez ajouter un bloc javascript qui initialise les DataTables pour votre table.

<script type="text/javascript">
 jQuery(function(){
    jQuery('#postTable').dataTable();
 });
</script>

Si vous avez tout fait correctement, cela générera un tableau triable dans votre modèle de page.

Un moyen plus simple consiste probablement à utiliser http://wpdatatables.com plugin et à obtenir les mêmes résultats en exécutant simplement une requête MySQL et en plaçant le code court sur votre page. Voici un exemple pour faire exactement ce que vous recherchez avec un tutoriel complet.

http://wpdatatables.com/list-wp-pages-wpdatatables-wordpress-table-plugin/

à plus!

3
Alexander Gilmanov