<?php
/*
 * Template Name: contact
 */
 
$hasError = false;
$nb1 = rand(0, 9);
$nb2 = rand(0, 9);
define('EMAIL_TECHNIQUE','toto@ww.com' );
define('NAME_SITE','Nom site' );
if ( empty($_POST) || !wp_verify_nonce($_POST['name_contact'],'action_contact') )
{
  $hasError = true;
}
else
{
    $nom = $_POST['nom'];
    $commentaire = $_POST['commentaire'] ; 
 
    $headers = 'From: Site <'.EMAIL_TECHNIQUE.'>' . "\r\n";
    $headers ='From: "nom"'.EMAIL_TECHNIQUE.''."\n";
    $headers .='Reply-To: '.EMAIL_TECHNIQUE.''."\n";
    $headers .='Content-Type: text/html; charset="iso-8859-1"'."\n";
    $headers .='Content-Transfer-Encoding: 8bit'; 
 
    //test numérique pour éviter envoi de mail bizard
    if( $_POST['calcul'] != ($_POST['nb1']+$_POST['nb2']) )  {
        $hasError = true;
    }
    if( !preg_match('#^[\w.-]+@[\w.-]+\.[a-zA-Z]{2,5}$#',trim($_POST['email'])) || trim($_POST['email']) =='' ){
        $hasError = true;
    }
 
   if( !$hasError   ){
       $nom = utf8_decode($_POST['nom']);
       $commentaire = utf8_decode($_POST['commentaire'] ); 
       $message = "<h1>".NAME_SITE."</h1>";
       $message .= "<p>email: {$_POST['email']}, nom: $nom</p>";
       $message .= "<p>$commentaire</p>";
       $message .= "<p>------------------------------------</p>";
       $message .= '<p style="color:#CCC; font-size:9px; ">L\'Arbre &agrave; H&eacute;lices site r&eacute;alis&eacute; par Antoine</p>';
       if( mail( EMAIL_TECHNIQUE, 'Contact Site', $message, $headers))
            $hasSent = true;
   }else{
       $hasSent = false;
   }    
}
?>
<?php get_header() ; ?>
<div id="content">
     <h2 class="title-contact">Contact</h2>
  <?php if( !isset($hasSent) ) : ?>
     <form id="contact-page" method="post" action="<?php the_permalink(); ?>" >
        <?php wp_nonce_field('action_contact','name_contact'); ?>
         <p>Nom : <input type="text" name="nom" value="" /></p>
         <p>Email : <input type="text" name="email" value="" /></p>
         <p> Calculer : <?php echo $nb1."+".$nb2; ?> <input type="text" name="calcul" value="" /> 
          <input type="hidden" name="nb1" value="<?php echo $nb1; ?>" />
          <input type="hidden" name="nb2" value="<?php echo $nb2; ?>" />
          </p>
         <h3>Commentaires</h3>
         <span id="msg-commentaire"></span>
         <textarea name="commentaire"  rows="5" cols="50" ></textarea>
         <p><input  type="submit" name="envoyer_contact" /></p>
    </form>
   <?php else: ?>
    <?php if( $hasSent ) : ?>
        <p>Merci, pour votre message on vous contactera bientôt</p>
    <?php else: ?>
        <p>Votre mail n'a pas été envoyé .</p>
        <form id="contact-page" method="post" action="<?php the_permalink(); ?>" >
        <?php wp_nonce_field('action_contact','name_contact'); ?>
            <p>Nom : <input type="text" name="nom" value="<?php echo  $nom   ?>" /></p>
         <p>Email : <input type="text" name="email" value="<?php echo  esc_attr( $email )  ?>" /></p>
          <p> Calculer : <?php echo $nb1."+".$nb2; ?> <input type="text" name="calcul" value="" /> 
          <input type="hidden" name="nb1" value="<?php echo $nb1; ?>" />
          <input type="hidden" name="nb2" value="<?php echo $nb2; ?>" />
          </p>
         <h3>Commentaires</h3>
          <div id="msg-commentaire"></div>
         <textarea name="commentaire" ><?php echo  $commentaire ; ?> </textarea>
         <p><input  type="submit" name="envoyer_contact" /></p>
        </form>
    <?php endif; ?>
   <?php endif; ?>
</div><!-- content -->
<div id="sidebar">
    <?php get_sidebar() ; ?>
</div>
<?php get_footer() ; ?>

 
 
