Jump to content
Nullette

Refonte de site

Rate this topic

Recommended Posts

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.


Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.


Share this post


Link to post
Share on other sites

Bonjour,



Au niveau de ta balise "conteneur", change :



width: 800px

par



max-width: 800px

Idem pour #headertop



Et voilà, ton site est responsive wink.gif



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


Share this post


Link to post
Share on other sites

Et oui smile.gif



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.


Share this post


Link to post
Share on other sites

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) ;)

Share this post


Link to post
Share on other sites

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) wink.gif

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.

Share this post


Link to post
Share on other sites

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 :))

Share this post


Link to post
Share on other sites

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 smile.gif 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 :)

Share this post


Link to post
Share on other sites

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 :


  1. Ajouter des max-width sur #headertop / #conteneur

  2. Gérer les .pub

  3. Gérer le form_container

  4. 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


Share this post


Link to post
Share on other sites

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.


Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Merci smile.gif


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 !! smile.gif


Je pense qu'un webmaster pro devient une urgence.


Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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



Test avec chrome. Oublie ton mobile. :)


Share this post


Link to post
Share on other sites

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 :

  1. 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.

Share this post


Link to post
Share on other sites

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



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


Share this post


Link to post
Share on other sites

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.


Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...