Template pour blog wordpress


Invité Angie
Invité Angie Invités 0 message
Posté(e)

Bonjour,

Je me suis créer un blog sur Wordpress il y a quelques temps. Cependant mon template n'est pas adapté. J'ai en ce moment un template qui est visible correctement sous Firefox mais qui n'est pas adapté à Internet explorer (la colonne de droite s'affiche en bas du site).

De plus, je voudrai pouvoir mettre de l'adsense et avec ce soucis c'est tout bonnement impossible.

J'ai donc décidé d'essayer de refondre entièrement mon site afin de l'adapter et à mon "public" (qui utilise en partie IE) et pour l'adapter à mes besoins, mais mes connaissances en matière de programmation sont très limitées.

Un de mes amis m'a dit qu'il existait des sites permettant de générer des templates bruts (sans graphismes) avec choix du nombre de colonnes. Malheureusement mes recherches se sont révélées infructueuses. Je voudrai donc savoir si vous avez connaissance de ce genre de site et où je peux les trouver.

Si ce n'est pas le cas, connaissez vous des sites expliquant pas à pas la création de templates? J'ai trouvé quelques tutos mais j'avoue ne pas les comprendre!

Merci d'avance!

Partager ce message


Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Messages recommandés

Invité Kuolema Kristukselle
Invité Kuolema Kristukselle Invités 0 message
Posté(e)

dans la CSS tu peux pas changer la largeur de la sidebar ? reduire la largeur de 1 ou 2 pixels, ou reduire ta zone de posts, pour voir si la sidebar reste toujours en dessous avec IE... c'est quoi l'adresse du blog ?

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité Angie
Invité Angie Invités 0 message
Posté(e)

Justement le CSS pose aussi quelque problèmes. je pense que c'est un amateur qui a du créer mon template. D'où le fait que j'ai aussi envie de changer.

Je peux mettre l'adresse de mon blog ici? http://www.angies-shelf.com

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité Kuolema Kristukselle
Invité Kuolema Kristukselle Invités 0 message
Posté(e)

j'ai aucun probleme avec la sidebar avec IE8, et l'extension IEtab de Firefox, elle est bien a droite..

tu peux me faire un petit fichier texte de ta feuille CSS / html ? que je jete un oeil

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité StyphaX
Invité StyphaX Invités 0 message
Posté(e)

Sur IE7 la colonne s'affiche correctement.

Si tu parles d'IE6: personne ne devrait l'utiliser à l'heure actuelle donc oublie le :smile2:

Par contre ya un souci au niveau de certaines marges, la date passe par dessus les photos de tes articles ;) (l'inverse en fait)

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité Angie
Invité Angie Invités 0 message
Posté(e)

La date est une image du coup j'ai pas réussi à régler ce soucis. J'ai tout juste réussi à traduire une partie de mon template et bidouiller mon CSS.

Pour IE je l'utilise tellement rarement que je ne l'ai pas mis à jour. Désolé :S

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité StyphaX
Invité StyphaX Invités 0 message
Posté(e)
Pour IE je l'utilise tellement rarement que je ne l'ai pas mis à jour. Désolé :S

On va pas te blâmer pour ça, au contraire :smile2:

Par contre pour ton sujet je sais pas ou tu peux trouver ce que tu cherches :o° Tu n'as qu'a en coder un toi-même :| arf ;):sleep:

Non bah en partant d'un thème qui te plais plus ou moins, le modifier... Il y a des thèmes tout bêtes sans quasiment aucune image qui sont faciles à modifier si tu cherches un peu je pense :sleep:

Ps: pas compris ton histoire de date ne image, c'est bien du texte XD

Modifié par StyphaX

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité Angie
Invité Angie Invités 0 message
Posté(e)

Encore une fois je montre à quel point je suis peu douée ! Et dire que je veux travailler dans le web ^^ :smile2:

Je vais essayer de trouver ça étant donner que je cherche quelque chose de plus neutre possible (un ami va m'aider à créer un thème qui me correspond plus). Partir de ce genre de template peut être intéressant!

Par contre coder moi même risque d'être coton ^^

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité StyphaX
Invité StyphaX Invités 0 message
Posté(e)

Coder toi même n'est pas super compliqué.

Photoshop (si tu as les moyens) code totu seul le design que tu fais. Ca te permet de découper facilement tes zones (header, corps et footer), par la suite il suffit de respecter les variables obligatoires dans un thème wordpress et voilou ;)