add_action('wp_enqueue_scripts', 'verification_contact');
 
 
function verification_contact() {
   //L'ajout du script dépend de la page Contact
   if( is_page('Contact') ) {
        wp_register_script('general_script',
        get_template_directory_uri() . '/js/general_script.js'
        );
        // enqueue the script
        wp_enqueue_script('general_script');
   } 
}

/* 
 * JS vérification 
 * auteur : Antoine
 * JQuery est utilisé à la place de $ pour éviter les conflits
 * entre les différents framework javascript dans WordPress
 */
jQuery(document).ready(function(){
    jQuery('#contact-page').submit(function(){
        var valid = true;
        var commentaire = jQuery("textarea[name=commentaire]");
 
 
        if( jQuery.trim(commentaire.val()) == "" ){
                commentaire.css({'background-color':'red'});
                valid =  false;
        }
        else{
                jQuery("#msg-commentaire").empty();
                //un minum de caractère et pas plus de deux liens dans le champ texte
                if( commentaire.val().length < 10 ){
                    jQuery("#msg-commentaire").append("<p>Attention le message doit faire plus de 10 caractères</p>");
                    commentaire.css({'background-color':'red'});
                    valid =  false;
                }else{
                    commentaire.css({'background-color':'white'});
                }
 
        }
         //email
        var email = jQuery("input[name=email]");
        if( jQuery.trim(email.val())== ''  ||  !jQuery.trim(email.val()).match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]{2,}[.][a-zA-Z]{2,4}$/))
        {
                email.css({'background-color':'red'});
                valid =  false;
        }else{
               email.css({'background-color':'white'});
        }
        //nom
        var nom = jQuery("input[name=nom]");
        if( jQuery.trim(nom.val()) == "" ){
                nom.css({'background-color':'red'});
                valid =  false;
        }
        else{
                nom.css({'background-color':'white'});
        }
 
        //numerique calcul
        jQuery("#msg-calcul").empty();
        var calcul = jQuery("input[name=calcul]");
        if( jQuery.trim(calcul.val()) == "" ){
                calcul.css({'background-color':'red'});
                jQuery("#msg-calcul").append("<p>Attention, il faut faire l'opération numérique</p>");
                valid =  false;
        }
        else{
                calcul.css({'background-color':'white'});
        }
        return valid;
    });
});

/*
Theme Name: Arbre à Hélices
Theme URI: http://www.arbre-helices.com
Description: thème du site Arbre à Hélices
Version: 1.0
Author: Antoine 
Author URI: http://www.arbre-helices.com/contact
Tags: two-columns, post-formats
Thème de l'Arbre à Hélices
*/
/*--------- reset -----------*/
a img{ border:none; }
html, body,fieldset, form,legend, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code,q,
dl,ol, ul{margin: 0;padding: 0;}
html{ font-size:100%;}
img {vertical-align:baseline;}
 
/*---------------------------*/
/*         =style de base    */
/*---------------------------*/
body{
	background:#000;
	margin:0;
	font-size:12px;
}
/*harmoniser les espaces, fusion des marges des éléments frères*/
h1, h2, h3, h4, h5, h6 {
	margin: 15px 0 10px 0;  /* sup entre les éléments */
}
ul, ol, p {
	margin: 7px 0 5px 0;  /* sup entre les éléments */
}
hr.clear{ clear:both; visibility:hidden; height:0; margin:0; border:0; }
 
/*---------------------------*/
/*         =structure        */
/*---------------------------*/
#main{
}
#header{
}
#content{
}
#sidebar{
}
#footer{
}
 
/*---------------------------*/
/*           =header         */
/*---------------------------*/
 
/*---------------------------*/
/*           =content        */
/*---------------------------*/
 
/*---------------------------*/
/*           =sidebar        */
/*---------------------------*/
/*---------------------------*/
/*           =footer         */
/*---------------------------*/
/*---------------------------*/
/*           =autres         */
/*---------------------------*/

<!-- Boucle WordPress : The Loop  -->
 <?php if ( have_posts() ) :  while ( have_posts() ) : the_post();  ?>
<h2><a href="<?php the_permalink() ?>" title=""><?php the_title(); ?></a></h2>
<div class="post">
   <?php the_content(); ?>
</div>
<?php endwhile; else: ?>
<p>Aucun article trouvé ...</p>
<?php endif; ?>

/*
* description : cette fonction renvoie faux si aucun post n'est trouvé dans la requête, 
* sinon, tant qu'il y a des posts elle renvoie les contenus liés au post post par post.
*/
have_posts() ; 
 
