Le code:

//Permet de retrouver l'age par rapport a la date de naissance
//la fonction accepte le format francais et anglais
//utlisation [trouveMonAge date="1984-06-12"] ou [trouveMonAge date="12-06-1984"]
function trouveMonAgeFCT($atts){
	extract(shortcode_atts(array('date' => ''), $atts));
	$age = date('Y') - date('Y', strtotime($date));
	if (date('md') < date('md', strtotime($date))) {
		return $age - 1;
	}
	return $age;
}
add_shortcode('trouveMonAge', 'trouveMonAgeFCT');

Utilisation:

Utilisation du shortcode trouveMonAge

Utilisation du shortcode

Refonte de la css

 add_filter( 'use_default_gallery_style', '__return_false' ); 

Puis copie/colle la css soit dans le fichier « style.css« , je me doute bien que tu vas pas tout retaper

/* The Gallery container (div) */
.gallery { }

/* A Gallery item container,
 for 3, 2 and 4 column galleries */
.gallery .gallery-item { }
.gallery-columns-2 .gallery-item { }
.gallery-columns-4 .gallery-item { }

/* The actual image inside a container
for 3, 2 and 4 column galleries */
.gallery img { }
.gallery-columns-2 .attachment-medium { }
.gallery-columns-4 .attachment-thumbnail { }

/* A gallery image caption */
.gallery .gallery-caption { }

/* Definition lists elements */
.gallery dl, .gallery dt { }

/* Pick the second line break if two
line breaks are adjacent */
.gallery br+br { }

Sinon,

add_filter( 'gallery_style', 'hfnCssGallery' );

function hfnCssGallery() {
	$css = "<style type=\'text/css\'>
				.gallery { margin: 0 auto 18px; }
				.gallery .gallery-item {
					float: left;
					margin-top: 0;
					text-align: center;
					width: 33%;
				}
				.gallery-columns-2 .gallery-item { width: 50%; }
				.gallery-columns-4 .gallery-item { width: 25%; }
				.gallery img {
					box-shadow: 0px 0px 4px #999;
					border: 1px solid white;
					padding: 8px;
					background: #f2f2f2;
				}
				.gallery img:hover {
					background: white;
				}
				.gallery-columns-2 .attachment-medium {
					max-width: 92%;
					height: auto;
				}
				.gallery-columns-4 .attachment-thumbnail {
					max-width: 84%;
					height: auto;
				}
				.gallery .gallery-caption {
					color: #888;
					font-size: 12px;
					margin: 0 0 12px;
				}
				.gallery dl, .gallery dt { margin: 0; }
				.gallery br+br { display: none; }
			</style>
			<div id='$selector' class='gallery galleryid-{$id} gallery-columns-{$columns} gallery-size-{$size_class}'>";
	return $css;
}

Mise en place d’une lightbox

• Cleaner Gallery
• jQuery Lightbox For Native Galleries

Mais les plugins c’est mal on ne nous dit pas tout !!

Tu es developpeur, bidouilleur ou encore tu n’y connais rien mais tu es curieux et tu n’as même pas peur ?
Voici d’autre méthodes un peu mieux, un bon vieux hack.

A la mode barbare, dans le fichier « wp-includes/post-template.php » de remplacer :

return apply_filters( 'wp_get_attachment_link', "<a href='$url' title='$post_title'>$link_text", $id, $size, $permalink, $icon );

par

return apply_filters( 'wp_get_attachment_link', "<a href='$url' title='$post_title'>$link_text", $id, $size, $permalink, $icon );

Le problème de cette méthode c’est lors de la prochaine mis à jour le fichier sera écraser et il l’opération sera a renouveller.

Donc cette solution est mal !!

Deux autres méthodes a rajouter dans le fichier fonction de ton thème :

add_filter( 'wp_get_attachment_link' , 'add_lighbox_rel' );
function add_lighbox_rel( $attachment_link ) {
	if( strpos( $attachment_link , 'a href') != false && strpos( $attachment_link , 'img src') != false )
		$attachment_link = str_replace( 'a href' , 'a rel="prettyPhoto[]" href' , $attachment_link );
	return $attachment_link;
}

ou encore
perso j’aime bien celle-ci car elle va permettre de rajouter a tout mes liens contenant une image l’attribut ici « rel= »prettyPhoto »« .

// Adapted and Modified from http://wordpress.org/extend/plugins/add-lightbox/
// Adds a rel="prettyPhoto" tag to all linked image files

add_filter('the_content', 'addlightboxrel_replace', 12);
add_filter('get_comment_text', 'addlightboxrel_replace');
function addlightboxrel_replace ($content)
{   global $post;
    $pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(.*?)<\/a>/i";
    $replacement = '<a$1href=$2$3.$4$5 rel="prettyPhoto['.$post->ID.']"$6>$7</a>';
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
}

