background preloader

Développement

Facebook Twitter

WordPress – Ajouter des styles perso dans l’éditeur TinyMCE. Cet article a 3 années.

WordPress – Ajouter des styles perso dans l’éditeur TinyMCE

Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 21 906 fois. L’éditeur visuel de WordPress s’est amélioré au fil du temps. Pour votre blog, vous avez probablement des styles particuliers pour le contenu de vos articles (liens, boutons, blocs de contenu, etc.) et peut-être passez-vous encore par l’éditeur HTML ? Ces scripts ont été testés sur WordPress 3.3.1Edit: Après des tests sur WordPress 4.0, tout semble fonctionner également.

Brève présentation L’éditeur visuel TinyMCE propose à la base deux sélecteurs, un pour les styles, un pour les types de blocs. Je dis « type de bloc » car il propose par défaut uniquement des éléments de type blocs, dont le panel complet de titres. Il est possible de réactiver dans la barre d’outils l’autre sélecteur proposant des styles. Ajouter un sélecteur de styles basique Cette première méthode n’est pas ma préférée, mais elle permet d’activer rapidement un sélecteur fonctionnel. Mise en place du code. WordPress, les Custom Post Types par l'Exemple. Les Custom Post Types, qui pourrait se traduire par Types de Billet Personnalisé, sont une notion qui a été introduite avec la version 3 de WordPress.

WordPress, les Custom Post Types par l'Exemple

Il s’agit de créer une interface de gestion et de présentation de votre contenu qui corresponde à 100% de vos besoins. La présentation d’une équipe peut se reposer, par exemple, sur un Custom Post Type, vous permettant de gérer de façon centralisée cette page. Mais avant de parler de type de contenu personnalisé, il faut savoir que WordPress se base sur 5 formats de contenus majeurs : Les billets – PostLes pages – PageLes médias – AttachmentLes révisions d’articles – Article revisionLes menus de navigation – Nav menus Pour connaitre la liste complète, n’hésitez pas à lire la page du codex. Tous les types de contenu sont stockés dans la table wp_posts, au nom de colonnes commençant par post_type. Voila pour la présentation très généraliste des types de contenu sous WordPress.

Avant d’aller plus loin, voici comment ce tutoriel ce décompose :

Plugin

Ajax. Widgets. 4 Ways to Loop with WordPress. At the heart of the WordPress theme template is the venerable WordPress loop.

4 Ways to Loop with WordPress

When you’re looking at your index.php file, for example, the loop is the part that typically begins with if(have_posts()) and contains all the tags and markup used to generate the page. The default loop works perfectly well for most single-loop themes, but for more advanced designs with stuff like multiple and custom loops, more looping power is needed. Fortunately, WordPress provides plenty of flexibility with four ways to loop: Each of these looping methods is useful in a variety of situations. They share a lot of the same underlying functionality, and the query parameters are essentially the same. The Default Loop The default WordPress loop looks something like this: <? So what makes it “default”? Based on the query that is sent, the default loop will display a certain number of posts from a certain category from a certain date, and so on. Loop with query_posts() When to use? Loop with WP_Query() <? <? <?