define('DISALLOW_FILE_EDIT', true); define('DISALLOW_FILE_MODS', true);{"id":27,"date":"2008-03-31T15:04:05","date_gmt":"2008-03-31T14:04:05","guid":{"rendered":"http:\/\/tristan.ferroir.fr\/index.php\/2008\/03\/31\/comment-integrer-wordpress-a-votre-site-web\/"},"modified":"2008-04-01T21:12:14","modified_gmt":"2008-04-01T20:12:14","slug":"comment-integrer-wordpress-a-votre-site-web","status":"publish","type":"post","link":"http:\/\/tristan.ferroir.fr\/index.php\/2008\/03\/31\/comment-integrer-wordpress-a-votre-site-web\/","title":{"rendered":"Comment int\u00e9grer WordPress \u00e0 votre site web"},"content":{"rendered":"

Comme vous pouvez le constater, vous \u00eates arriv\u00e9s sur une page un peu modifi\u00e9e. En effet, j’ai int\u00e9gr\u00e9 un blog WordPress au site. Vous pouvez constater que l’aspect de la page n’a pas \u00e9t\u00e9 modifi\u00e9 et pourtant tout le moteur du blog est int\u00e9gr\u00e9. Je vous propose de vous expliquer comme j’ai fait…<\/p>\n

On va se baser tout d’abord sur le th\u00e8me par d\u00e9faut (Default theme). Premi\u00e8re chose, on va modifier le fichier header.php. Rep\u00e9rez juste avant la fin de la balise head la partie <?php wp_head(); ?><\/font><\/strong>. Juste avant, ajouter le lien vers votre fichier .css de la fa\u00e7on suivante : <link href=\u00a0\u00bbhttp:\/\/monsite.com\/mon_fichier.css\u00a0\u00bb rel=\u00a0\u00bbstylesheet\u00a0\u00bb type=\u00a0\u00bbtext\/css\u00a0\u00bb \/><\/font><\/strong> Ensuite, juste apr\u00e8s la balise <\/head>, mettez tout ce qu’il y a de commun \u00e0 toutes les pages. Par exemple, dans mon code, j’appelle mon menu \u00e0 gauche qui est un fichier \u00e0 part. Enfin, enregistrez le fichier. N’oubliez pas de mettre le dossier avec les images que vous utilisez pour votre th\u00e8me de site dans le dossier wordpress si vous utilisez des liens locaux. Vous constaterez normalement que votre page wordpress ressemble maintenant \u00e0 votre site. Il peut cependant y avoir un l\u00e9ger probl\u00e8me, c’est que la colonne des articles et la colonne de droite avec le moteur de recherche, les tags et les liens peuvent \u00eatre trop petites ou trop grandes. Pour y rem\u00e8dier, nous allons modifier le fichier style.css de wordpress. Rep\u00e8rez dans le fichier les entr\u00e9es approximatives suivantes et remplacez les par les valeurs souhait\u00e9es (en rouge):<\/p>\n\n\n
#headerimg {
\n}.narrowcolumn {
\nfloat: left;
\npadding: 0 0 2px 4px;
\nmargin: 10px 0 0;
\nwidth: 450px;
\n}.widecolumn {
\npadding: 10px 0 20px 10px;
\nmargin: 15px 0 0 15px;
\nwidth: 450px;
\n}<\/td>\n
\u2192<\/big><\/big><\/big><\/big><\/big><\/td>\n#headerimg {
\n}.narrowcolumn {
\nfloat: left;
\npadding: 0 0 2px 4px;
\nmargin: 10px 0 0;
\nwidth: largeur_page_article_en_pixels<\/span>px;
\n}.widecolumn {
\npadding: 10px 0 20px 10px;
\nmargin: 15px 0 0 15px;
\nwidth: largeur_page_recherches,tags_en_pixels<\/span>px;<\/p>\n

}<\/p>\n<\/td>\n<\/tr>\n<\/table>\n

Il reste un dernier probl\u00e8me : si vous cliquez sur un lien d’article, vous vous rendre compte que la colonne dans laquelle il apparait est tout petite. Pour faire en sorte de corriger ce probl\u00e8me, modifier le fichier Article seul et \u00e0 la deuxi\u00e8me lign, remplacez widecolumn par narrowcolumn.<\/p>\n

Voil\u00e0, le tour est jou\u00e9 et normalement, votre blog est parfaitement int\u00e8grer \u00e0 votre site<\/p>\n","protected":false},"excerpt":{"rendered":"

Comme vous pouvez le constater, vous \u00eates arriv\u00e9s sur une page un peu modifi\u00e9e. En effet, j’ai int\u00e9gr\u00e9 un blog WordPress au site. Vous pouvez constater que l’aspect de la page n’a pas \u00e9t\u00e9 modifi\u00e9 et pourtant tout le moteur … Lire la suite →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[36],"_links":{"self":[{"href":"http:\/\/tristan.ferroir.fr\/index.php\/wp-json\/wp\/v2\/posts\/27"}],"collection":[{"href":"http:\/\/tristan.ferroir.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/tristan.ferroir.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/tristan.ferroir.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/tristan.ferroir.fr\/index.php\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":0,"href":"http:\/\/tristan.ferroir.fr\/index.php\/wp-json\/wp\/v2\/posts\/27\/revisions"}],"wp:attachment":[{"href":"http:\/\/tristan.ferroir.fr\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/tristan.ferroir.fr\/index.php\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/tristan.ferroir.fr\/index.php\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}