/*
* description : permet de faire l'itération et l'initialisation 
* de la variable $posts dans la boucle while
*/
the_post() ; 
 
/*
* description : marqueur de modèle de WordPress
* Ils affichent des informations que l'on peut également personnaliser dans le template, tous
* les marqueurs ci-dessous sont à utiliser à l'INTERIEUR DE LA BOUCLE
*/
the_time('d/m/Y'); // date de publication de l'article
the_title_attribute(); //titre sans html pour le titre du lien
the_title(); //titre de l'article
the_content();// le contenu de l'article
the_excerpt(); // un extrait de l'article
the_permalink(); // le lien vers l'article 
the_author(); //le nom de l'auteur
the_author_posts_link(); //lien vers la page de l'auteur
the_category(', '); // lien vers la catégorie de l'article
...

<?php get_header() ; ?>
<div id="content">
<?php     get_template_part('loop');  ?>
</div>
<div id="sidebar">
<?php get_sidebar() ; ?>
</div>
<?php get_footer() ; ?>

<title>
<?php if(is_home)): ?>
<?php bloginfo('name'); ?>	
<?php else : ?>
<?php wp_title(); ?>
<?php endif ; ?>
</title>
<?php wp_enqueue_script("jquery"); ?>  
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
<body>
<div id="main">
<div id="banner">
    <h1><?php bloginfo('name'); ?></h1>
    <p><?php bloginfo('description'); ?></p>
     <div id="search" >
    <?php get_search_form(); ?>
    </div>
    <div id="nav">
    <?php wp_nav_menu(
            array('theme_location'=>'nav','menu_id'=> 'main-menu' )
    ); ?>
    </div>
</div><!-- end banner -->

<?php wp_enqueue_script("jquery"); ?>   //ajoute la librairie JQuery 
<?php bloginfo('stylesheet_url'); ?> //calcule l'URL du fichier style dans le template
<?php bloginfo('rss_url'); ?> // calcule l'URL du fichier RSS 
<?php bloginfo('pingback_url'); ?> //retrolien
<?php wp_head(); ?> //HOOK permettant aux plugins et à WordPress d'ajouter du code
<?php get_search_form(); ?> // moteur de recherche
/*
* Place un menu dans le template, que l'on peut administrer dans l'admin
* de WordPress 
*/
<?php wp_nav_menu(
            array('theme_location'=>'nav','menu_id'=> 'main-menu' )
    ); ?>

<?php
/*
 *  Boucle générale
 */
?>
<?php if ( have_posts()) : ?>
<h2 class="title-home" >Articles récents</h2>
<?php while ( have_posts()) : the_post(); ?> 
<div class="current-post">
 <?php if ( has_post_thumbnail() ) : ?>
             <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
                 <?php the_post_thumbnail('thumbnail'); ?>
             </a>
            <?php endif; ?>
            <p class="date" ><?php the_time('d/m/Y') ?> </p>
            <h2 class="title-content" ><a class="article" href="<?php the_permalink() ;?>" title="<?php the_title_attribute(); ?>" ><?php the_title() ; ?></a></h2>
            <?php the_excerpt(); ?>
            <p><a class="link" href="<?php the_permalink() ;?>" title="<?php the_title(); ?>" >lire la suite...</a></p>
</div><!-- end current-post -->
 
   <?php endwhile;  ?>
<?php else: ?>
    <h2>Contenu introuvable...</h2>
<?php endif; ?>

