Une classe CSS pour chacun de vos widgets

C’est bien pratique ces widgets mais ils ont un défaut agaçant : ils sont tous construits sur le même modèle visuel. Zig Widget Class permet d’as­si­gner à chacun des widgets une classe CSS qu’il suffit ensuite de person­na­li­ser dans votre fichier style.css. Simple et effi­cace. Finie la mono­to­nie dans vos sidebars !

Administration du widget

zig-widget-class

Exemple de classe personnalisée


site de l’extension sur word​press​.org : https://​word​press​.org/​e​x​t​e​n​d​/​p​l​u​g​i​n​s​/​z​i​g​w​i​d​g​e​t​c​l​a​ss/ – version testée : 0.1

Dernière modification: 29 février 2020

Commentaires

Crunch

Super utile ce plugin pour ceux qui veulent du chan­ge­ment via leurs widgets ;)

Li-An

Déso­lé pour ce retard de vali­da­tion :-) En effet, un plugin vrai­ment inté­res­sant et qui marche en plus (j’en avais testé d’autres qui semblaient buggés).

Patrick P

Bonjour à tous, Voilà ma confi­gu­ra­tion : Version de Word­Press : 3.1 fr Version de PHP/​MySQL : 3.3.5 Thème utili­sé : Twen­ty Ten 1.1 fr Exten­sions en place : Aski­met 2.5.3 Nom de l’hé­ber­geur : http://​www​.one2​net​.fr/ Adresse du site : http://​www​.un​-livre​-ouvert​-sur​-la​-vie​.fr/ Ques­tion 1 : J’ai télé­char­gé ce plugin, ensuite,une fois décom­pres­sé dois-je placer le dossier complet, ou les fichiers conte­nus dans le dossier ? Et où dois-je le, ou les placer dans Word­Press ? Dans le dossier Plugins, ou le dossier Thèmes ? Ques­tion 2 : Quelles modi­fi­ca­tions dois-je appor­ter dans la feuille de style (style.css), si c’est bien là que je dois modi­fier quelque chose ? En vous remer­ciant. Cordia­le­ment. Patrick P.

Li-An

