Wordpress

WordPress: un lien vers les brouillons dans le menu

Ce qui est chouette  avec WordPress c’est qu’il y a toujours quelqu’un qui a programmé pour toi le plugin qui répond à  la micro fonctionnalité idiote mais nécessaire qui n’a pas été codée par l’équipe de WordPress.

Par exemple: ça fait des mois que je clique, dans mon backoffice, d’abord sur “Articles” > “Tous les articles” dans le menu puis sur “Brouillons” dans la page qui liste les articles pour aller voir la liste des dits brouillons:

Des mois que ça m’agace et que je me demande pourquoi il n’y a pas directement  dans le menu,  de lien vers la liste des brouillons….

Mais aujourd’hui, alors que j’entamais la procédure évoquée ci-dessus je me suis dit que ça ne pouvait plus durer. Trop de clics pour rien ! Et c’est  comme ça que je mes suis trouvée rapidement à la recherche du plugin de mes rêves: celui qui ajoute le lien vers les brouillons dans le menu… peu de chose en somme.

Et…Tadam  ! J’ai trouvé Quick Drafts Access !

Et il fonctionne très bien :

Voilà, ça c’est fait !

Quand ton client veut un WordPress sur un serveur Window…

Tu n’es pas à l’abri d’un:

 Warning: Cannot modify header information - headers already sent by (output started at ...) in ...\pluggable.php on line 1210

Pour corriger contourner ça:

https://stackoverflow.com/questions/7381661/cannot-modify-header-information-headers-already-sent-by-wordpress-issue

our theme is printing output (text) to the browser, but then for some reason WordPress is redirecting the user (with wp_redirect) away from that page before the whole page is rendered. You can’t start printing output and then redirect, or you’ll get the error you see. That’s what Paul Grime was getting at in his comment.
Ken White commented with a reference to a post with a similar problem. I’ve fixed this in my own experience by buffering the output of the script.
In your theme’s functions.php file (which gets included every time your theme’s pages load), put the following:

//allow redirection, even if my theme starts to send output to the browser
 add_action('init', 'do_output_buffer');
 function do_output_buffer() {
 ob_start();
 }

Now, even if part of your theme starts to send input to the browser, PHP won’t send that text until the page is fully loaded, which allows WordPress to redirect users, if necessary, as part of its own logic.

=> Mon function.php

 

WordPress : une icône par catégorie. Explications.

Rappel: nos articles sont rangés dans des catégories différentes; on souhaite associer à  chacune des catégories de haut niveau une icône; chacune des catégories enfant aura la même icône.

1ère étape: modifier le fichier category.php (dans un thème enfant, ça va de soit)

Pour cela, on va remplacer le code qui fabrique le titre par un code qui, en plus de fabriquer le titre, fabrique une class css particulière (unique serait mieux évidemment) en fonction de chaque catégorie.

Ci-dessous, les copies d’écran des codes:

On remplace ça (attention: Mon thème de base est twentyfourteen):

Par ça (à lire attentivement, il y a des commentaires):

Pour vous éviter de recopier:

<?php $parentscategoryclass ="";
 foreach((get_the_category()) as $category) {
 if ($category->category_parent == 0) {
 $parentscategoryclass = $category->name ;
 //je concatène la première et secondes lettres de chacun des mots composants les catégories (=> art musical => armu)
 $parentscategoryclass = implode('', array_map(function($p) { return mb_strtolower($p[0]).mb_strtolower($p[1]); }, explode(' ', $parentscategoryclass)));
 //je remplace les caractères non alphabétiques par rien (par ex. le "&" de Détours & des tours)
 $parentscategoryclass = preg_replace('#[^[:alpha:]]#', '', $parentscategoryclass);
 }
 }
 // je réécris le titre de la page avec une classe css qui s'appelle facat + les lettres précédentes
 echo '<h1 class="archive-title facat' .$parentscategoryclass.'">';printf( __( '%s', 'twentyfourteen' ), single_cat_title( '', false ) );echo '</h1>';
 ?>

Étape 2: s’assurer de pouvoir utiliser http://fontawesome.io/icons/  sur son WordPress

Fontawesome, c’est un site qui propose une grande liste d’icônes atteignables via css:

Il faut, pour pouvoir l’utiliser, que  WordPress puisse “reconnaître le langage” de fontawesome, c’est-à-dire que le WordPress appelle le fichier css de fontawesome.

Regarde dans ton code source si tu vois un appel vers un fichier css qui mentionne fontawesome.

Sur Lpp le fichier viens du plugin magee shortcode:

Mais plusieurs autres plugins peuvent faire l’affaire:

Et puis, si tu t’y connais en programmation et en WordPress, tu peux tout aussi bien faire appel à se fichier toi-même: http://fontawesome.io/get-started/

Étape 3: s’assurer de pouvoir ajouter du code CSS sur son WordPress:

Personnellement, j’ai opter pour le plugin WP Add Custom CSS:

Mais il en existe des dizaines, sans compter les thèmes qui inclus ce genre de fonctionnalité.

Étape 4: Choisir ses icônes

Tu retournes sur http://fontawesome.io/icons/.

Le choix est impressionnant. Tu y passes le temps que tu veux .

La seule chose que je te demande, c’est de te noter les codes unicode de chacune des icônes (en jaunes ci-dessous):

 Étape 5 écrire le bon CSS:

Exemple pour la catégorie Arts Musicaux: ma classe s’appelle facatarmu (facat+ar+mu => cf le code php dans la page category.php)).

Donc pour la balise <h1> (titre) qui a la class facatarmu, j’applique le code unicode f001 avant (before) le texte:

h1.facatarmu:before {
 content: "\f001";
 font-family: FontAwesome;
 margin-right: 10px;
}

Et le tour est joué: