[Aide] Titre widget par une image (?)

Bonsoir à tous,

J'aurais simplement voulu savoir si une personne sait comment remplacer le titre d'un widget (ex. : Recherche) par une image personnalisé sous la plateforme Wordpress. Cela pour chacun de mes widgets.

Merci de votre aide.

L'asticode
Modifié par L'asticode (07 Jan 2013 - 18:52)

personne n'aurait une petite idée ?

Laurie-Anne a écrit :
Melusine85 > Ta solution représente un énorme problème d'accessibilité. Il vaux mieux l'oublier. En effet, si l'image est bloquée ou n'arrive pas à se charger (à cause d'un problème serveur ou de connexion; ce qui arrive très souvent), le contenu ne sera plus disponible.

Oui c'est sûr mais s'il tu n'a pas accès au code php ou si tu ne sais pas faire, c'est la seule solution (je pense)...

Jrman a écrit :
#sidebar .widget:first-child .widget-title { background:url(images/recherche.png) no-repeat; }

Si à la place de ".widget:first-child" tu indique le nom de ton wigdet, ça ne fonctionne pas plus ?

Chaque widget à un nom précis. Regarde avec l'inspecteur de code (il y en a dans tout les navigateurs)

Jrman a écrit :
Bonsoir à tous,

J'aurais simplement voulu savoir si une personne sait comment remplacer le titre d'un widget (ex. : Recherche) par une image personnalisé sous la plateforme Wordpress. Cela pour chacun de mes widgets.

Merci de votre aide.

Jrman

Je te le déconseille très fortement. Plutot Des icônes en background a côté des titres. Maintenant en passant par le php • les fichiers de l'extension > rajoute une class et tu styles via CSS.

Le prob avec la méthode "je cherche la class du widget "est que quand tu enlèves le widget et le remets uNe nouvelle class est générée or cela arrive souvent de remanier les widgets c'est même l'intérêt.
Modifié par jmlapam (23 Apr 2012 - 01:25)

Bonjour à tous,

Finalement, j'ai mis un script via le header. Ce qui me donne ceci :

<script type="text/javascript">
window.addEventListener('load', function() {
var sidebarTitles = document.querySelectorAll('#sidebar .widget-title');
var recherche = sidebarTitles[0];
var sidebarRecent = sidebarTitles[1];
var sidebarRecent2 = sidebarTitles[2];
var homepageTitles = document.querySelectorAll('.homepage-widget .block h3 a');
var critiques = homepageTitles[0];
var recent = homepageTitles[1]; 
var recent2 = homepageTitles[2];
var recent3 = homepageTitles[3];
var media = homepageTitles[4];
recherche.style.backgroundImage = 'url(http://nsa21.casimages.com/img/2012/04/22//120422014044475162.png)';
sidebarRecent.style.backgroundImage = 'url(http://nsa21.casimages.com/img/2012/04/22//120422014044475162.png)';
sidebarRecent2.style.backgroundImage = 'url(none)';
critiques.style.backgroundImage = 'url(http://nsa21.casimages.com/img/2012/04/22//120422014044475162.png)';
recent.style.backgroundImage= 'url(http://nsa21.casimages.com/img/2012/04/22//120422014044475162.png)';
recent.textContent ='';
recent2.style.backgroundImage = 'url(http://nsa21.casimages.com/img/2012/04/22//120422014044475162.png)';
recent3.style.backgroundImage = 'url(http://nsa21.casimages.com/img/2012/04/22//120422014044475162.png)';
media.style.backgroundImage = 'url(http://nsa21.casimages.com/img/2012/04/22//120422014044475162.png)';
});
</script>

J'obtiens donc ce que je souhaite, c'est-à-dire une image à la place des titres, en revanche, je n'arrive pas à virer le titre des widgets de la homepage. Seulement pour ceux de la home. Pour ceux de la sidebar et du footer, pas de problème, j'ai bien qu'une seule image.



Sinon, je bloque actuellement sur autre chose. Peut-être pourrez-vous me venir en aide... A vrai dire, ce que je désire faire et assez complexe. En fait, j'aimerai obtenir un effet de slider informatif si je puis dire, pour un widget texte, dans le but d'obtenir l'effet ci-dessous, à chaque image poster dans ce widget :

http://buildinternet.com/project/mosaic/1.0/ (le premier par exemple.)

J'ai téléchargé les fichiers de ce site, je me retrouve avec trois dossiers (CSS, img, et un fichier .js), sauf que j'ignore totalement ou mettre ces dossiers pour obtenir ce que je veux. Cette méthode me parait donc assez complexe.

Donc, existe-t-il une extension (j'ai cherché, en vain), ou des personnes savent-ils comment réaliser cet effet tout simplement en jquery.

Sachant que ce qui m'importe avant tout est uniquement le bandeau et les informations (l'effet m'importe guerre), j'avais pensé réaliser simplement un bandeau de ce genre avec les informations, avec un logiciel de retouche, pour chaque image, que je poste ensuite sur mon site. M'enfin, si cela et entièrement réalisable, et que je peux obtenir cet effet automatiquement via un script pour chaque image que je poste dans ce widget, cela m'arrangerait bien.