Image dans le titre d'un article
Gesimo
Member
dans Modifications
Hello,
Je me demandais s'il était possible par une quelconque manipulation de rajouter une image au titre des articles et que cette image ait le lien du titre dans les boucles d'articles.
Vous pensez que c'est possible? Je ne vois pas très bien par où commencer
.
En tout cas ce serait une super chouette modification
Je me demandais s'il était possible par une quelconque manipulation de rajouter une image au titre des articles et que cette image ait le lien du titre dans les boucles d'articles.
Vous pensez que c'est possible? Je ne vois pas très bien par où commencer
.En tout cas ce serait une super chouette modification
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
Cette modification peut être faite dans le fichier de style.css, avec par exemple une image par catégorie se rattachant à l'article.
Il faudra ensuite via un petit script php ou js simple (qui va lire la catégorie et en fonction, ajouter par exemple un span avec la classe css associée à ta catégorie au titre de l'article). Il faudra aussi mettre un display:block dans ton css.
Après pour ajouter une image par article, cela va être plus dur car chaque article devra être repéré par un id (celui de l'article par exemple, récupéré par les fonctions de la classe plx.show) mais chaque id devra être rajouté dans le css. Tu peux aussi modifier la génération des articles en ajoutant un champ dans la section admin de création d'article dont le but sera d'uploader une image lors de cette création, et qui automatiquement peuplera un fichier de style séparé en ajoutant une classe/id par article contenant la référence de l'image uplaodée. (commandes fopen, fwrite... en php)
Qu'en penses-tu?
Je vais essayer, pour un début, d'ajouter une image en fonction de la catégorie. Ca me semble déjà bien compliqué pour moi. Mais bon il faut progresser.
une fois que tu auras saisi parfaitement la procédure, je suis convaincu que tu nous feras un super tuto pour ajouter une image par article directement depuis l'admin.
tiens nous au jus
Il me suffit de rajouter une image en background sur la ligne title :
.title{color:#ccc; font-size:24px; font-weight:normal; margin:0; padding:4px 0;background:url(img/image.png) no-repeat;}
Je ne peux pas insérer une grande image mais ça me semble un bon début pour moi.
Ca peut sûrement paraître ridicule mais je débute vraiment là dedans.
EDIT :
En modifiant le padding left, on peut laisser "place" à l'image
Dans ton css rajoute une class "images_cat" par exemple qui mettra en forme l'emplacement de ton images mais sans donner l'url de l'image.
Ensuite si tu veux afficher une image avant le titre de l'article, tu modifis soi article.php ou home.php ou les 2..
Dans ton/tes template/s il te suffis d'ajouter avant soit pour home.php ou pour article.php, le bout de code suivant: Il te suffis ensuite d'envoyer dans ton dossier "img" de ton thème les images au nom "images_cat_1.png", "images_cat_2.png" .....
Je me suis lancé dans ma méthode mais je pense que je vais essayer comme tu le préconises.
Mais je pense qu'il n'y aura pas de problème.
EDIT :
Nickel ça fonctionne, je pense que ce genre d'addon devrait être présent dans les nouvelles moutures.
cela te serait un super exercice php/js/css
En tout cas merci pour ton encouragement.
donc n'hésite pas
J'ai fait un truc du genre (champ supplementaire )pour une version 4.1 si cela vous interesse , du coup le champ titre pourrait servir a alimenter le alt de l'image.
demarche en gros :
1) ajouter un champs dans la gestion des articles (lecture /ecriture) et page d'edition.
2) a la creation /edition de la page , tester si le champ images contient l'url d'une image et l'afficher , sinon afficher un formulaire d'upload.
J'ai opté pour de l'ajax qui met a jour le champ sans validé le formulaire d'edition de la page article (quelque longeur de chargement de l'editeur WYIWYG , rendait le truc désagreable.
Puis le theme , idem , on teste si le champ 'images' contient quelque chose avant de tenter de l'afficher .
ça donnait ceci dans l'admin :
a la creation d'un article ou champ vide :
http://gcyrillus.com/zaicha/data/images/joindre.jpg
aprés upload (article non sauvegardé)
http://gcyrillus.com/zaicha/data/images/joint.jpg
image presente dans un article sauvegardé
http://gcyrillus.com/zaicha/data/images/edite.jpg
En vidant le champ , l'image ne sera plus lié dans l'article.
C'est assez basique et merite plein d'amelioration .
GC
Cordialement,
gcyrillus , simple membre du forum et utilisateur de pluxml
Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | demos sur free http://gcyrillus.free.fr/new | Thèmes: tester et télécharger @ https://pluxthemes.com
Indiquez [RESOLU] dans le titre de votre question une fois le soucis réglè, Merci
je ne donne pas de date, surbooking tout ça...
enjoy
edit : ca me fait penser à ton tuto sur le remplacement d'image : http://yidille.free.fr/plux/valign/?18-image-en-remplacement-de-texte
pour notre ami Gesimo
Sur le sujet de l'upload d'image en php-ajax au sein d'un formulaire, plusieurs programmes existent dont un me paraît plutôt intéressant : http://www.atwebresults.com/php_ajax_image_upload/.
Il semble correspondre à ce qui est avancé ci-dessus : insertion rapide d'images dans un document sans passer par la case gestion des répertoires.
Cordialement.
Je me permet de remonter ce tread car je suis en train d'essayer aussi de rajouter une image/article.
J'essai de modifier le fichier article.php pour ajouter un champ pour mettre l'url de l'image, mais il ne m'inscrit pas les infos dans le fichier xml.
Est-ce qu'il y a autre chose à modifier dans d'autres fichiers pour ajouter le champ dans le fichier xml?
merci
Ma zone d'ajout d'url reste blanche alors que le fichier est rempli. Je me suis calqué sur ce qui est faire pour le titre de l'article pour ajouter l'url dans le fichier xml.