Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Bonjour. Je ne sais pas vraiment ce que la hauteur de l'image peut changer au SEO, d'autant que tout dépend des dimensions de l'écran et de son orientation. Je pensais que les robots ne voyaient que la balise <img> et ses attributs, que l'image soit grande ou petite (?).
Le plugin featuredMedia insère d'ailleurs l'attribut alt, pour peu qu'il soit correctement renseigné dans la médiathèque (sinon c'est le nom du fichier). Pour le SEO, cet attribut est important, je crois
Concrètement, que voudrais-tu modifier ?
Hors ligne
Bonjour Philippe,
Je croyais, moi aussi que les robots se contentaient de la balise image.
Pour les seul billets, je pensais intervenir sur la classe .post-featured-media pour imposer un width < 100%, ce qui diminuait d'autant la hauteur de l'image et permettait à l'extrait du billet de remonter au-dessus de la ligne de flottaison. Cela sans jouer sur les dimensions des images à la une dans l'accueil.
La classe .post-featured-media est présente trois fois dans la css : seule, combinée avec .posts, avec #banner et seule. Après quelques essais, je ne sais pas modifier la largeur de l'image à la une du billet, ni la centrer sans intervenir sur l'accueil. Tu pourras certainement m'éclairer.
Cordialement
Geba
Hors ligne
Je ne suis pas sûr de bien comprendre, mais dans la css (ou avec le plugin moreCss) si tu ajoutes ceci :
.dc-post .post-featured-media {
width: 400px;
float:left;
margin: 1em 1em 0 0
}
Hors ligne
Merci Philippe,
En ajoutant un clear:both; au bloc suivant, c'est parfait. L'extrait du billet se place à coté de l'image à la une. La contrainte texte et image au-dessus de la ligne de flottaison est ainsi respectée. J'ai utilisé un pourcentage pour le width en question, je ne pense pas que créé un problème.
Cordialement
Geba
Hors ligne
Hors ligne
Hé, tu as un autre utilisateur de ton thème ! ;-) C'est pour moi un des meilleurs disponibles ! Par contre, est-il possible de se passer de l'image notamment pour les pages ? Je précise que je n'ai pas essayé de télécharger une image de 1x1 pixel :-)
Hors ligne
Pour se passer de l'image par défaut mise en avant, je crois qu'il suffit de modifier les deux fichiers de template entry-featured.html et entry-short.html en supprimant les lignes de code suivantes :
{{tpl:else}}
<div class="post-featured-media">
<img src="{{tpl:BlogThemeURL}}/images/image-placeholder-600x338.jpg" alt="Image placeholder" />
</div>
et
<tpl:EntryIf has_featured_media="0">
<div class="post-featured-media">
<img src="{{tpl:BlogThemeURL}}/images/image-placeholder-600x338.jpg" alt="Image placeholder" />
</div>
</tpl:EntryIf>
Je n'ai pas testé cependant, fais tes modifications sur une copie du thème ;)
Hors ligne
ah ! et aussi entry-content.html...
Hors ligne
I have installed the Featured Media plugin for Éditorial but whenever i set the featured picture i still get the generic picture.
I have installed:
Dotclear 2.23.1
Éditorial 2.2.1
featuredMedia 0.5
Am i missing something?
Hors ligne
Hello. You are not missing anything :) It should work.
Do you have any PHP error messages?
Hors ligne
Bonjour,
J'ai un petit souci de réglage de la feuille de style css du thème Editorial, que je n'arrive pas à modifier avec le plugin moreCss :
Les images sont visualisées avec le plugin ColorBox ; dans une galerie d'images, quand on clique sur une, l'image s'ouvre avec des icônes de navigation. Avec le thème Editorial, la feuille de style css est compliquée, elle m'empêche d’appliquer le style propre aux liens de navigation que je voudrai sans bord coloré qu'il impose autour de chaque icône de navigation.
Sauf erreur de ma part, le style propre à ColorBox devrait être :
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0 none white !important; }
Le thème Editorial empêche l'application de ce style ? Avez-vous une solution ?
Hors ligne
Bonjour,
Dans Éditorial, la feuille CSS active est assets/css/main.min.css qui est le fichier assets/css/main.css "compressé" ou "minimalisé". Cette dernière est plus facile à enrichir d'un style perso. Le mieux est de créer un fichier perso.css et d'ajouter le lien
@import "sentiern23.css";
au fichier main.min.css.
Cordialement
Geba
Hors ligne
Geba, merci de votre réponse, j'avais déjà essayé un réglage similaire, sans effet !
Mais dans le dossier assets/css/ il y a un fichier user-colors.php qui permet d'effectuer le réglage souhaité (rien que son nom aurait dû me mettre la puce à l'oreille), pour les boutons c'est à la ligne 53,
mettre :
box-shadow: inset 0 0 0 0px
à la place de :
box-shadow: inset 0 0 0 1px
C'est tout simple !
Hors ligne
J'ai été un peu trop vite, ne pas modifier le code de la ligne 53, il vaut mieux créer en dessous une exception que pour les boutons de ColorBox uniquement, soit (ajouté à la ligne 57) :
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
box-shadow: inset 0 0 0 0px !important; }
Hors ligne
Autre solution : utiliser le mécanisme du plugin Colorbox pour les fichiers personnels (cf l'aide du plugin), par exemple en stockant un fichier css personnel dans le gestionnaire de médias :
1) créer les dossiers suivants à la racine de la médiathèque : colorbox/themes/x où x est le numéro du thème utilisé par colorbox (par exemple colorbox/themes/5 pour le thème Thick Grey)
2) créer dans ce dernier dossier un fichier nommé colorbox_user.css dans lequel tu colles les règles voulues
De cette façon, le thème comme le plugin peuvent être mis à jour sans avoir à reporter tes modifications ;)
Hors ligne
PS : pour info, le thème a été fortement remanié pour la prochaine version de dotclear (sortie très bientôt), et le fichier user-colors.php n'est plus utilisé.
Hors ligne
Vous n'êtes pas identifié(e).