Wordpress : Je n'arrive pas à afficher la description d'une catégorie...

diddy11 · 28 Avril 2014

Bonjour à tous,

Je débute sur Wordpress, et j'ai un problème...

Je souhaite afficher la description de chaque catégorie.
Or, mon thème doit le bloquer car j'ai beau mettre une description, elle ne s'affiche pas...

J'ai donc cherché et trouver le fameux "<?php echo category_description(6); ?>" à intégrer au fichier archive.php. Ce que j'ai fait...

Effectivement, ma description s'affiche, mais elle s'affiche "dans" la barre de titre de la catégorie (elle dépasse de la barre de titre et comme elle est en blanc, on ne voit rien...)

Ce que je veux, c'est que la description s'affiche dans une zone de texte en dessous du titre de la catégorie, et au dessus de la liste d'articles... C'est possible ?

Je débute donc désolé si ce problème vous parait minime... ;-)

La page en question : http://enrouteverslouest.com/?cat=6
Je suis sur Wordpress 3.9 avec le theme BeResponZive Pro

Merci beaucoup !

Doubrovski · 28 Avril 2014

C'est probablement un problème CSS. Il faut afficher et aussi mettre en forme la description. Vous pouvez poster le code html obtenu avec la description ?

Il faut également trouver le bon fichier à éditer dans le thème (ça dépend des thèmes mais je dirais category.php ou archive.php).

diddy11 · 28 Avril 2014

Merci,

Je n'avais qu'un fichier archive.php donc je l'ai cloner en category.php.
Voilà son contenu, avec le code php que j'ai ajouté pour afficher la description de la catégorie.

<?php get_header(); ?>
<?php global $data;?>
<div id="blocks-wrapper" class="clearfix">
<div id="blocks-left" class="eleven columns clearfix">



<h2 class="blogpost-wrapper-title" style="margin-top:30px;">
<?php if(is_day()): ?>
<?php printf(__('Daily Archives: %s', 'bresponZive'), get_the_date()); ?>
<?php elseif(is_month()) : ?>
<?php printf(__('Monthly Archives: %s', 'bresponZive'), get_the_date('F Y')); ?>
<?php elseif(is_year()) : ?>
<?php printf(__('Yearly Archives: %s', 'bresponZive'), get_the_date('Y')); ?>
<?php elseif(is_category() || is_tag()): ?>

<?php printf(__(' %s '), single_cat_title('', false)); ?>
<?php echo category_description(6); ?>
<?php elseif(is_author()): ?>
<?php printf(__('Articles Posted by the Author: %s', 'bresponZive'), $curauth->nickname); ?>
<?php else: ?>
<?php _e('Blog Archives', 'bresponZive'); ?>
<?php endif; ?>
</h2>
<?php include_once('includes/blog_loop.php');?>

</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Cela vous aide ?

diddy11 · 28 Avril 2014

Et le code Html de la page :

<!DOCTYPE html>
<html lang="fr-FR">
<head>

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<title>Etape par Ã©tape | En Route Vers L'Ouest</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="shortcut icon" href="http://enrouteverslouest.com/wp-content/uploads/2014/04/C-_Users_David_Sites-Internet_wordpress_Logos_ervo_shutterstock_13065791021.gif" /> <link rel="pingback" href="http://enrouteverslouest.com/xmlrpc.php" />

<link href='http://fonts.googleapis.com/css?family=Open+Sans:regular,bold' rel='stylesheet' type='text/css'/>


