Passer à un vrai CMS

WRInaute discret
Bonjour à tous,

Depuis plus de 9 mois maintenant je me suis lancé dans l'aventure de la création de mon site internet. Je parts de zéro. Aujourd'hui, j'entends mieux les commentaires que j'avais pu lire sur ce forum concernant la nullité de Web Acappella, un WYSIWYG, et je souhaiterai transférer tous mes contenus sous WordPress (un vrai CMS).

Face à ce travail imposant, je ne sais pas trop par où commencer, que faire, ne plus me tromper... Merci pour vos conseils, ils seront les bienvenus.
 
WRInaute accro
Bonjour

1- faire une installation en local de Wordpress, sous WAMP, pour te familiariser avec l'outil
2- en profiter pour "repenser" ton site, en réfléchissant, par exemple, à l'opportunité de rajouter une section "blog"
3- regarder les thèmes gratuits sur wordpress.org et en trouver un qui ressemble à ce que tu cherches (pour les sites de type corporate, tu as par exemple attitude, qui est très largement paramétrable, surtout pour les couleurs)
4- copier tes contenus un par un, ce que tu as aujourd'hui sur ton site irait dans des "pages" et pas dans des articles
5- rajouter les bons plugins, contactform7 par exemple pour la demande de devis, all in one seo pour l'optimisation des balises
6- une fois que tu as fini ton site en local, le transférer sur ton hébergeur, en supprimant l'ancien
7- sans oublier, si les urls de tes contenus ont changé, de faire des redirections 301
 
WRInaute discret
Pour le moment j'en suis à une approche esthétique, mais deux petits problèmes se posent à moi :

-Comment centrer la vidéo iframe dans mon tableau ?
-Pourquoi y a-t-il un espace avant mon footer, et comment l'enlever ? Ce footer vient se coller à la verticale des autres pages, comment palier ce problème ?

Merci beaucoup et bonne année

Code:
 <!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="fr-FR">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="fr-FR">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="fr-FR">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Nonobstant | écrivain public</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://localhost/nouveausite/xmlrpc.php" />
<!--[if lt IE 9]>
<script src="http://localhost/nouveausite/wp-content/themes/twentytwelve/js/html5.js" type="text/javascript"></script>
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="Nonobstant &raquo; Flux" href="http://localhost/nouveausite/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="Nonobstant &raquo; Flux des commentaires" href="http://localhost/nouveausite/?feed=comments-rss2" />
<link rel="alternate" type="application/rss+xml" title="Nonobstant &raquo; Nonobstant, écrivain public à Nantes Flux des commentaires" href="http://localhost/nouveausite/?feed=rss2&#038;page_id=2" />
<link rel='stylesheet' id='open-sans-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&#038;subset=latin%2Clatin-ext&#038;ver=3.8' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css'  href='http://localhost/nouveausite/wp-includes/css/dashicons.min.css?ver=3.8' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/nouveausite/wp-includes/css/admin-bar.min.css?ver=3.8' type='text/css' media='all' />
<link rel='stylesheet' id='twentytwelve-fonts-css'  href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&#038;subset=latin,latin-ext' type='text/css' media='all' />
<link rel='stylesheet' id='twentytwelve-style-css'  href='http://localhost/nouveausite/wp-content/themes/twentytwelve/style.css?ver=3.8' type='text/css' media='all' />
<!--[if lt IE 9]>
<link rel='stylesheet' id='twentytwelve-ie-css'  href='http://localhost/nouveausite/wp-content/themes/twentytwelve/css/ie.css?ver=20121010' type='text/css' media='all' />
<![endif]-->
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/comment-reply.min.js?ver=3.8'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/nouveausite/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/nouveausite/wp-includes/wlwmanifest.xml" /> 
<link rel='next' title='Actualités' href='http://localhost/nouveausite/?page_id=9' />
<meta name="generator" content="WordPress 3.8" />
<link rel='canonical' href='http://localhost/nouveausite/' />
<link rel='shortlink' href='http://localhost/nouveausite/?p=2' />
	<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
	<style type="text/css" id="twentytwelve-header-css">
			.site-title,
		.site-description {
			position: absolute;
			clip: rect(1px 1px 1px 1px); /* IE7 */
			clip: rect(1px, 1px, 1px, 1px);
		}
		</style>
	<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #ffffff; }
</style>
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
		* html body { margin-top: 46px !important; }
	}
</style>
</head>

<a target="_blank" href="http://www.ecrivainpublic-nonobstant.com" title="Nonobstant"><img src="http://img15.hostingpics.net/pics/367873nonobstantmarquepagediv2blanc.jpg" border="0" alt="Nonobstant, écrivain public" /></a>