Il y’a la possibilité également de le faire en javascript et sinon si tu es un grand malade et tu ne sais pas quoi faire ?
Tu te dis pourquoi ne pas reprendre le shortcode et faire le miens ?
Et pourquoi pas …

Direction « wp-include/media.php » et trouve :

add_shortcode('gallery', 'gallery_shortcode');

/**
 * The Gallery shortcode.
 *
 * This implements the functionality of the Gallery Shortcode for displaying
 * WordPress images on a post.
 *
 * @since 2.5.0
 *
 * @param array $attr Attributes of the shortcode.
 * @return string HTML content to display gallery.
 */
function gallery_shortcode($attr) {

Mes sources ?

• WordPress › Support » How-To and Troubleshooting[resolved] Add rel= »xyz » to Gallery Link
• Web2Fenua, creation de site web a Tahiti
• Le codex bien sur !!

Après quelques recherches sur le net je suis tombé sur le site de Leeroy qui explique très bien comment le mettre en place.

Mais voici quand même un petit rappel de la procédure de mise en œuvre :

Création d’une fonction d’appel à l’éditeur :

	function init_wysiwyg() {
		wp_enqueue_script('editor');
		add_thickbox();
		wp_enqueue_script('media-upload');
		add_action('admin_print_footer_scripts', 'wp_tiny_mce', 25);
		wp_enqueue_script('quicktags');
	}

Maintenant nous allons faire appel à cette fonction directement à l’initialisation de l’administration de wordpress :

add_action('admin_menu', 'init_wysiwyg');

L’appel de l’editeur se fera de cette façon :

<?php
/* Syntaxe de la fonction the_editor()
* the_editor($content, $id = 'content', $prev_id = 'title', $media_buttons = true, $tab_index = 2)
*/
echo the_editor(null);
?>

Voici à quoi correspond les différents paramètres que peut contenir cette fonction

$content :Contient votre contenu.
$id :Le nom (et ID) du champ de l’éditeur de texte.
$prev_id ermet de revenir à l’ID précédent des éléments du formulaire.
$media_buttons ermet d’activer ou désactiver l’affichage des boutons (images, sons, vidéos, etc). Accepte une valeur booléenne (true || false).
$tab_index :Index de tabulation du champ de formulaire.
Maintenant la partie css :

#poststuff textarea
{
	-moz-box-sizing:border-box;
	border:0 none;
	line-height:150%;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:6px;
	margin:0;
	width:100%;
}

Maintenant quand on regarde de plus prés on s’aperçoit que cette méthode fait que l’éditeur est actif sur toutes les pages de l’administration et personnellement je ne trouve pas cette solution très propre.

En me penchant sur le problème j’ai trouvé la solution qui consiste tout simplement à activer l’appel de l’éditeur uniquement sur les pages du plugin ou du thème.
Mais comment faire ??

La réponse : nous allons utiliser la fonction admin_print_scripts-(page_hook) ou admin_print_scripts-(plugin_page)

Voici comment je l’ai utilisé :

function hfn_init() {
/* Syntaxe de la fonction add_menu_page()
* add_menu_page(page_title, menu_title, capability, handle, [function], [icon_url]);
*/
$options_page = add_menu_page( 'Admin HFN', 'Admin HFN', 7, 'hfnOptions', 'hfnAdmin', get_template_directory_uri() . '/images/icon.png');
/* Syntaxe de la fonction add_submenu_page()
* add_submenu_page(parent, page_title, menu_title, capability required, file/handle, [function]);
*/
$options_subPage = add_submenu_page( 'hfnOptions', 'Admin HFN', 'Gestion de mon module', 7, 'hfnOptions', 'hfnAdmin' );
add_submenu_page( 'hfnOptions', 'Admin HFN', 'Gestion des menus', 7, 'hfnGesMenu', 'hfnGesMenu' );
add_submenu_page( 'hfnOptions', 'Admin HFN', 'Aide en ligne', 7, 'guide', 'hfnGuide' );</code>

add_action( "admin_print_scripts-$options_subPage", 'init_wysiwyg' );
}

add_action('admin_menu', 'hfn_init');

Dans le cas ci-dessus je voulais que l’éditeur soit appelé uniquement sur la page, gestion de mon module il me suffit juste de mettre le contenu de la fonction add_submenu_page() dans ma variable $options_subPage, puis tout simplement compléter la fonction admin_print_scripts-$maVariable() en utilisant add_action().

En espérant que cet article pourra servir à d’autres personnes.