<link rel="alternate" type="application/rss+xml" title="En Route Vers L'Ouest » Feed" href="http://enrouteverslouest.com/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="En Route Vers L'Ouest » Comments Feed" href="http://enrouteverslouest.com/?feed=comments-rss2" />
<script type="text/javascript">//<![CDATA[
// Google Analytics for WordPress by Yoast v4.3.5 | http://yoast.com/wordpress/google-analytics/
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18158988-1']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
//]]></script>
<link rel="alternate" type="application/rss+xml" title="En Route Vers L'Ouest » Etape par Ã©tape Category Feed" href="http://enrouteverslouest.com/?feed=rss2&cat=6" />
<link rel='stylesheet' id='google-web-font0-css' href='http://fonts.googleapis.com/css?family=Varela' type='text/css' media='all' />
<link rel='stylesheet' id='google-web-font1-css' href='http://fonts.googleapis.com/css?family=Voltaire' type='text/css' media='all' />
<link rel='stylesheet' id='google-web-font2-css' href='http://fonts.googleapis.com/css?family=Bitter' type='text/css' media='all' />
<link rel='stylesheet' id='style-css' href='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/style.css?ver=3.9' type='text/css' media='all' />
<link rel='stylesheet' id='camera-css' href='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/css/camera.css?ver=3.9' type='text/css' media='all' />
<link rel='stylesheet' id='skeleton-css' href='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/css/skeleton.css?ver=3.9' type='text/css' media='all' />
<link rel='stylesheet' id='google-webfonts-css' href='http://fonts.googleapis.com/css?family=Oswald|PT+Sans|Open+Sans' type='text/css' media='all' />
<script type='text/javascript' src='http://enrouteverslouest.com/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
<script type='text/javascript' src='http://enrouteverslouest.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/js/camera.min.js?ver=2.0'></script>
<script type='text/javascript' src='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/js/jquery.mobile.customized.min.js?ver=2.0'></script>
<script type='text/javascript' src='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/js/jquery.backstretch.min.js?ver=3.9'></script>
<script type='text/javascript' src='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/js/jquery.mobilemenu.min.js?ver=3.9'></script>
<script type='text/javascript' src='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/js/jquery.easing.1.3.js?ver=3.9'></script>
<script type='text/javascript' src='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/js/jquery.ticker.js?ver=3.9'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://enrouteverslouest.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://enrouteverslouest.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.9" />
<style type="text/css" media="screen">
body {
background-color:#fff;
background-repeat: repeat;background-image: url('http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/images/bg/bg19.png');
}
body{ color: #666;font-weight: normal;font-size: 13px;}
#catnav ul a{ font-family: Varela;font-weight: normal;font-size: 13px;}
#catnav.secondary ul a{ font-family: Voltaire;font-weight: normal;font-size: 16px;}
h2.blogpost-wrapper-title{ font-weight: normal;font-size: 20px;}
.blog-lists-blog h3 a{ font-weight: normal;font-size: 24px;}
.blog-lists h3 a{ font-weight: normal;font-size: 14px;}
.widget-head, ul.tabs2 li a{ font-weight: normal;font-size: 20px;}
h3.widget-title{ font-weight: normal;font-size: 21px;}
.post-title h1{ font-weight: normal;font-size: 40px;}
#post-meta ,.post-meta-blog{ font-weight: normal;font-size: 10px;}
.post_content{ font-weight: normal;font-size: 13px;}
.single-navigation, .comment-nav-above, .comment-nav-below{ font-family: Bitter;font-weight: normal;font-size: 14px;}
.comment-content{ font-weight: normal;font-size: 13px;}
.post_content h1{ font-weight: normal;font-size: 32px;}
.post_content h2{ font-weight: normal;font-size: 28px;}
.post_content h3{ color: 0c6e89;font-weight: bold;font-size: 24px;}
.post_content h4{ font-weight: normal;font-size: 20px;}
.post_content h5{ font-weight: normal;font-size: 16px;}
.post_content h6{ font-weight: normal;font-size: 12px;}
</style>
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head>
<body class="archive category category-etapeparetape category-6">

<div id="wrapper" class="container clearfix">

<div id="wrapper-container">
<div id="header">
<div id="head-content" class="clearfix ">

<div id="logo">
<a href="http://enrouteverslouest.com/" title="En Route Vers L'Ouest" rel="home"><img src="http://enrouteverslouest.com/wp-content/uploads/2014/04/logoERVO21-1024x292.jpg" alt="En Route Vers L'Ouest" /></a>
</div>


<div id="header-banner468">
</div>

</div>
</div>


<div id="catnav" class="secondary">
<ul id="catmenu" class="catnav container clearfix"><li id="menu-item-8" class="menu-item menu-item-type-taxonomy menu-item-object-category current-category-ancestor current-menu-ancestor current-menu-parent current-category-parent menu-item-has-children menu-item-8"><a href="http://enrouteverslouest.com/?cat=3" >Notre Voyage</a>
<ul class="sub-menu">
<li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a href="http://enrouteverslouest.com/?page_id=10" >PRESENTATION</a></li>
<li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="http://enrouteverslouest.com/?page_id=41" >Circuit</a></li>
<li id="menu-item-53" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-has-children menu-item-53"><a href="http://enrouteverslouest.com/?cat=6" >Etape par Ã©tape</a>
<ul class="sub-menu">
<li id="menu-item-54" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-54"><a href="http://enrouteverslouest.com/?cat=7" >24 Juin 2009 : ArrivÃ©e aux USA !!</a></li>
</ul>
</li>
</ul>
</li>
<li id="menu-item-9" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9"><a href="http://enrouteverslouest.com/?cat=4" >Ouest US</a></li>
</ul> </div>


<div id="blocks-wrapper" class="clearfix">
<div id="blocks-left" class="eleven columns clearfix">


<h2 class="blogpost-wrapper-title" style="margin-top:30px;">
Etape par Ã©tape <p>Ma description ici<br />
test<br />
test</p>
</h2>
<div class="blog-lists-blog clearfix">
<div id="themepacific_infinite" class="blogposts-wrapper clearfix">
<div class="blogposts-inner">
<ul>
<li class="full-left clearfix">
<div class='magbig-thumb'>
<a href="http://enrouteverslouest.com/?p=55" title="24 Juin 2009 – 04h57 : En Route pour L’AÃ©roport" class="post-thumbnail">
<img src="http://enrouteverslouest.com/wp-content/uploads/2014/04/NantesCDG-340x160.jpg" alt="24 Juin 2009 – 04h57 : En Route pour L’AÃ©roport" />
</a>
</div>
<div class="list-block clearfix">
<h3><a href="http://enrouteverslouest.com/?p=55" title="24 Juin 2009 – 04h57 : En Route pour L’AÃ©roport">24 Juin 2009 – 04h57 : En Route pour L’AÃ©roport</a></h3>
<div class="post-meta-blog">
<span class="meta_author">by <a href="http://enrouteverslouest.com/?author=1" title="Posts by enrouteverslouest" rel="author">enrouteverslouest</a></span>
<span class="meta_date">On April 28, 2014</span>
<span class="meta_comments"> <a href="http://enrouteverslouest.com/?p=55#comments">0 Comment</a></span>
</div>
<div class="maga-excerpt clearfix">
<p>04h57 : Rue Paul Bellamy, Nantes   Dur dur de se lever Ã cette heure..</p>
</div>
<div class="themepacific-read-more"><a class="tpcrn-read-more" href="http://enrouteverslouest.com/?p=55" title="24 Juin 2009 – 04h57 : En Route pour L’AÃ©roport">Read More</a>
</div>
</div>
</li></ul>
<br class="clear" />
</div>
</div>
</div>
<div class="pagination clearfix">
</div>
</div>


<div id="sidebar" class="six columns clearfix">
<div id="social-3" class="sidebar-widget tpcrn-social-icons-widget">
<div class="widget">
<div class="social-icons">
<a title="RSS Feed" href="http://enrouteverslouest.com/?feed=rss2" ><img src="http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/images/social-icons/rss.png" alt="RSS Feed" /></a>
<a title="Google+" href="https://plus.google.com/b/106352382758422310895/106352382758422310895/posts" ><img src="http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/images/social-icons/gp.png" alt="Google+" /></a>
<a title="Facebook" href="https://www.facebook.com/pages/En-Route-Vers-LOuest/214415231918197?ref=hl" ><img src="http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/images/social-icons/fb.png" alt="Facebook" /></a>
<a title="Twitter" href="https://twitter.com/ervoerve" ><img src="http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/images/social-icons/tw.png" alt="Twitter" /></a>
</div>
</div>
</div> <div id="recent-posts-2" class="sidebar-widget widget_recent_entries"> <h3 class="widget-head">Derniers Posts</h3> <ul>
<li>
<a href="http://enrouteverslouest.com/?p=55">24 Juin 2009 – 04h57 : En Route pour L’AÃ©roport</a>
</li>
<li>
<a href="http://enrouteverslouest.com/?p=13">PrÃ©sentation</a>
</li>
<li>
<a href="http://enrouteverslouest.com/?p=1">Bonjour tout le monde !</a>
</li>
</ul>
</div><div id="recent-comments-2" class="sidebar-widget widget_recent_comments"><h3 class="widget-head">Derniers Commentaires</h3><ul id="recentcomments"><li class="recentcomments"><a href="https://wordpress.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-commentauthor','']);" rel='external nofollow' class='url'>Monsieur WordPress</a> on <a href="http://enrouteverslouest.com/?p=1#comment-1">Bonjour tout le monde !</a></li></ul></div><div id="categories-2" class="sidebar-widget widget_categories"><h3 class="widget-head">Categories</h3> <ul>
<li class="cat-item cat-item-7"><a href="http://enrouteverslouest.com/?cat=7" title="sdfgsdfgsdfgsdfgbxcvb">24 Juin 2009 : ArrivÃ©e aux USA !!</a>
</li>
<li class="cat-item cat-item-1"><a href="http://enrouteverslouest.com/?cat=1" title="View all posts filed under Non classÃ©">Non classÃ©</a>
</li>
<li class="cat-item cat-item-3 current-cat-parent"><a href="http://enrouteverslouest.com/?cat=3" title="View all posts filed under Notre Voyage">Notre Voyage</a>
</li>
</ul>
</div><div id="archives-2" class="sidebar-widget widget_archive"><h3 class="widget-head">Archives</h3> <ul>
<li><a href='http://enrouteverslouest.com/?m=201404'>April 2014</a></li>
</ul>
</div><div id="search-2" class="sidebar-widget widget_search">
<form method="get" class="searchform" action="http://enrouteverslouest.com/">
<input class="searchfield" type="text" name="s" id="s" value="Search here.." onfocus="if (this.value == 'Search here..') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search here..';}">
</form></div><div id="tpcrn_fb_like_widget-3" class="sidebar-widget tpcrn_fb_like"><h3 class="widget-head">Rejoignez-Nous sur Facebook !</h3><div class="tpcrn-fb-like-box">
<iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FEn-Route-Vers-LOuest%2F214415231918197%3Fref%3Dhl&width=340&colorscheme=light&show_faces=true&stream=false&header=false&height=260" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:340px; height: 260px;" ></iframe>
</div>
</div><div id="tpcrn_social_subscount-widget-2" class="sidebar-widget tpcrn_social_subscount"><h3 class="widget-head">Restez ConnectÃ©s !</h3><div class="tpcrn-soc-counter">
<ul class="tpcrn-soc-widget">
<li class="tpcrn-soc-twitter">
<a href="https://www.twitter.com/bresponZive" target="_blank">
<span class="tpcrn-soc-img"></span>
<span>Followers</small>
<span>0</span>
</a>
</li>
<li class="tpcrn-soc-facebook">
<a href="https://www.facebook.com/https://www.facebook.com/pages/En-Route-Vers-LOuest/214415231918197?ref=hl" target="_blank">
<span class="tpcrn-soc-img"></span>
<span>Likes</small>
<span>110</span>
</a>
</li>
</ul>
</div>
</div><div id="meta-2" class="sidebar-widget widget_meta"><h3 class="widget-head">Administration</h3> <ul>
<li><a href="http://enrouteverslouest.com/wp-login.php?action=register">Enregistrer</a></li> <li><a href="http://enrouteverslouest.com/wp-login.php">Connexion</a></li>
<li><a href="http://enrouteverslouest.com/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="http://enrouteverslouest.com/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="https://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li> </ul>
</div></div>

</div>

</div>

</div>


<div id="footer-blocks" class="container clearfix">
<div class="fb-container clearfix">
<div class="footer-block1">
</div>
<div class="footer-block2">
</div>
<div class="footer-block3">
</div>
<div class="footer-block4">
</div>
</div>
</div>


<div id="footer" class="container clearfix">
<div class="foot-wrap container">
<p class="copyright">En Route Vers L'Ouest  © 2014</p>
<p class="credit">Designed by <a title="ThemePacific" href="http://themepacific.com">ThemePacific</a></p> </div></div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-50438289-1', 'enrouteverslouest.com');
ga('send', 'pageview');
</script>
<script type='text/javascript' src='http://enrouteverslouest.com/wp-includes/js/jquery/ui/jquery.ui.widget.min.js?ver=1.10.4'></script>
<script type='text/javascript' src='http://enrouteverslouest.com/wp-content/themes/bresponzive_pro/js/tpcrn_scripts.js?ver=1.0'></script>
</body>
</html>

Doubrovski · 28 Avril 2014

Mh la description qui est un paragraphe est affichée à l'intérieur du titre <h2>. Un problème à résoudre, il faut sortir la description du titre. Le <h2> qui englobe plein de choses, devrait sans doute n'entourer que le titre.
(au passage je mettrais un h1 plutôt que h2 pour le titre de la catégorie).

Sinon pourquoi category_description(6) et pas category_description() ?

diddy11 · 28 Avril 2014

Merci beaucoup,

Mais du coup, je dois changer ça dans quel fichier ?
Désolé, je débute... ;-)