<body class="home page page-id-2 page-parent page-template page-template-page-templatesfull-width-php logged-in admin-bar no-customize-support custom-background full-width custom-background-white custom-font-enabled single-author">
<div id="page" class="hfeed site">
	<header id="masthead" class="site-header" role="banner">
		<hgroup>
			<h1 class="site-title"><a href="http://localhost/nouveausite/" title="Nonobstant" rel="home">Nonobstant</a></h1>
			<h2 class="site-description">écrivain public</h2>
		</hgroup>

		<nav id="site-navigation" class="main-navigation" role="navigation">
			<h3 class="menu-toggle">Menu</h3>
			<a class="assistive-text" href="#content" title="Aller au contenu principal">Aller au contenu principal</a>
			<div class="nav-menu"><ul><li class="current_page_item"><a href="http://localhost/nouveausite/">Accueil</a></li><li class="page_item page-item-9"><a href="http://localhost/nouveausite/?page_id=9">Actualités</a></li></ul></div>
		</nav><!-- #site-navigation -->

			</header><!-- #masthead -->

	<div id="main" class="wrapper">
	<div id="primary" class="site-content">
		<div id="content" role="main">

							
	<article id="post-2" class="post-2 page type-page status-publish hentry">
		<header class="entry-header">
												<h1 class="entry-title">Nonobstant, écrivain public à Nantes</h1>
		</header>

		<div class="entry-content">
			<p><a href="http://www.ecrivainpublic-nonobstant.com"><img class="wp-image-32  alignnone" title="Nonobstant, écrivain public " alt="nonobstantnantesbiographie" src="http://localhost/nouveausite/wp-content/uploads/2014/01/pour_20sit_201013_2.jpg" width="947" height="339" /></a></p>