<ul>
<?php wp_list_pages('title_li='); ?>
</ul>
<?php if( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : ?>
<?php endif; ?>
...

 
<?php
/*
 * description : fichier de configuration du thème
 * auteur : Antoine
 * 
 */
 
/* -------- support theme -------*/
add_theme_support('menus');  //ajoute la gestion admin des menus
 
add_theme_support('post-formats', array( 'gallery')); //post-formats tags particuliers pour les posts
 
add_theme_support('post-thumbnails'); // miniature pour les posts
 
 
/* -------- menu -------*/
 
register_nav_menus(
        array(
            'nav' => 'menu principal',
            'nav_footer' => 'menu dans le footer'
        )
);
 
 
/* ------------ custom post type ----------- */
 
require_once (ABSPATH.'wp-content/themes/mon_theme/inc/custom_type.php');
 
 
/* ------------ shortcode ----------- */
 
function shortcode_youtube( $atts, $content= null ) {
	extract( shortcode_atts( array(
		'id' => '',
                'height' => 350,
                'width' => 640,
	), $atts ) );
	$out = '<div id="youtube"><object width="'.$width.'" height="'.$height.'">
	<param name="movie" value="http://www.youtube.com/v/'.$id.'?version=3&amp;hl=fr_FR&amp;rel=0"></param>
	<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
	<embed src="http://www.youtube.com/v/'.$id.'?version=3&amp;hl=fr_FR&amp;rel=0"
	type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always"
	allowfullscreen="true"></embed>
	</object></div>';
	return $out;
}
add_shortcode( 'youtube', 'shortcode_youtube' );
 
...
?>

 
<?php 
 
/**
* description : code à placer dans le thème
*/
$args_menu = array(
		'theme_location' =>'nav_main',
		'container' => 'div', 
		'container_id' => 'wrapper-menu',
		'menu_id' =>'main-menu'
	 );
 
	wp_nav_menu( $args_menu );
 
 
 ?>

/**
* description : fichier functions.php
*/
/* -------- menu -------*/
if (  function_exists( 'register_nav_menu' )  ) {
   register_nav_menus(
        array(
            'mon_jolie_menu' => 'menu principal',
            'nav_footer' => 'menu dans le footer'
        )
   );
}
 
 ?>

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
  <div>
    <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
    <input type="submit" id="searchsubmit" class="bt-search" value="recherche" />
  </div>
</form>

/**
* description : tous les marqueurs de modèle ci-dessous 
* affichent en général des <li><a> pour les liens vers des contenus
* du site 
*/
wp_list_categories( $cat_args ); //affiche les liens vers catégories du site
wp_list_pages ( $page_args ) ; //affiche les liens vers les pages
wp_get_archives('type=monthly') ; //affiche les liens vers les archives par mois

//Dans le fichier functions.php
<?php 
 
/* ---------------- API Widgets ---------------- */
/* bonne pratique : function_exists vérifie que la fonction 
* est définie, disponible dans WordPress
* attention c'est register_sidebars avec un s
 */
if ( function_exists('register_sidebars') ) {
  $args = array(
	'name'          => 'Sidebar %d', //s'incrémente en fonction du nb de zone
	'id'            => 'sidebar',      //pour WordPress dans l'admin 
	'description'   => 'zone widgetisée',
	'before_widget' => '<div class="widget">',
	'after_widget'  => '</div>',
	'before_title'  => '<h2 class="widget-title">',
	'after_title'   => '</h2>' 
   ); 
  $num = 3 ; //définit le nombre de zones widgetisables
  register_sidebars(3, $args );
}
?>

<?php if( function_exists('dynamic_sidebar') && dynamic_sidebar('Sidebar 1') ) : ?>
<?php endif; ?>
 
 
<?php if( function_exists('dynamic_sidebar') && dynamic_sidebar('Sidebar 2') ) : ?>
<?php endif; ?>

//Dans le fichier functions.php
<?php 
if ( function_exists('register_sidebar') ) {
 
	$arg_sidebar = array(
		'name'          => 'widget-sidebar',
		'description'   => 'colonne latérale totalement widgetisable',
		'before_widget' => '<div class="widget" >',
		'after_widget'  => '</div>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>' );
 
 
	register_sidebar( $arg_sidebar );
 
	//deuxième zone widgetisable
	$arg_footer = array(
		'name'          => 'widget-footer',
		'description'   => 'Dans le footer ',
		'before_widget' => '<div class="widget" >',
		'after_widget'  => '</div>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>' );
 
 
	register_sidebar( $arg_footer );	
}
 
?>
//Dans la sidebar.php 
 
<?php if( function_exists('dynamic_sidebar') && dynamic_sidebar('widget-sidebar') ) : ?>
<?php endif; ?>
 
//Dans le footer.php
<?php if( function_exists('dynamic_sidebar') && dynamic_sidebar('widget-footer') ) : ?>
<?php endif; ?>

<?php
//Quelques constantes dans le fichier functions.php
define('HEADER_TEXTCOLOR', 'ffffff');// couleur du texte sur l'image
define('HEADER_IMAGE', '%s/images/orange.jpg'); // %s adresse du template, image par défaut
define('HEADER_IMAGE_WIDTH', 960); // dimension de l'image à placer dans le header
define('HEADER_IMAGE_HEIGHT', 150);
 
/*fonction qui placera l'image en background sur le site public
* attention au nom de l'id que l'on utilise il doit se 
* retrouver dans le code HTML du site
*/
function header_style() {
    ?><style type="text/css">
        #banner {
            background: url(<?php header_image(); ?>);
        }
    </style><?php
}
 