Alala, c’est la base. Vous pouvez éviter de le faire par ftp et l’ins­tal­ler direc­te­ment à partir de votre admi­nis­tra­tion. Vous allez dans « exten­sion », vous cliquez sur « ajou­ter » et vous entrez dans le champ Zig Widget Class, recher­cher. Plus qu’à cliquer sur « instal­ler » et « acti­ver ». Sinon, il faut en effet décom­pac­ter dans le réper­toire « plugins ». Faites bien atten­tion à véri­fier que vous placez le bon réper­toire. En géné­ral les plugins sous forme zippés sont « empa­que­tés » dans un réper­toire qui indique leur version. Il faudra mettre dans le widget concer­né le nom choi­si de classe (par exemple toto) et ensuite vous ajou­tez dans votre fichier style.css vous rajou­tez .toto {code css}

    Patrick P.

    Bonsoir Li-An, Merci pour votre réponse rapide. Avant j’avais un site » statique » (pendant 7 ans). aujourd’­hui Word­Press est un site » dyna­mique « , rien de compa­rable, de plus, tout est en anglais, et je ne comprends, ni ne parle l’an­glais. Cela c’était juste pour vous dire » pour­quoi » je n’ai pas les bases (et que je suis » largué « . Je vais faire les essais (ce soir ou demain), sans passer pas le ftp, et je vous tien­drais infor­mé de la suite. Cordia­le­ment. Patrick P.

Patrick P;

Bonsoir Li-An, C’est bizare, j’avais répon­du à votre réponse, mais je ne vois pas ma réponse ? j’avais écrit si je n’ai pas les bases, c’est parce que j’avais avant (pendant 7 ans) un site » statique » (Logi­ciel Web Créa­tor 5 Pro, faisait le travail htlm pour moi), et main­te­nant, Word­Press est un site » dyna­mique « , rien de compa­rable. De plus tout est en anglais, et je ne parle ni ne comprends l’an­glais. Cela ne fait rien, c’est fait, j’ai instal­lé Zig Widget Class, sans passer par le ftp. Il est acti­vé et tout semble OK. Il se trouve dans les exten­sions, mais je ne le vois pas dans les Widgets, ni dans la liste de l’édi­teur du thème. Main­te­nant, je vais où, et fais quoi pour modi­fier les couleurs dans les commen­taires ? En vous remer­ciant. Patrick P.

Li-An

Bizar­re­ment, il faut que j’ap­prouve tous vos commen­taires. Bon, passons. C’est sûr que ça n’a rien à voir avec du statique (j’ai fait ça aussi dans ma « jeunesse »). Bon, comme indi­qué sur ma capture d’écran, il faut aller sur la page widget et ouvrir les widgets que vous avez mis dans la/​les side­bars. Il doit y avoir main­te­nant un nouveau champ qui appa­rait ZigClass dans lequel vous mettez le nom de la classe que vous voulez créer. Par contre, je ne comprends rien à vos histoires de couleur de commentaires…

Patrick P.

Bonjour Li-An, Je vois que ma première réponse et quand même sur le blog…en ce qui me concerne, tu peux suppri­mer le doublon. Effec­ti­ve­ment j’ai bien dans les Widjets un champ ZigClass, mais ensuite, je ne comprends plus lorsque vous me dites de crééer une classe… Appa­rem­ment, j’ai du me trom­per de Plugin, car je pensais qu’a­vec celui-ci, je pouvais modi­fier et avoir plusieurs couleurs dans les commen­taires, afin de diffé­ren­cier les inter­ve­nants. Le ZigClass, sert à quoi ? Une dernière ques­tion : Ne voulant vous ennuyer plus long­temps, auriez-vous un lien où je puisse trou­ver les bases du code ou langage php, mais vrai­ment un ensei­gne­ment basic ? Car tous ceux que j’ai trou­vé, sont bons pour complé­ter les connais­sances d’une personne qui connait déjà les bases. Et ce n’est pas mon cas. En vous remer­ciant. Patrick P.

Li-An

La classe en CSS affecte un bloc entier. On peut préci­ser à l’in­té­rieur le style des liens, des listes, des images… Modi­fier les couleurs pour les inter­ve­nants, c’est du codage : il faudrait pouvoir appli­quer une classe à chaque inter­ve­nant. Ce n’est pas possible de manière auto­ma­ti­sée dans WP. Vous pouvez juste diffé­ren­cier l’au­teur du billet des visi­teurs ou alors éven­tuel­le­ment appli­quer des classes sur les membres. Mais c’est du codage pur, le style n’in­ter­vient qu’a­près coup en habillage. Je ne connais rien en php. Je me contente de copier des bouts de code à droite à gauche (je viens de faire une tenta­tive qui a donné une belle erreur :-)). Il faut peut-être regar­der au niveau des livres (pas le « pour les Nuls », je l’ai testé, il est bour­ré de fautes).

Patrick P

Bonsoir Li-An, Encore merci pour votre aide,même si cela n’a pas pu abou­tir (à cause de ma nuli­té). a tout hasard, vous n’aur­riez pas une réponse à cela ? http://​www​.word​press​-fr​.net/​s​u​p​p​o​r​t​/​s​u​j​e​t​-​5​0​0​4​5​-​c​o​m​m​e​n​t​-​j​u​s​t​i​f​i​e​r​-​e​c​r​i​t​u​r​e​-​c​o​m​m​e​n​t​a​i​res Cordia­le­ment. Patrick P.

Li-An

Non, je ne peux pas vous aider là-dessus. À propos des couleurs sur les commen­ta­teurs, WP est capable de faire une distinc­tion puis­qu’il génère des grava­tars à partir de l’adresse email et du nom donné il me semble. Mais comment ça fonctionne…

Patrick P.

Bonjour Li-An, Pour les couleurs dansles commen­taires ou l’ali­gne­ment, je fini­rais bien par trou­ver un jour…Et si si ne trouve pas, je n’en ferais pas une mala­die. Encore merci pour votre aide. Cordia­le­ment. Patrick P. PS : Si cela vous inté­resse, j’ai trou­vé ce site pour les débu­tants en PHP et CSS (dans la rubrique Forma­tion en haut de page). http://​oseox​.fr/

Li-An

Merci et bon courage.

Écrire une réponse ou un commentaire

Votre adresse email ne sera pas publiée.

Notifiez-moi les commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.