Refonte de site

**Nullette** · 2 Juin 2015

Bonjour à tous,

j'envisage de donner un coup de pouce à mon vieux site qui, au fil des années est devenu un vrai fouillis et n'est pas "responsive".

N'ayant pas les moyens financiers de faire appel à un service extérieur, il va falloir que je commence par faire une arborescence et une liste de toutes les pages au contenu devenu obsolète.

D'autre part, il m'a été conseillé d'utiliser Wordpress, que je ne connais pas du tout et que j'avais testé sur mon ordinateur sans comprendre grand chose et qui me demandait de m'enregistrer en ligne.

Connaîtriez-vous un site ou un livre qui pourrait m'aider à l'utiliser ?

Je suis preneuse de tous conseils pour une Nulle qui ne connaît que (à peu près) le html.

eric73 · 2 Juin 2015

le site n'est pas responsive, mais comme il a été conçu en 800px de large, il s'affiche le plus souvent correctement.

un changement non maitrisé, cela peut entrainer une forte perte de positionnement dans google donc moins de visites.

le site a l'air bien codé, donc on peut changer son design, juste avec du css.

donc bien réfléchir avant de se lancer.

**Nullette** · 2 Juin 2015

Merci eric73. J'avais posé une question similaire ici, il y a quelque temps et, effectivement, les conseils avaient été de ne pas toucher grand chose afin de garder le bon positionnement.

Par contre j'ai plusieurs pages que l'on trouve par une recherche Google, mais difficilement par les menus du site et je ne sais pas trop comment faire pour restructurer l'arborescence.

**Portekoi** · 3 Juin 2015

Bonjour,

Au niveau de ta balise "conteneur", change :



width: 800px

par



max-width: 800px

Idem pour #headertop

Et voilà, ton site est responsive

Fais de même avec d'autres éléments comme le menu si besoin mais bon... ton site est propre donc il n'y pas grand chose à modifier.

Portekoi

**Nullette** · 3 Juin 2015

@Portekoi, aussi facile que ça ?

Je vais le faire ces jours-ci. Merci.

**Portekoi** · 3 Juin 2015

Et oui

Après, tu peux jouer la précision via les médias queries :

http://www.alsacreations.com/article/lire/930-css3-media-queries.html

Attention toute fois : une fois le max-width en place, regarde s'il n'y a pas du texte en dehors du cadre.

Perso, j'utilise Chrome ==> F12 ==> icône mobile et je regarde ce qui déborde du cadre. C'est un très bon outil pour ça.

**captain_torche** · 3 Juin 2015

Quant à WordPress, si tu souhaites en apprendre plus, je te conseille les cours d'OpenClassrooms : http://openclassrooms.com/courses/propulsez-votre-site-avec-wordpress(Je n'ai pas suivi celui-ci personnellement, mais l'ensemble est d'une qualité plus qu'honorable).

PotatoesJunky · 3 Juin 2015

Bonjour,

N'ayant pas les moyens financiers de faire appel à un service extérieur (...)

As-tu demandé des devis au préalable ?

