Creer un Thème, la meilleur façon ?

  • Statut : non résolu
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • #523133
    Bigdaddy
    Participant
    Initié WordPress
    20 contributions

    Bonjour à tous !

    Mon problème: Je dois recréer le Design d’un site WordPress, mais quelle est la manière la plus pratique et simple de procéder ?

    En sachant que:
    – Je n’ai aucune difficulté dans le WebDesign (Logiciel Adobe …)
    – Je suis une bille dans la programmation PHP, Javascript (Bref, le dynamique)

    Plusieurs manière de faire, mais laquelle ?

    – Reprendre le Theme WordPress déjà installé et le modifier ?
    – Recréer entièrement un thème ?
    – Utiliser Divine Element (Plug-In Photoshop qui, apparemment, permet de créer un thème rapidement)
    – Autre chose ?

    Un grand merci d’avance 😉.

    #888635
    Li-An
    Modérateur
    Maître WordPress
    22521 contributions

    Difficile à dire. D’après mon expérience, quelle que soit la solution choisie, ce que tu apprendras en créant/modifiant un thème te donnera envie de recommencer pour faire mieux. Si tu débutes sous WP, il faut mieux partir d’un thème solide et simple, histoire de s’habituer.

    #888636
    LH
    Membre
    Chevalier WordPress
    372 contributions

    Bonjour,

    Si tu veux seulement modifier la partie graphique, il faut regarder si le theme actuel du site permet d’evoluer sans toucher au code PHP.
    – Quelles options propose le theme actuel dans la partie wp-admin?
    – Regarder avec FireFox+FireBug comment est la structure du CSS

    Est-ce que tu peux donner un lien vers le site actuel ?
    Ca aiderait a voir comment est construit le theme actuel.

    Autrement, si tu veux partir d’un theme vide,
    le theme ToolBox fournit la base du code WordPress standard.
    http://wordpress.org/extend/themes/toolbox
    (…Il y en a plein d’autres bases de code…)

    Have Fun

    #888637
    Bigdaddy
    Participant
    Initié WordPress
    20 contributions

    Merci pour vos réponses.

    Le thème actuel ne propose que peu de modifications … Donc je vais abandonner l’idée de démarrer du site.

    Connaissez-vous des thèmes (Payant/Gratuit) assez complet permettant une grande modification ?

    Une petite dernière question:
    Comment “aspirer” le site pour travailler en locale ?
    -> Pour apporter des modifications sans que cela ne change rien sur le site actuel.

    #888638
    lorenzolamas
    Participant
    Maître WordPress
    3236 contributions

    Bonjour,

    Pour ma part, je me suis posé la même question il y a 6 mois.
    J’avais un besoin assez spécifique: un thème responsive, aved de nombreux modèles de page, des zones widgetisable et/ou des zones de menu un peu a des endrotis aléatoires, etc. A cela s’est ajoutée l’envie de créer quelquechose et de comprendre ce que je faisais.

    Du coup, j’ai pris l’approche suivante: 3 tutos de création de thème de A à Z, couplé avec un tuto d’intégration d’un framework (Foundation) dans un thème wordpress.

    Au final, j’ai pris environ 1 mois (a raison de deux à 3 heures par jour) pour créer un thème “complet”, que je peux personnaliser/simplifier/adapter à tous les besoins que j’ai selon les projets, et que je connais “par coeur”, ce qui permet d’aller très très vite dans la personnalisation.

    Cet investissement en temps peut paraitre long, mais il est vite rentabilisé. J’ai réutilisé ce thème pour mes 2 sites + pour le site de 4 clients (pour le moment) et j’ai 2 nouveaux sites en cours, toujours avec ce même thème, bien entendu, avec des résultats finaux assez différents.

    #888639
    Li-An
    Modérateur
    Maître WordPress
    22521 contributions

    Quand je dis “modifications” je veux dire à l’intérieur des fichiers. Les thèmes à options sont juste imbuvables à personnaliser… et ils sont souvent très lourds. Il faut donc que tu sois très clair dans ce que tu veux faire. Si tu veux personnaliser de manière radicale, il faut justement un thème avec peu d’options mais plus facile à éditer “à la main”.

    #888640
    LH
    Membre
    Chevalier WordPress
    372 contributions

    Si tu es à l’aise pour la partie graphique, je te conseille de commencer par faire le ‘zoning’ et le ‘wireframe’.
    Une fois que tu as des maquettes a proposer, tu pourras les montrer et on pourra mieux t’orienter sur le thème qui sera le plus adapté.

    Pour aspirer le contenu, le plus simple est d’utiliser l’export/import XML de WorPress
    (Menu… Outils / Exporter / Importer…)

    Have Fun

    #888641
    Bigdaddy
    Participant
    Initié WordPress
    20 contributions

    J’aimerai bien un thème qui ressemble à celui-ci :
    http://scottkelby.com/

    Je assez fan du design des articles (séparés & encadrés) & du menu situé sur la largeur de la page.

    Même si ce site est un WP, impossible de trouver un thème s’y rapprochant 😕.

    #888642
    lorenzolamas
    Participant
    Maître WordPress
    3236 contributions

    Ce n’est pas très très difficle a faire.
    Pour les articles, dans le css, tu mets un border blanc 2px + un box shadow en dessous + un inner shadow (box-shadow:inset …).
    Pour le menu, la zone fais la largeur du site c’est a priori le background qui fait toute la largeur de l’écran (du coup un BG image repeat-x, et le tour est joué.

    #888643
    Bigdaddy
    Participant
    Initié WordPress
    20 contributions

    C’est pas faux lorenzolamas … merci !

    Encore une petite dernière chose, après j’arrête de faire le robot qui pose des questions !

    J’ai installé un thème : ” Masutoliso magazine “. Avec de bonnes modifications, il peut correspondre à ce que je recherche.

    Toutefois, j’ai un problème : Aucune image n’apparait dans le slider. Il n’y a rien dans les options pour modifier ça, ni pour upload de nouvelles images …. Une idée ?

    #888644
    lorenzolamas
    Participant
    Maître WordPress
    3236 contributions

    Que dit la doc du thème?

    #888645
    Bigdaddy
    Participant
    Initié WordPress
    20 contributions

    Il y a un “petit” message sur le Slidder Setting:

    “To have content slider working, you’ll have to enable it first, then select sliding category and number of slides.

    Under post, thats under selected sliding category, enter new custom field ‘slide’ (without ” quotes), and then on the right side in the ‘Value’ leave the link to the image. Check this image to make sure you’re doing good!

    For some sliders, you dont need to do this, you just need to set image as featured for each post that is in the slider. Images are automatically resized, but try to upload similiar size’s like on demo version of this theme, pic’s wont loose their quality! PLEASE FOLLOW README IN THEME’S FOLDER! Its all explained, how to set featured images, change the logo, and everything needed!

    Et un petit mot dans la doc:

    Hint: Enable custom fields in “Screen Options” at the top right corner!
    To have an images in the slider, you just add a custom field, type slide (lowercase) and leave link to the image. Or check howtoslide.png in themefolder/images/, visual is better 🙂
    If you want to have small thumbnails in mygallery plugin, you have to type thumbnail (lowercase) in custom field and leave link to the image.

    But, first of first, you should select sliding category via theme options and number of slides.

    Je ne suis pas une bille en anglais, mais le : ” Under post, thats under selected sliding category, enter new custom field ‘slide’ […]”
    je ne le comprends clairement pas …

    #888646
    LH
    Membre
    Chevalier WordPress
    372 contributions
    Bigdaddy wrote:
    J’aimerai bien un thème qui ressemble à celui-ci :
    http://scottkelby.com/

    http://www.woothemes.com/products/artificer/
    http://demo2.woothemes.com/artificer/

    Peut-être que la partie e-commerce est inutile, mais la structure est assez similaire…
    Il faut ensuite personnaliser tous les éléments graphiques.

    Have Fun

    #888647
    Bigdaddy
    Participant
    Initié WordPress
    20 contributions

    Merci LH pour ton aide 😉.

14 sujets de 1 à 14 (sur un total de 14)
  • Vous devez être connecté pour répondre à ce sujet.