Et pour la catégorie, j'ai mis le chiffre 6 car c'était écrit qu'il fallait mettre le numéro de la catégorie (ID)...
Ca change quoi ?

Merci !!

diddy11 · 28 Avril 2014

Vous voulez parler du fichier category.php ?

Car dans ce fichier, le H2 n'neglobe que le titre pour moi car il y a :

<h2 class="blogpost-wrapper-title" style="margin-top:30px;">

Doubrovski · 28 Avril 2014

Code:

<h2 class="blogpost-wrapper-title" style="margin-top:30px;">

Ça c'est l'ouverture de la balise <h2> (titre d'importance n°2 dans la page), avec une class CSS.
Elle indique aux robots "attention le titre commence ici", "et le titre a une classe css", "et le webmaster a ajouté une règle de style sauvage", mais cette balise se ferme avec </h2> pour indiquer que "le titre se termine ici". Bon mais je peux pas expliquer les bases html et css ici, avec en plus du php

La ligne PHP qui affiche le titre c'est :

Code:

<?php printf(__(' %s '), single_cat_title('', false)); ?>

Ta balise h2 englobe la date, la description, l'auteur... alors qu'elle ne devrait englober que le titre.

Code:

<h2 class="blogpost-wrapper-title" style="margin-top:30px;"><?php printf(__(' %s '), single_cat_title('', false)); ?></h2>

En gros je te demande de ramener la balise h2 autour du titre uniquement, ce qui peut créer des problèmes de mise en page dans le cas où la date et le nom de l'auteur étaient affichés dans le titre dans ton thème... Mais ça n'a pas de sens.

Si tu ne préfères pas corriger les problèmes de ce thème, tu peux simplement déplacer ta ligne PHP pour afficher la description sous la fermeture du titre </h2>

diddy11 · 28 Avril 2014

Merci beaucoup,

j'ai déplacé le code de la description de catégorie sous le H2 et ca fonctionne,

Merci beaucoup ! C'est parfait ;-)

Doubrovski · 28 Avril 2014

Ok, tant mieux, mais je vous conseille quand même de revoir un peu le code du thème (remplacer h2 par h1, h3 par h2), sortir la date et le nom de l'auteur du titre.
Et attention à :

Code:

category_description(6)

C'est toujours la même description qui sera affichée sur toutes les pages.