D'autre part, si tu connais le HTML et les CSS, tu peux demander au prestataire une simple maquette de ta page d'accueil, qui servira de base pour modifier le design du site (parce qu'il est effectivement propre côté code, mais graphiquement parlant, ça date un peu quand même)

**Nullette** · 3 Juin 2015

Bonjour,

As-tu demandé des devis au préalable ?

D'autre part, si tu connais le HTML et les CSS, tu peux demander au prestataire une simple maquette de ta page d'accueil, qui servira de base pour modifier le design du site (parce qu'il est effectivement propre côté code, mais graphiquement parlant, ça date un peu quand même)

Pour le premier devis, je n'ai eu aucune réponse. Pour le deuxième, il est obligatoire d'utiliser Wordpress (ce que je ne souhaite pas vraiment) et pour demander une maquette, je ne sais pas à qui m'adresser. Je dois aussi refaire l'arborescence, à moins de trouver quelqu'un qui saurait le faire La dernière fois, il y a longtemps, que j'avais demandé un devis en passant par le Hub, j'avais reçu plusieurs réponses par message privé. Je vais peut-être me relancer dans cette aventure.

**Nullette** · 3 Juin 2015

Perso, j'utilise Chrome ==> F12 ==> icône mobile et je regarde ce qui déborde du cadre. C'est un très bon outil pour ça.

Je vais faire des cauchemars cette nuit !! J'ai découvert Chrome ==F12 ==Device.... Mes pages sont loins d'être responsive (pour l'instant )

PotatoesJunky · 4 Juin 2015

Pour le premier devis, je n'ai eu aucune réponse. Pour le deuxième, il est obligatoire d'utiliser Wordpress (ce que je ne souhaite pas vraiment) et pour demander une maquette, je ne sais pas à qui m'adresser. Je dois aussi refaire l'arborescence, à moins de trouver quelqu'un qui saurait le faire La dernière fois, il y a longtemps, que j'avais demandé un devis en passant par le Hub, j'avais reçu plusieurs réponses par message privé. Je vais peut-être me relancer dans cette aventure.

Devis sans réponse : prestataire pas trop sérieux, sans doute.

Obligation d'utiliser Wordpress : ça doit être un prestataire spécialisé WP/CMS. Ce n'est pas obligatoire, mais ça revient moins cher pour le client qu'un site réalisé entièrement sur mesure.

Pour le reste, je t'ai envoyé un MP

**Portekoi** · 4 Juin 2015

Je ne vois pas l'intérêt de migrer un tel site en WP. Il est très bien comme ça.

Il faut "juste", à mon sens :

Ajouter des max-width sur #headertop / #conteneur

Gérer les .pub

Gérer le form_container

Gérer #pteboite

Le mieux est de masquer les *.pub pour afficher une pub en bas de l'écran positionnée en bottom 0px / position : absolute

Maintenant pour le menu, le mieux serait de le modifier via CSS en dessous d'une certaine résolution

**Nullette** · 4 Juin 2015

Merci @Portekoi. La #pteboite est à supprimer, je crois qu'elle n'a plus aucune utilité. Pour .pub, je n'ai pas bien compris, mais je vais essayer (de comprendre)

@PotatoesJunky, je t'ai répondu.

**Portekoi** · 4 Juin 2015

Pour le .pub :

Avec un média query, par exemple :

En dessous de 551px :



@media screen and (max-width: 551px) {

.pub{

 clear:both;

 text-align:center;

 position: absolute;

 width:100%;

 bottom: 0px;

 }

}

Cela permet de placer ta publicité en bas de l'écran du mobile, comme sur beaucoup de sites.

**Nullette** · 4 Juin 2015

Merci

Je pense que j'ai démarré un très long chapitre dans ce sujet. J'avais un peu laissé mon site à l'abandon, en ne m'occupant que des pages principalement mises à jour et je constate qu'il y a beaucoup à faire et, à mon avis, plus important que le "responsive".

J'en reviens à l'arborescence ou plutôt au menu : j'ai de longues pages, qui devraient être divisées, d'autres qui devraient être réunies et, à part essayer d'avoir des rubriques avec de longs menus déroulants, je ne m'en sortirai pas toute seule.

Rien que pour le tourisme, j'ai 3 pages distinctes + 5 pages de descriptions de villes + 10 pages de récits de voyages.

Je n'ai plus qu'à faire une page annuaire de tous les liens vers les pages par sujet !!

Je pense qu'un webmaster pro devient une urgence.

**Nullette** · 4 Juin 2015

Pour le .pub :

Avec un média query, par exemple :

En dessous de 551px :
@media screen and (max-width: 551px) {

.pub{

clear:both;

text-align:center;

position: absolute;

width:100%;

bottom: 0px;

}

}

Cela permet de placer ta publicité en bas de l'écran du mobile, comme sur beaucoup de sites.

Tu ne sais pas dans quelle galère tu t'es mis en voulant m'aider !

Je suis assez bouchée et ignare. J'ai mis le code dans la feuille de style, mais je ne vois pas de différence en navigant avec mon smartphone. Les liens avec la classe "pub", se trouvent dans la colonne de gauche ou de droite.

Faudrait-il que je déplace les pub (adsense) vers le bas?

**Portekoi** · 4 Juin 2015

Donne moi un lien de ton site avec un élément en ".pub"

Test avec chrome. Oublie ton mobile.

**Nullette** · 4 Juin 2015

La page d'accueil à droite (Adsense)

http://www.bulgaria-france.net/index.html

Une page Culture, Amazon à gauche

http://www.bulgaria-france.net/imcult/cult2.html

PS

J'ai modifié uniquement la feuille de style. Pas le reste que tu m'avais indiqué.

**Nullette** · 26 Juin 2015

Je ne vois pas l'intérêt de migrer un tel site en WP. Il est très bien comme ça.

Il faut "juste", à mon sens :

Ajouter des max-width sur #headertop / #conteneur

Gérer les .pub

Gérer le form_container

Gérer #pteboite

Le mieux est de masquer les *.pub pour afficher une pub en bas de l'écran positionnée en bottom 0px / position : absolute

Maintenant pour le menu, le mieux serait de le modifier via CSS en dessous d'une certaine résolution

Dommage, max-width sur conteneur et headertop ne résolue pas le problème. Il faut, je pense modifier les margin et autres de la feuille de style. Ce n'est pas dans mes capacités. Je choisi la solution de faire appel à l'extérieur.

**Portekoi** · 26 Juin 2015

Tu peux aussi masquer des éléments dans une résolution inférieure.

Tu as un dossier où tu as fait tes tests?

**Nullette** · 10 Juillet 2015

Je réponds avec beaucoup de jours en retard, après m'être exercée en local sur la nouvelle version Ascraeus du forum phpBB.

Pour mon site, j'ai voulu refaire un test avec Wordpress en local, ce fût un résultat cauchemardesque.

Finalement, j'ai fait appel à une aide externe qui va me préparer des maquettes et des modèles.

Connexion

Refonte de site

Sujets conseillés

Nullette

eric73

Nullette

Portekoi

Nullette

Portekoi

captain_torche

PotatoesJunky

Nullette

Nullette

PotatoesJunky

Portekoi

Nullette

Portekoi

Nullette

Nullette

Portekoi

Nullette

Nullette

Portekoi

Nullette

Veuillez vous connecter pour commenter

Parcourir

Activité