Webmaster freelance » Webmaster » Comment élaborer un design attrayant avec WordPress?

Comment élaborer un design attrayant avec WordPress?

    Partagez cet article sur les réseaux sociaux !

    Les exemples de chartes graphiques de site web sont toujours un bon point de départ pour élaborer une mise en page attrayante.

    À travers des exemples de chartes graphiques de site web, je partage mes connaissances pour vous permettre de créer une communication visuelle efficace pour vos clients.

    Les templates graphiques de WordPress :

    Avec WordPress, il est assez facile de changer de template ou de thème graphique sans pour autant devoir toucher au contenu de votre site. Le webdesign est basé sur un template graphique ou thème qui est indépendante de la partie fonctionnelle du site et vous pouvez en changer sans affecter ni le contenu, ni le système de gestion. 

    Les thèmes wordpress offre de bons exemples de chartes graphiques de site web.  

    Pour vous donner une idée de ce qui se fait, voici quelques plateformes de vente en ligne de thème wordpress. Les templates sont tous récents et suivent l’air du temps en faisant la part belle aux dernières innovations en matière de design.

    • ThemeForest
    • Elegant Themes
    • WooThemes

    C’est une solution assez économique, car il existe des milliers de thèmes pour les entreprises, les associations, les magazines, les portails web qui coûtent environ 50 € et qui vont vous permettre d’habiller votre contenu même s’il faudra la personnaliser avec l’aide d’un webmaster. Cette solution « low-cost », n’évite pas le travail du webmaster pour remplir et ajuster votre contenu.

     

    exemples de chartes graphiques créées avec Ocean WP
    Exemples de chartes graphiques créées avec Ocean WP – site vitrine

    Différents thèmes graphiques pour tout type de site :

    Les thèmes wordpress constituent de bons exemple de chartes graphiques : simple à personnaliser, les combinaisons de blocs et l’ordre des sections sont paramétrables par le webmaster et il peut aussi ajouter un constructeur de mise en page de type Elementor ou autre.

    Pour les sites vitrine, on donnera comme exemple de charte graphique le thème Hestia, même s’il existe de nombreux thèmes wordpress.

    thème wordpress Hestia
    Exemple de charte graphique construite avec le thème wordpress Hestia et Elementor

     

    Les exemples de charte graphique diffèrent en fonction des différents types de site :

    • magazine/portail
    • blog
    • portfolio
    • site e-commerce

     

    charte graphique wordpress pour e-commerce
    Exemples de chartes graphiques wordpress pour un site e-commerce

    Elaborer une mise en page avec un thème WordPress

    Certains thèmes comme Divi ou constructeur de pages disposent de modules tout fait pour accélérer votre mise en page.

    • Elementor près de 230 modèles dont une quarantaine gratuits.
    • Divi avec plus de 800 mises en page de sites Web prédéfinie.

     

    Un exemple de bibliothèque de modèles prêt à l’emploi pour votre charte graphique WordPress :

    templates elementorExemple de template Elementor

     

    Les outils pour la mise en page avec les modules :

    Les constructeurs de pages pour personnaliser la mise en page

    Les constructeurs de pages permettent de varier à l’infini vos chartes graphiques. Ils permettent de personnaliser vos thèmes wordpress en composant à l’envie l’ordre et la disposition de vos modules au moins pour votre page d’accueil, pour vos pages stratégiques.

    Parmi ces constructeurs de thème WordPress, on peut citer :

    • Elementor 
    • Visual Composer
    • Gutenberg
    • Divi de Elegant Themes 
    • Wp Bakery Page Builder

    Les blocs des constructeurs de pages

    Un éditeur basé sur des blocs facilite la construction de vos pages WordPress

    Les différents blocs de Visual Composer pour construire vos pages web

    Charte graphique grâce à Visual composer
    Blocs Visual composer

     

    Les blocs d’Elementor Pro

    Blocs Elementor Pro
    Blocs Elementor Pro

     

    Les blocs des constructeurs de pages constituent la solution idéale pour réaliser une charte graphique rapidement sous WordPress

     


    Partagez cet article sur les réseaux sociaux !

    Laisser un commentaire

    Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *


    BESOIN D'UN PROFESSIONNEL ?

    Si vous voulez discuter de votre projet web, n’hésitez pas à en parler avec Webmaster freelance!

    06 63 27 17 00