Insérer script dataTable dans wordpress
Bonjour à vous,
je gère un site développé sous worpress. je suis bien débutant en code, mais j'aimerais mettre en forme certains de mes tableaux en utilisant les js et css de dataTable.
Cela fonctionne si j'insère le code suivant directement dans le Header :
Code:
1
2
3
4
5
6
7
8
| <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css">
<script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
<script>
$(document).ready( function () {
$('#Tableau').DataTable();
} );
</script> |
Seulement, j’aimerais l’insérer dans function.php pour que ça soit plus propre et j’aimerais cibler certaines pages, car autrement ça fait planter d’autres extensions de wordpress.
Pour l'instant, j'ai insérer la première partie du code cf ci-dessous, mais je n'arrive pas à traduire l'ensemble pour que ça fonctionne
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| /activer DataTables
function Tables_enqueue_styles() {
wp_enqueue_style('Tables-style','https://nightly.datatables.net/css/jquery.dataTables.css' );
}
function Tables_enqueue_scripts() {
wp_enqueue_script('DataTables_js','https://nightly.datatables.net/js/jquery.dataTables.js');
wp_enqueue_script('jquery_js','http://code.jquery.com/jquery-1.11.3.min.js');
}
add_action( 'wp_enqueue_scripts', 'Tables_enqueue_styles' );
add_action( 'wp_enqueue_scripts', 'Tables_enqueue_scripts' ); |
Est-ce que l’un ou l’une d’entre vous pourrait m’éclairer ?
merci d’avance