<p style="text-align: justify;"><span style="font-family: Verdana;">À l&rsquo;heure du tout écran le tout écrit n&rsquo;a jamais été plus présent ; un <strong>écrivain public</strong>, un <em>conseiller</em> en écriture, un scribe qu&rsquo;importe le nom la fonction demeure plus que jamais nécessaire aujourd&rsquo;hui. À ceux qui ne trouvent pas leurs mots d&rsquo;autres en ont à revendre.</span></p>
<p style="text-align: justify;">Vous cherchez un emploi mais cela fait plus de 30 ans que votre <em>C.V n&rsquo;est plus à jour</em> ? Les services d&rsquo;emploi ne vous fournissent pas l&rsquo;aide nécessaire ? Pourquoi ne pas le faire rédiger par un tiers ?</p>
<p style="text-align: justify;">Vous venez de retrouver votre amour de jeunesse sur Facebook et vous ne savez pas comment rédiger le message de vos retrouvailles ? Pourquoi ne pas faire de moi votre Cyrano ?</p>
<p style="text-align: justify;"><span style="font-family: Verdana;"><span style="font-family: Verdana;">Vous vous faites vieux. On n&rsquo;y peut rien. C&rsquo;est même encourageant ! Votre seul regret c&rsquo;est de ne pas savoir comment laisser une <strong>empreinte de votre vie</strong>, de ne pas avoir l&rsquo;oreille qu&rsquo;il faut pour écouter vos souvenirs fidèles. Je serai la plume précise de vos <strong>mémoires</strong> immuables.</span></span></p>
<p style="text-align: justify;">Vous écrivez vous aussi et vous tombez sur ce site un peu par hasard, vous aviez tapé <em>&laquo;&nbsp;auto-édition&nbsp;&raquo;</em> ou &laquo;&nbsp;correction de roman&nbsp;&raquo; dans Google et vous vous retrouvez ici. À vous, je propose la <strong>relecture</strong> de votre œuvre, la <strong>correction</strong> des éventuelles fautes et vous propose la meilleure <em>mise en page de vos écrits</em> avant de vous accompagner dans la publication de votre livre au format numérique. Une solution clé en main pour toucher les <b>400.000 utilisateurs de Kindle en France</b>.</p>
<h2 style="text-align: justify;">Faire écrire sa biographie ou une simple lettre, étape par étape :</h2>
<p style="text-align: justify;">1. Le premier contact se fait par téléphone ou par email, que vous viviez à Nantes, en France ou ailleurs.</p>
<p style="text-align: justify;">2. Pour une correction ou la rédaction rapide (à partir d&rsquo;1h) d&rsquo;une lettre, un contact rapide par téléphone suffit. Je vous transmets le devis par email que vous me renvoyez scanné en réponse.</p>
<p style="text-align: justify;">3. Nous procédons aux entretiens. Je vous pose des questions et je prends des notes. Je peux aussi, si vous préférez, récupérer vos notes et les mettre en forme, m’en servir comme base de travail. Pour une biographie familiale on peut compter entre 5 et 15 heures de travail.</p>
<p style="text-align: justify;">4. La dernière étape consiste à vous remettre votre livre sous format numérique. Je peux aussi vous le faire imprimer (frais supplémentaires). Si vous en ressentez l&rsquo;envie, je mets ce livre dans le circuit de l&rsquo;édition locale ou numérique.</p>
<table width="677">
<tbody>
<tr>
<th style="text-align: center;"><a style="padding-left: 20px;" title="Tarifs Nonobstant" href="http://www.ecrivainpublic-nonobstant.com/tarifs" target="_blank"><img alt="Nonobstant, écrivain public" src="https://img4.hostingpics.net/pics/572268visagemoustache.png" border="1" /></a></th>
<th><a style="padding-left: 40px;" title="Contacter Nonobstant" href="http://www.ecrivainpublic-nonobstant.com/contact" target="_blank"><img alt="Nonobstant, écrivain public" src="https://img4.hostingpics.net/pics/288810visageplein.png" border="1" /></a></th>
<th><iframe style="padding-left: 30px;" src="//www.youtube.com/embed/QZNUKjd-cKo" height="195" width="205" allowfullscreen="" frameborder="1" align="center;"></iframe></th>
</tr>
<tr>
<th>
<h3 style="font-size: 13pt; padding-left: 20px; text-align: center; color: #000000; font-family: Tahoma, Verdana;">Un écrivain public en France</h3>
</th>
<th>
<h3 style="font-size: 13pt; padding-left: 20px; text-align: center; color: #000000; font-family: Tahoma, Verdana;">Un professionnel à votre service</h3>
</th>
<th>
<h3 style="font-size: 13pt; padding-left: 20; text-align: center; color: #000000; font-family: Tahoma, Verdana;">Les tarifs de Nonobstant</h3>
</th>
</tr>
<tr>
<td>
<p style="text-align: justify; padding-left: 20px; center; color: #000000;"><span style="font-family: Verdana;"> Contactez Nonobstant par téléphone au <b>06.81.28.66.24</b>, par <a style="color: #000000;" href="mailto:pierrelegrix@ecrivainpublic-nonobstant.com" rel="follow">courriel</a> ou au 29 rue de l&rsquo;héronnière 44 000 Nantes . Je suis à votre disposition pour tout renseignement ou devis, où que vous soyez en France. </span></p>
<p>&nbsp;</td>
<td>
<p style="text-align: justify; padding-left: 20px; center; color: #000000;"><span style="font-family: Verdana;"> Pour rédiger une <a style="color: #000000;" href="http://www.ecrivainpublic-nonobstant.com/particuliers.html" rel="follow">lettre</a> , vos <a style="color: #000000;" href="http://www.ecrivainpublic-nonobstant.com/prestations.html" rel="follow">discours</a> officiels, un <a style="color: #000000;" href="http://www.ecrivainpublic-nonobstant.com/professionnels.html" rel="follow">journal d&rsquo;entreprise</a>, les statuts de votre <a style="color: #000000;" href="http://www.ecrivainpublic-nonobstant.com/associations.html" rel="follow">association</a>, des <a style="color: #000000;" href="http://www.ecrivainpublic-nonobstant.com/descriptions-web.html" rel="follow">descriptions</a> pour les annuaires de référencement, ou votre <a style="color: #000000;" href="http://www.ecrivainpublic-nonobstant.com/biographie.html">biographie</a>. </span></p>
<p>&nbsp;</td>
<td>
<p style="text-align: justify; padding-left: 20px; center; color: #000000;"><span style="font-family: Verdana;"> Retrouvez ici les <a style="color: #000000;" href="http://www.ecrivainpublic-nonobstant.com/tarifs.html" rel="follow">tarifs</a> de Nonobstant, <em>écrivain public</em> à Nantes, vous pouvez aussi les imprimer (au format pdf). Obtenir un <a style="color: #000000;" href="http://www.ecrivainpublic-nonobstant.com/contact.html" rel="follow">devis</a> , c&rsquo;est <strong>gratuit</strong> et vous aurez votre réponse dans la journée. </span></p>
<p>&nbsp;</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><span style="font-family: Verdana;"> *** </span></p>
<p><center><img alt="Hebergeur d'image" src="https://img4.hostingpics.net/pics/334853carte.png" border="0" /></center></p>
					</div><!-- .entry-content -->
		<footer class="entry-meta">
			<span class="edit-link"><a class="post-edit-link" href="http://localhost/nouveausite/wp-admin/post.php?post=2&amp;action=edit">Modifier</a></span>		</footer><!-- .entry-meta -->
	</article><!-- #post -->
			
		</div><!-- #content -->
	</div><!-- #primary -->


<footer id="colophon" role="contentinfo">	
	         <div 

<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000"href="http://www.ecrivainpublic-nonobstant.com/particuliers.html">Particuliers</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/etudiants.html">Etudiants</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/professionnels.html">Professionnel</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/collectivites-locales.html">Collectivités</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/associations.html">Associations</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/redaction-web.html">Rédactions Web</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/traduction.html">Traduction</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/biographie.html">Biographie</a>

<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/a-propos.html">Qui suis-je ?</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/a-propos.html">Pourquoi un écrivain public ?</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/mon-cv.html">Mon C.V</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/tarifs.html">Tarifs</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/deontologie.html">Déontologie</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/wa_files/CGV_20nonobstant.pdf">C.G.V</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/les-avis.html">Avis</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/presse.html">Presse</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/livre-d-or.html">Livre d'or</a> 

<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/majusculesaccents.html">Les majuscules accentuées</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/ecrire-les-nombres.html">Écrire les nombres en toutes lettres</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/chiffres-romains.html">Les chiffres et les nombres romains</a>
<a rel=follow style="font-size:9pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/formules-de-politesse.html">Les formules de politesse</a>

<TABLE BORDER="0"> 
  <CAPTION></CAPTION> 
  <TR> 
       <TH><body><p style="text-align:justify; padding-left: 10px; Left;font-size:8pt ; color: #000000;"> <font face=Verdana> Tous droits réservés </font> </p></body> </TD> 
         <TH><body><p style="text-align:justify; padding-left: 40px; Left;font-size:8pt ; color: #000000;"> <font face=Verdana> Propulsé par WordPress</font> </p></body> </TD> 
           <TH><body><p style="text-align:justify; padding-left: 70px; Left;font-size:8pt ; color: #000000;"> <font face=Verdana> Administration et crédits photos Pierre Legrix ©   </font> </p></body> </TD> 
              <TH><body><p style="text-align:justify; padding-left: 80px; Left;font-size:8pt ; color: #000000;"> <font face=Verdana> <a rel=follow style="font-size:8pt ;text-align: Left;color: #000000" href="http://www.ecrivainpublic-nonobstant.com/mentions-legales.html">Mentions légales</a> </font> </p></body> </TD> 
</TR>
</TABLE BORDER>
   		</div><!-- .site-info -->
</footer>
<!-- #colophon -->
</div><!-- #page -->

