Image dans le titre d'un article

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 :s.

En tout cas ce serait une super chouette modification :)

Réponses

  • super_g2super_g2 Member
    octobre 2010 modifié
    Bonjour,

    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 t'avoue que la dernière idée m'emballe bien (celle de mettre un nouveau champ dans l'admin), mais je ne suis pas assez balèze pour réussir cela. Si quelqu'un en a les capacités, je serai fort content de pouvoir en profiter :).

    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.
  • bonne idée de commencer par cela.
    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 ;)
  • GesimoGesimo Member
    octobre 2010 modifié
    Je viens déjà de tenter quelque chose. Comme j'ai une feuille de style différente pour chaque catégorie grâce à ce topic (http://forum.pluxml.org/viewtopic.php?id=1986).

    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
  • c bien de tenter, pense à nous donner un lien vers ton site (a moins que tu dév sur ton PC perso) afin qu'on puisse suivre et te donner des conseils (avisés ? ^^)
  • Pour le moment, oui, je développe ça sur mon PC. Je devrais pas tarder à le mettre en ligne. Je vous tiens au courant.
  • FrédéricFrédéric Member
    octobre 2010 modifié
    J'ai peut être encore plus simple pour toi.

    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
    <?php $plxShow->artTitle('link'); ?>
    
    pour home.php ou
    <?php $plxShow->artTitle(''); ?>
    
    pour article.php, le bout de code suivant:
    <img src="<?php $plxShow->template(); ?>/img/images_cat_<?php echo $plxShow->artId() ?>.png" class="images_cat" alt="" />
    
    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" .....
  • GesimoGesimo Member
    octobre 2010 modifié
    Effectivement ça semble être une bonne méthode.

    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.
  • tu ne veux pas tenter d'ajouter un champ d'upload d'image supplémentaire dans la section admin/article et la création automatique en // dans un fichier de style séparé comme je l'évoque?

    cela te serait un super exercice php/js/css ;)
  • Je vais le tenter petit à petit parce que ça me conviendrait vraiment bien, mais je sais que ça va me prendre du temps, donc j'utilise cette méthode pour le moment et en // je vais me documenter en js et php pour évoluer de toute façon.

    En tout cas merci pour ton encouragement.
  • perso, je suis bien chaud pour te filer un coup de main, car ce serait vraiment pas mal pour pluxml ce genre de système (avis perso). en tout cas, sous forme d'addon.

    donc n'hésite pas ;)
  • Bonsoir,

    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

  • super_g2super_g2 Member
    octobre 2010 modifié
    nice ça, je vais réfléchir de mon côté pour essayer de mettre en place cet addon.
    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 ;)
  • Bonjour,
    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.
  • JeremmmJeremmm Member
    mars 2011 modifié
    Bonjour,

    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
  • Bon, j'ai réussi à alimenter mon fichier xml mais impossible de faire remonter l'info dans mon édition d'article.

    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.
  • Super_g2, +1 avec Jeremmm.
    super_g2 a écrit:
    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.
    Ca m'intéresse aussi pour mettre en place ce que je proposait ici.
Connectez-vous ou Inscrivez-vous pour répondre.