//fonction qui placera dans l'admin l'image 
function admin_header_style() {
    ?><style type="text/css">
        #headimg {
            width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
            height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
            background: no-repeat;
        }
    </style><?php
}
 
/*fonction de WordPress pour lui demander 
de prendre en compte les deux fonctions ci-dessus*/
add_custom_image_header('header_style', 'admin_header_style');
?>

//DDEBUT BOUCLE
...
 <p><?php the_tags() ?></p>
..
//FIN BOUCLE

$email = get_the_author_meta('user_email'); //récupère l'avatar de l'auteur 
$grav_url = "http://www.gravatar.com/avatar/" . md5(strtolower($email)); // récupère l'avatar sur le site gravatar

<?php
/*
 * Template Name: présentation
 */
?>
...le code du template

/* Pour inclure la boucle dans un template, cette
* fonction récupère le contexte et passe celui-ci à la boucle
* dans le fichier loop.php
*/
<?php get_template_part( 'loop' ); ?>
// de même on peut utiliser pour une navigatio

//BOUCLE debut
<?php comments_template(); ?>
//BOUCLE fin

<div class="wrapper-comments">
<?php if ( have_comments() ) : ?>
<ul class="comments">
<?php wp_list_comments( ); ?>
</ul>
<?php else : ?>
<p>Pour l'instant l'article n'a pas de commentaire</p>
<?php endif; ?>
<?php comment_form(); ?>
</div><!-- end wrapper-comments -->

 
/* ----- custom post type --------- */
add_action( 'init', 'create_artichaut_type' );
 
function create_artichaut_type() {
	$labels = array(
			'name' => 'artichaut',
			'singular_name' => 'artichaut',
			'all_items'=>'tous les artichauts',
			'add_new' => 'ajouter',
			'add_new_item' => 'ajouter un artichaut',
			'edit' =>'éditer',
			'edit_item' =>'éditer un artichaut',
			'new_item' => 'nouveau artichaut',
			'view' => 'voir ',
			'view_item' => 'voir un artichaut',
			'search_items' => 'rechercher un artichaut',
			'not_found' => 'aucun artichaut trouvé',
			'not_found_in_trash' => 'pas artichaut dans la poubelle',
        );
 
 
	register_post_type( 'artichaut',
		array(
			'labels' => $labels,
			'public' => true, //par défaut cpt ne s'affiche pas...
            'public_queyrable'=>true, //options nécessaires et classiques 
            'show_in_menu'=>true,
            'query_var'=>true,
            'rewrite'=>true,
            'capability_type'=>'post', //tous les utilisateurs peuvent créer des CPT.
            'has_archives'=>true, // permet de lister les CPT en archives
            'hierarchical'=>false, //le contenu peut être hiérarchisé, comme les pages ici non
            'menu_position' => 5, // 5 sous articles, 15 sous pages, 20 sous les pages
            'supports' => array('title','editor','author','thumbnail','excerpt','comments')    
		)
	);
} 
/* ----------- fin cpt ------------- */

$query = new WP_Query( array( 'post_type' => array( 'artichaut' ) ) );
// Boucle adaptée à l'objet $query 
while ( $query->have_posts() ) : $query->the_post();
//les marqueurs à l'intérieur de la boucle sont les mêmes	
echo '<li>';
	the_title();
	echo '</li>';
endwhile;
 
// vide la mémoire de l'objet
wp_reset_postdata();

 
//taxo
 
add_action( 'init', 'create_poireau_taxonomies');
 
function create_poireau_taxonomies() 
{
 
  $labels = array(
    'name' => 'poireau',
    'singular_name' => 'poireau',
    'search_items' =>  'rechercher un poireau',
    'all_items' => 'tous les poireau',
    'parent_item' => 'parent poireau',
    'edit_item' => 'edit poireau', 
    'update_item' => 'mettre à jour un poireau',
    'add_new_item' => 'ajouter un poireau',
    'new_item_name' => 'nouveau poireau',
    'menu_name' => 'Poireau',
  ); 	
 
  register_taxonomy('poireau',array('artichaut','post'), array(
    'hierarchical' => true, //si false tags, si true catégorie
    'labels' => $labels,
    'show_ui' => true,
    'query_var' => true,
    'rewrite' => array( 'slug' => 'poireau' ), //slug dans l'url
  ));
 
}