Bonjour, Comment peu-on modifier le design d'un thème sous wordpress? Merci Configuration: Mac OS X Leopard (10.5.8) / Chrome 21.0.1180.90

Personnaliser un thème

Fermé

billyyoupi Messages postés 28 Date d'inscription lundi 28 décembre 2015 Statut Membre Dernière intervention 20 octobre 2016 - 13 janv. 2016 à 13:20
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 - 10 juin 2016 à 19:49

Bonjour,

Comment peu-on modifier le design d'un thème sous wordpress? Merci

A voir également:

Personnaliser un thème
Theme sombre google - Guide
Comment personnaliser sa sonnerie - Guide
Personnaliser numéro de page word - Guide
Changer thème iphone gratuit - Télécharger - Thèmes & Fonds d'écran
Personnaliser raccourci clavier windows 10 - Guide

1 réponse

Réponse 1 / 1

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 325
13 janv. 2016 à 16:21

Bonjour
cela dépends de ce que tu appelles modifier

la plupart des thèmes wp.org permettent d'avoir plus ou moins options modifiables dans apparence=>personnaliser.
Si ce n'est pas possible directement, il faut modifier le code du thème ce qui demande des connaissances en html,php et css suivant ce que tu veux faire, dans ce cas la il est conseillé de faire un thème enfant du thème que tu utilises pour que les modifications ne soient pas effacées lors de la mise à jour du thème

Vince11000 Messages postés 23 Date d'inscription lundi 16 février 2015 Statut Membre Dernière intervention 10 juin 2016
Modifié par Vince11000 le 10/06/2016 à 15:46

Bonjour Elgazar,

J'ai créé mon thème enfant et je me retrouve donc avec un thème : catch-bas-child et à l'intérieur deux fichiers :
- functions.php
- style.css

Je veux remplacer une couleur par une autre (#ff1515) sur l'intégralité du site. J'ai donc analysé tout les bout de code avec cette couleur et je l'ai copié dans ma feuille de style enfant afin de corriger la couleur.
Est-ce correct ?
Parceque rien ne change sur l'apparence de mon site.

/*
 Theme Name:   Catch Base Child
 Theme URI:    
 Description:  Catch Base Child Theme
 Author:       
 Author URI:   
 Template:     catch-base
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  catch-base-child

//*--------------------------------------------------------------3. Elements--------------------------------------------------------------*/a { color: #ff1515;    text-decoration: none;}/*--------------------------------------------------------------6. Navigation--------------------------------------------------------------*/.catchbase-nav-menu li a:hover,.catchbase-nav-menu li a:focus,.sidebar-header-right .widget_nav_menu li a:hover,.sidebar-header-right .widget_nav_menu li a:focus { color: #ff1515; text-decoration: none;}.catchbase-nav-menu .sub-menu li a:hover,.catchbase-nav-menu .sub-menu li a:focus,.catchbase-nav-menu .children li a:hover,.catchbase-nav-menu .children li a:focus,.sidebar-header-right .widget_nav_menu .sub-menu li a:hover,.sidebar-header-right .widget_nav_menu .sub-menu li a:focus { color: #ff1515;}/* Hover Parent */.catchbase-nav-menu li:hover > a,.sidebar-header-right .widget_nav_menu li:hover > a {}.catchbase-nav-menu .current-menu-item > a,.catchbase-nav-menu .current-menu-ancestor > a,.catchbase-nav-menu .current_page_item > a,.catchbase-nav-menu .current_page_ancestor > a,.sidebar-header-right .widget_nav_menu .current-menu-item > a,.sidebar-header-right .widget_nav_menu .current-menu-ancestor > a { color: #ff1515;}.catchbase-nav-menu .sub-menu li a:hover,.catchbase-nav-menu .sub-menu li a:focus,.catchbase-nav-menu .children li a:hover,.catchbase-nav-menu .children li a:focus,.sidebar-header-right .widget_nav_menu .sub-menu li a:hover,.sidebar-header-right .widget_nav_menu .sub-menu li a:focus { color: #ff1515;}/*--------------------------------------------------------------7. Accessibility--------------------------------------------------------------*/.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #ff1515; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */}/*--------------------------------------------------------------10. Header Area--------------------------------------------------------------*/.site-title a:hover { color: #ff1515; text-decoration: none;}/*--------------------------------------------------------------12. Featured Content Area--------------------------------------------------------------*/#featured-content .entry-title a:hover { color: #ff1515;}/*--------------------------------------------------------------13. Content--------------------------------------------------------------*/.entry-title a:hover { color: #ff1515;}/*--------------------------------------------------------------10. Extra Elements--------------------------------------------------------------*/#breadcrumb-list a,#breadcrumb-list a span { color: #ff1515; display: inline-block; padding: 5px 10px 3px;}.site .widget_catchbase_social_icons a.genericon-wordpress:hover { background-color: #ff1515; border-color: #ff1515;}

Merci encore une fois de ton aide Elgazar.

Vincent

Vince11000 Messages postés 23 Date d'inscription lundi 16 février 2015 Statut Membre Dernière intervention 10 juin 2016
10 juin 2016 à 15:59

autre information

dans le thème parent, il y a un dossier css/colors/ puis un fichier dark.css cela doit être la feuille de style appelé quand on sélectionne une option d'apparence "dark"
J'ai donc également créé un dossier dans mon thème enfant css/colors/ puis un fichier dark.css ou j'ai également modifié la couleur souhaitée partout.

Ai-je bien fais ? la méthode est bonne ?

Merci

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 325 > Vince11000 Messages postés 23 Date d'inscription lundi 16 février 2015 Statut Membre Dernière intervention 10 juin 2016
Modifié par elgazar le 10/06/2016 à 19:49

Comme cela, je ne saurais te dire sans voir le thème parent en question car il est possible que tu te contredises dans les css., ton theme enfant affichantune couleur de fond puis une autre couleur de fond quand les css du thème principal sont lues

Pour mettre en fil d'attente les styles, essaye en mettant ce code dans le fichier functions.php du thème enfant


add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

évidemment, tu dois modifier l'url du fichier css (en gras) si le fichier css qui gère la couleur est dans un sous-dossier du genre

/css/colors/dark.css

Discussions similaires

suggestion de thème rapport de stage en secretariat