<link rel='stylesheet' id='simple-sticky-footer-css'  href='http://localhost/nouveausite/wp-content/plugins/simple-sticky-footer/simple-sticky-footer.css?ver=3.8' type='text/css' media='all' />
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/admin-bar.min.js?ver=3.8'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-content/themes/twentytwelve/js/navigation.js?ver=1.0'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-blind.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-bounce.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-clip.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-drop.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-explode.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-fade.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-fold.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-highlight.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-pulsate.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-scale.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-shake.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-slide.min.js?ver=1.10.3'></script>
<script type='text/javascript' src='http://localhost/nouveausite/wp-includes/js/jquery/ui/jquery.ui.effect-transfer.min.js?ver=1.10.3'></script>
	<script type="text/javascript">
		(function() {
			var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');

			request = true;

			b[c] = b[c].replace( rcs, ' ' );
			b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
		}());
	</script>
			<div id="wpadminbar" class="nojq nojs" role="navigation">
			<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Aller à la barre d&rsquo;outils</a>
			<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Barre de navigation supérieure." tabindex="0">
				<ul id="wp-admin-bar-root-default" class="ab-top-menu">
		<li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item"  aria-haspopup="true" href="http://localhost/nouveausite/wp-admin/about.php" title="À propos de WordPress"><span class="ab-icon"></span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">
		<li id="wp-admin-bar-about"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/about.php">À propos de WordPress</a>		</li></ul><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">
		<li id="wp-admin-bar-wporg"><a class="ab-item"  href="http://www.wordpress-fr.net/">Site de WordPress-FR</a>		</li>
		<li id="wp-admin-bar-documentation"><a class="ab-item"  href="http://codex.wordpress.org/">Documentation</a>		</li>
		<li id="wp-admin-bar-support-forums"><a class="ab-item"  href="http://www.wordpress-fr.net/support/">Forums d&rsquo;entraide</a>		</li>
		<li id="wp-admin-bar-feedback"><a class="ab-item"  href="http://wordpress.org/support/forum/requests-and-feedback">Remarque</a>		</li></ul></div>		</li>
		<li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item"  aria-haspopup="true" href="http://localhost/nouveausite/wp-admin/">Nonobstant</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-site-name-default" class="ab-submenu">
		<li id="wp-admin-bar-dashboard"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/">Tableau de bord</a>		</li></ul><ul id="wp-admin-bar-appearance" class="ab-submenu">
		<li id="wp-admin-bar-themes"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/themes.php">Thèmes</a>		</li>
		<li id="wp-admin-bar-customize" class="hide-if-no-customize"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/customize.php?url=http%3A%2F%2Flocalhost%2Fnouveausite%2F">Personnaliser</a>		</li>
		<li id="wp-admin-bar-widgets"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/widgets.php">Widgets</a>		</li>
		<li id="wp-admin-bar-menus"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/nav-menus.php">Menus</a>		</li>
		<li id="wp-admin-bar-background"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/themes.php?page=custom-background">Arrière-plan</a>		</li>
		<li id="wp-admin-bar-header"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/themes.php?page=custom-header">En-tête</a>		</li></ul></div>		</li>
		<li id="wp-admin-bar-comments"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/edit-comments.php" title="0 commentaire en attente de modération"><span class="ab-icon"></span><span id="ab-awaiting-mod" class="ab-label awaiting-mod pending-count count-0">0</span></a>		</li>
		<li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item"  aria-haspopup="true" href="http://localhost/nouveausite/wp-admin/post-new.php" title="Créer"><span class="ab-icon"></span><span class="ab-label">Créer</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-new-content-default" class="ab-submenu">
		<li id="wp-admin-bar-new-post"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/post-new.php">Article</a>		</li>
		<li id="wp-admin-bar-new-media"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/media-new.php">Fichier média</a>		</li>
		<li id="wp-admin-bar-new-page"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/post-new.php?post_type=page">Page</a>		</li>
		<li id="wp-admin-bar-new-user"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/user-new.php">Utilisateur</a>		</li></ul></div>		</li>
		<li id="wp-admin-bar-edit"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/post.php?post=2&#038;action=edit">Modifier la page</a>		</li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">
		<li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://localhost/nouveausite/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><input type="submit" class="adminbar-button" value="Recherche"/></form></div>		</li>
		<li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item"  aria-haspopup="true" href="http://localhost/nouveausite/wp-admin/profile.php" title="Mon compte">Salutations, pierre<img alt='' src='http://0.gravatar.com/avatar/80ed0c76edbf3e6cd989574d0a956499?s=26&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D26&amp;r=G' class='avatar avatar-26 photo' height='26' width='26' /></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user-actions" class="ab-submenu">
		<li id="wp-admin-bar-user-info"><a class="ab-item" tabindex="-1" href="http://localhost/nouveausite/wp-admin/profile.php"><img alt='' src='http://0.gravatar.com/avatar/80ed0c76edbf3e6cd989574d0a956499?s=64&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D64&amp;r=G' class='avatar avatar-64 photo' height='64' width='64' /><span class='display-name'>pierre</span></a>		</li>
		<li id="wp-admin-bar-edit-profile"><a class="ab-item"  href="http://localhost/nouveausite/wp-admin/profile.php">Modifier mon profil</a>		</li>
		<li id="wp-admin-bar-logout"><a class="ab-item"  href="http://localhost/nouveausite/wp-login.php?action=logout&#038;_wpnonce=09e4e051b7">Se déconnecter</a>		</li></ul></div>		</li></ul>			</div>
						<a class="screen-reader-shortcut" href="http://localhost/nouveausite/wp-login.php?action=logout&#038;_wpnonce=09e4e051b7">Se déconnecter</a>
					</div>

		</body>
</html>
 
WRInaute discret
Pour faire suite à mon message précédent, j'ai tourné la chose autrement et j'ai donc aussi contourné la difficulté.

Mon site est maintenant sous WordPress, et j'ai encore besoin de vous :

1. Comment centrer le menu sur ce thème ? Est-ce possible ?

2. Sur mon iPad le rendu est top, mais sur mon iPhone c'est mon image dans le header qui merde je pense, une idée pour que mon site puisse s'adapter au format iPhone ?

3. Des remarques ? Des conseils ? Je suis preneur de tout ce qui vous viendra de pertinent !

Merci d'avance :)
 
Discussions similaires
Haut