C'est pas plus compliqué que de faire un thème pour un forum genre phpBB ou FSB (c'est même plus simple) Mais il faut s'y connaitre un peu il est vrai pour corriger les erreurs et pouvoir modifier à la main par la suite :smile2:

Tu fais des études dans cette branche?

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité Angie
Invité Angie Invités 0 message
Posté(e)

Ah pour photoshop je vais jeter un coup d'oeil, je savais pas! Merci du tuyaux.

En fait je suis en Master de communication mention contenus et projets internet (CPI). J'ai crée mon blog pour m'entrainer, tester des choses etc..

Mais mon but est de travailler dans la gestion de projets multimédia ou dans le marketing web.

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité StyphaX
Invité StyphaX Invités 0 message
Posté(e)

OK ;)

Sur photoshop, c'est l'outil tranche qui te sera utile :sleep:

Au lieu d'enregistrer une seule image (ton webdesign), photoshop vas enregistrer autant d'images que de tranches que tu auras faites :smile2: Faut faire attention à ce qui est découpé par contre, c'est une technique à apprendre, faut pas faire n'importe quoi^^ Le but c'est que ça soit facilement intégrable :o°

Photoshop peut aussi en même temps que découper te créer une page web :sleep: Donc en gros tu auras ton design pret à l'emploi si tu fais un site tout simple, ou dans le cas de wordpress, une base de code à intégrer dans ton template...

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité Angie
Invité Angie Invités 0 message
Posté(e)

Ok! Merci de l'astuce et de tes précieux conseils!

Je vais chercher un tutoriel ou tester tout simplement pour voir comment ça marche! Et j'en parlerai sans doute à ma prof d'infographie (mais elle va bien rire, je peut même pas détourer une image sans râler que c'est trop long^^)

Par contre :

- Est-ce que de cette façon je peux créer aussi le design des widgets (box dans les colonnes)

- Est-ce que tu connais des tutoriels pour que le résultat soit un minimum ergonomique ou est-ce que l'insertion du code de wordpress suffit?

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité StyphaX
Invité StyphaX Invités 0 message
Posté(e)

Le détourage est très long, mais là encore il existe plusieurs techniques :smile2:

Sinon, tu peux créer le design des box, oui sans soucis ;)

Faudra juste créer une nouvelle image de la taille de ta box, la créer, puis la découper à part et l'intégrer. (peut être pas clair comme ça mais pas très compliqué :o°)

Sinon je connais pas de tutos, j'ai tout appris en autodidacte.

Mais tout sera ergonomique puisque tu vas créer le design sous photoshop. (donc tes menus seront là ou tu veux, etc..) Seul le découpage risque d'être chiant mais une fois terminé, tu auras la même chose sur wordpress que ce que tu avais sur photoshop :sleep:

post-76537-1236260386_thumb.jpg => un webdesign que j'ai fait, totalement sous photoshop (pas wordpress par contre)

http://www.boite-a-creart.net/accueil.php => le rendu en production découpé

Les variables de wordpress te serviront juste à:

-signaler la fin du header, le début de la page, et le début du footer plus quelques autres trucs, mais je n'ai jamais codé sur worpdress donc je ne saurai dire :sleep: (même si j'ai modifié plusieurs thèmes pour mon utilisation)

Modifié par StyphaX

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité Angie
Invité Angie Invités 0 message
Posté(e)

Bah je détoure à la plume, c'est plus propre pour les impressions grand format! Mais je n'ai pas encore le coup de patte pour que ce soit rapide ^^

En Autodidacte :smile2:... Bah dis donc ton boulot est pas mal soigné! C'est épatant^^

Ok merci de tes conseils!

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité StyphaX
Invité StyphaX Invités 0 message
Posté(e)

Hello,

je suis en école d'arts graphiques depuis 2ans, ça vas me permettre d'approfondir tout ça ;)

Si jamais tu as un souci :smile2:

Partager ce message


Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant