• Informations d'articles Ekla

    Hey! De retour ici également, ceci est un article sur les possibilités infinies qui s'offrent à vous sur... les informations des articles.
    Je me dis que ce serait bien de faire un article partie de blog par partie de blog, au niveau sélecteurs, astuces et infos. Donc ici, il y a un peu de tout.

    Tout d'abord, que sont les informations d'un article?
    Bon, je suppose que vous le savez, mais c'est la petite ligne sous le titre d'un article qui indique qui l'a écrit, à quelle date et dans quelle rubrique.
    On y accède dans l'interface d'édition Ekla, via Contenu > Infos articles tout simplement.

    Ce que le commun des mortels ne sait pas
    Les informations d'un article, au niveau CSS, sont accessibles en un seul sélecteur ( .article_info )... mais sont également accessibles en quelques sélecteurs, qui sont les suivants:
    .article_info_date = date de publication de l'article
    a                      = accessible sur tous les sélecteurs textes contenant potentiellement des liens

    Franchement, il n'y a pas beaucoup de "catégories", et avant de vérifier pour avoir les sélecteurs exacts, je pensais qu'il y en avait plus.
    Cela dit, voici une petite astuce pour avoir les deux liens différents

    .article_info a:first-of-type  {propriété: valeur;}  > premier lien de la catégorie "info des articles"  
    info d'article lien: premier {propriété: valeur;}
    .article_info a:last-of-type {propriété: valeur;} > dernier lien de la catégorie "info des articles" 
    info d'article lien: dernier {propriété: valeur;}

    Mais cela n'affectera que les liens.

    Cela dit, voici comment n'avoir que le lien de la rubrique ou le pseudo (par contre le "par" ne s'affichera pas en cas d'un pseudo, ni le "dans" en cas de rubrique).

    Il vous faudra: un fond opaque, des informations d'article.

    • Mettez l'ensemble propriété/valeur suivant derrière le sélecteur du lien que vous ne voulez pas voir: {display: none;}
    • Mettez le texte de la même couleur que l'arrière-plan, ou sa police à zéro.
    • Pour les liens, modifiez simplement la taille de la police, ou simplement sa couleur grâce au CSS (ou dans l'interface d'édition Ekla directement): .info_article a {font-size: XX; color: #XXXXXX;}

    Pour une modification plus avancée, il vous faudra faire appel au JavaScript je pense, chose à laquelle je ne connais... rien. Voilà. o/

    J'espère tout de même avoir pu vous aider.


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :