Ces deux changements qui lient contenu et webdesign peuvent sembler \u00e0 priori d\u00e9risoires mais il apporte une aide intuitive dans la compr\u00e9hension de votre contenu par les lecteurs de votre blog.<\/b><\/p>\nLes plugins de mise en avant des commentaires (comment highlight)<\/h4>\n
Nous avons s\u00e9lectionn\u00e9 2 plugins qui rendent ce genre de service, cela consiste \u00e0 souligner automatiquement les interventions \u00e9manant de l\u2019administrateur du blog, c’est \u00e0 dire vous !<\/p>\n
Highlight Author Comments<\/h4>\n
C’est le plugin le plus complet. Il permet de souligner vos interventions sur les commentaires notamment.
\nLa configuration du plugin<\/b>
\n![\"Plugin](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/08\/wp_hightlight_comment_4.jpg\")
<\/p>\n
![\"Plugin](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/08\/wp_hightlight_comment_6.jpg\")
<\/p>\n
Le r\u00e9sultat sur les commentaires de l\u2019admin<\/b>
\n![\"Plugin](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/08\/wp_hightlight_comment_5.jpg\")
<\/p>\n
Source : http:\/\/wordpress.org\/extend\/plugins\/highlight-author-comments\/<\/a><\/i><\/p>\n La mise en place est complexe pour un r\u00e9sultat pas toujours garanti… Si vous ne souhaitez pas mettre les mains dans le code, mieux vaut s’abstenir ! Ce plugin soulignera pas seulement les r\u00e9ponses de l\u2019administateur, vous pouvez souligner les commentaires de chaque type d’utilisateur via la CSS de votre th\u00e8me.<\/p>\n A ajouter dans le fichier A ajouter \u00e0 la feuille de style de votre th\u00e8me dans Avant…<\/b> Apr\u00e8s… Bien sur cet apr\u00e8s demanderai un peu plus de styling CSS !!<\/b> Source : http:\/\/wordpress.org\/extend\/plugins\/bm-comment-highlight\/<\/a><\/i><\/p>\n Pour cette mise en avant, c’est au d\u00e9part un tr\u00e8s bon plugin qui existe sur DorClear nomm\u00e9 Hreflang Manager v.1, l\u2019outil de gestion de blog francophone. On a donc cherch\u00e9 un \u00e9quivalent sur Worpdress ce qui n\u2019a pas \u00e9t\u00e9 difficile \u00e0 trouver.<\/p>\n Un souci sur Internet Explorer, le disposition de l’icone \u00e0 proximt\u00e9 du lien laisse souvant \u00e0 d\u00e9sirer….<\/p>\n L’installation et la configuration du plugin sur votre blog WordPress<\/b> Un article avec des liens ext\u00e9rieurs<\/b> Ce petit artifice peut toutefois \u00eatre mis en place sans l’aide d’un plugin, ce qui vous donnera une meilleur maitrise dans l\u2019affichage ou dans l’utilisation que vous souhaitez du marquage des liens vers l’ext\u00e9rieur de votre blog. Si vous souhaitez par exemple signifier la langue \u00e0 l’aide d’un drapeau…<\/p>\n Voil\u00e0 rapidement la marche \u00e0 suivre, il vous faut modifier en cons\u00e9quence la feuille de style de votre th\u00e8me et appeler la bonne classe lorsque vous faites un lien et le tour est jou\u00e9 !<\/b><\/p>\n Le r\u00e9sultat produit par cette manipulation dans la CSS<\/b> Tr\u00e8s rapidement lorsque on est titulaire d’un blog sous WordPress ou sur un autre syst\u00e8me de publication, on souhaite mettre avant le contenu que l’on… <\/p>\nBM Comment Highlight<\/h4>\n
comments.php<\/code> de votre th\u00e8me dans wp-content\/themes\/le_nom_de_votre-theme\/comments.php<\/code><\/b><\/p>\n\r\n\t\t<!-- <ol class="commentlist"> -->\r\n\t\t<?php \/\/ wp_list_comments(); ?>\r\n\t\t<!-- <\/ol> -->\r\n\r\n\t<ol class="commentlist">\r\n\t\t<?php foreach ( $comments as $comment ) { \r\n\t\t\t\t$commentClass = bm_commentHighlight(); ?>\r\n\t\t\t\t<li class="<?php echo $commentClass; ?>">\r\n\t\t\t\t<?php comment_text(); ?>\r\n\t\t\t\t<\/li>\r\n\t\t\t<?php } ?>\r\n\t<\/ol>\r\n\t\r\n<\/pre>\nwp-content\/themes\/le_nom_de_votre-theme\/style.css<\/code><\/b><\/p>\n\t \r\n\/* comment style *\/\r\n.user { \r\nfont-weight:normal;\r\ncolor: #000;\r\n}\r\n.reader {\r\n\tfont-weight:italic;\r\n\tcolor: #000;\r\n}\r\n.author { \r\n\tfont-weight:bold;\r\n\tcolor: #FF6600;\r\n\t}\r\n<\/pre>\n
\n![\"Plugin](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/08\/wp_hightlight_comment_2.jpg\")
<\/p>\n
\n![\"Plugin](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/08\/wp_hightlight_comment_3.jpg\")
<\/p>\nLes plugins de gestion de lien ext\u00e9rieur (external link)<\/h4>\n
Le plugin Hunk External Links<\/h4>\n
\n![\"Plugin](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/08\/wp_hightlight_comment_8.jpg\")
<\/p>\n![\"Plugin](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/08\/wp_hightlight_comment_9.jpg\")
<\/p>\n
\n![\"Plugin](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/08\/wp_hightlight_comment_7.jpg\")
<\/p>\nLe plugin Hunk External Links<\/h4>\n
\r\n\r\n\t\r\n\t\t\/* Global\r\n\t\t-------------------------------------------------------- *\/\r\n\t\thtml { overflow-y: scroll; }\r\n\t\tbody {\r\n\t\t\twidth: 922px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tfont: 12px\/24px \"Lucida Grande\", \"Helvetica Neue\", Arial, sans-serif;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\t\ta:link { color: #FF6600; text-decoration: underline; }\r\n\t\ta:visited { color: #FF6600; text-decoration: none; }\r\n\t\ta:active, a:focus, a:hover { color: #667788; text-decoration: none; }\r\n\r\n\t\/* ==== to be continued ... *\/\r\n\r\n\t\t\/* Post-Content: #wrapper #main #content .post .post-content\r\n\t\t-------------------------------------------------------- *\/\r\n\t\t.post-content { overflow: hidden; }\r\n\t\t.post-content ul {\r\n\t\t\tmargin: 0 0 12px 0;\r\n\t\t}\t\r\n\r\n\t\t.post-content a[hreflang]:after { content: \"000a0[\" attr(hreflang) \"]\"; font-size: 10px; }\r\n\t\t.post-content a.external { padding: 5px 13px 5px 0; background: transparent url(img\/external.gif) no-repeat center right; } \r\n\r\n\r\n\t\/* ==== to be continued ... *\/\r\n\r\n\r\n\t\t\/* counter-increment - 1st time I hear about that was here http:\/\/mezzoblue.com\/archives\/2006\/11\/01\/counter_intu\/ *\/\r\n\t\t.post-content ol {\r\n\t\t\tcounter-reset: i;\r\n\t\t\t|list-style: decimal inside;\r\n\t\t}\r\n\t\t.post-content ol li { counter-increment: i; }\r\n\t\t.post-content ol li:before { content: counter(i, decimal) \")000a0\"; color: #814cd6; }\r\n\t\t.post-content ul li { list-style: none; background: url(img\/square_8a48d9.png) no-repeat 0 10px; text-indent: 10px; }\r\n\t\t.post-content blockquote {\r\n\t\t\tborder: 10px solid #EBEBEB;\r\n\t\t\tborder-width: 0 0 0 6px;\r\n\t\t\tpadding: 4px 0 4px 10px;\r\n\t\t\tfont-style: italic;\r\n\t\t}\r\n\r\n\t\t\/* ==== to be continued ... *\/\r\n\t\r\n\t\r\n<\/pre>\n\r\n<p>\r\n\tAujourd’hui la création de site web, de manière professionnelle, se réduit le plus souvent au <b>dilemme suivant<\/b> dans sa réalisation :\r\n\t\t<ul>\r\n\t\t\t<li>Soit le site est développé <code><em>from scratch *<\/em><\/code> à l'aide de préférence d'un Framework dans un langage connu tel que PHP, Python, Ruby ou Perl.\r\n\t\t\t\tPour PHP, citons <a hreflang="en" title="Zend Framework. En anglais" href="http:\/\/www.symfony-project.org\/" class="external">Symfony<\/a>, <a hreflang="en" title="Zend Framework. En anglais" href="http:\/\/framework.zend.com\/" class="external">Zend<\/a>, <a hreflang="en" title="Zend Framework. En anlais" href="http:\/\/codeigniter.com\/" class="external">Code Igniter<\/a>, <a hreflang="en" title="Zend Framework. En anglais" href="http:\/\/www.kohanaphp.com\/" class="external">Kohana<\/a>\r\n\t\t\t\tPour Perl, citons <a hreflang="en" title="Catalyst - Web Framework. En anglais" href="http:\/\/www.catalystframework.org\/" class="external">Catalyst<\/a>\r\n\t\t\t\tPour Python, citons <a hreflang="en" title="Django | The Web framework for perfectionists with deadlines. En anglais" href="http:\/\/www.djangoproject.com\/" class="external">Django<\/a>\r\n\t\t\t\tPour Ruby, citons <a hreflang="en" title="Ruby on Rails. En anglais" href="http:\/\/www.rubyonrails.org\/" class="external">Ruby on Rails<\/a><\/li>\r\n\t\t\t<li>Soit le site s'appuie sur un CMS existant : <a hreflang="en" title="WordPress | A semantic personal publishing platform with a focus on aesthetics, web standards, and usability. En anglais" href="http:\/\/www.wordpress.org\/" class="external">WordPress<\/a>, <a hreflang="en" title="Drupal | Official homepage of the open source content management system. En anglais" href="http:\/\/www.drupal.org\/" class="external">Drupal<\/a> , <a hreflang="en" title="Joomla! - the dynamic portal engine and content management system. En anglais" href="http:\/\/www.joomla.org\/" class="external">Joomla!<\/a>, <a hreflang="en" title="CMS Made Simple - the open source content management system for the rest of us. En anglais" href="http:\/\/www.cmsmadesimple.com\/" class="external">CMS Made Simple<\/a> <\/li>\r\n\t\t<\/ul>\r\n\r\n\t\tHormis cela point de salut !\r\n\r\n\t<em>* de zéro, d'une feuille blanche...<\/em>\r\n\r\n<\/p>\r\n<\/pre>\n
\n![\"Plugin](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/08\/wp_hightlight_comment_1.jpg\")
<\/p>\nPour aller plus loin<\/h2>\n
\n
\n\t\thttp:\/\/wordpress.org\/extend\/plugins\/highlight-author-comments\/<\/a><\/li>\n
\n\t\thttp:\/\/wordpress.org\/extend\/plugins\/bm-comment-highlight\/<\/a><\/li>\n
\n\thttp:\/\/www.babylon-design.com\/site\/index.php\/2006\/11\/03\/154-plugin-dotclear-hreflang-manager-v1<\/a><\/li>\n
\n\t\thttp:\/\/blog-well.com\/2008\/07\/06\/highlighting-external-links-within-wordpress\/<\/a><\/li>\n
\n\t\thttp:\/\/wordpress.org\/extend\/plugins\/hunk-external-links\/<\/a><\/li>\nhighlight<\/code> des plugins WordPress, vous aurez \u00e0 tous les plugins qui permettront de rehausser votre contenu
\n\t\t\thttp:\/\/wordpress.org\/extend\/plugins\/tags\/highlight<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"