[Résolu] Personnaliser l’affichage des données des articles (date,catégorie…) (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 23)
  • Auteur
    Messages
  • #558813
    elecmoz
    Participant
    Padawan WordPress
    94 contributions

    Ma configuration WP actuelle
    – Version de WordPress : WordPress 4.3.1
    – Version de PHP/MySQL : MySQL5.5
    – Thème utilisé : News Anchor Child
    – Extensions en place : Akismet, CKEditor,Contact Form 7,Google XML Sitemaps,MailPoet Newsletters, Redux,Shareaholic,Theme Tweaker, TinyMCE Advanced,UpdraftPlus , WP Editor, WP Emoji One, WP Slimstat
    – Nom de l’hebergeur : 1&1
    – Adresse du site : The Fit Feline

    Bonsoir, alors voilà sur un précedent poste, j’ai fais une demande pour afficher le nombre de commentaires présent dans les articles sur les aperçu en page d’accueil de chaque article, problème résolu mais j’aimerai à present personnalisé cet affichage comme la police et/ou rajouté un petit icône pour être en raccord avec le reste la date et la categorie, mais je n’arrive pas a déterminé quel est son Id, de là cela me permettrai de rentré mes modif sur le fichier css afin de rajouté mon icone ? merci pour votre aide

    Voici le code pour l’affichage du nombre de commentaire qui a été rajouté dans le fichier function.php ( merci à Luciole135 ) :

    <?php
    function newsanchor_posted_on() {
    $time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>‘;
    if ( get_the_time( ‘U’ ) !== get_the_modified_time( ‘U’ ) ) {
    $time_string = ‘<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>‘;
    }

    $time_string = sprintf( $time_string,
    esc_attr( get_the_date( ‘c’ ) ),
    esc_html( get_the_date() ),
    esc_attr( get_the_modified_date( ‘c’ ) ),
    esc_html( get_the_modified_date() )
    );

    $posted_on = ‘<a href="' . esc_url( get_permalink() ) . '" rel="bookmark">‘ . $time_string . ‘</a>‘;

    $byline = sprintf(
    esc_html_x( ‘%s’, ‘post author’, ‘newsanchor’ ),
    ‘<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">‘ . esc_html( get_the_author() ) . ‘</a></span>‘
    );

    echo ‘<span class="posted-on date">‘ . $posted_on . ‘</span><span class="byline"> ‘ . $byline . ‘</span>‘;

    $categories_list = get_the_category_list( __( ‘, ‘, ‘newsanchor’ ) );
    if ( $categories_list && newsanchor_categorized_blog() ) {
    echo ‘<span class="categories"> ‘ . $categories_list . ‘</span>‘;
    }

    printf(esc_html( _n( ‘One thought’, ‘%1$s comments’, get_comments_number(), ‘newsanchor’ ) ),
    number_format_i18n( get_comments_number() )
    );
    }
    ?>

    #1039985
    elecmoz
    Participant
    Padawan WordPress
    94 contributions

    😇

    #1039986
    Flobogo
    Modérateur
    Maître WordPress
    20088 contributions

    Bonjour,

    Dans le code de Luciole135, la mise en forme n’est pas prévue.
    Essaie de remplacer son code par ça :

    $com = sprintf(
    esc_html_n( ‘One thought’, ‘%1$s comments’, get_comments_number(), ‘newsanchor’ ),
    number_format_i18n( get_comments_number() )
    echo ‘‘ . $com . ‘
    );

    (ne pas oublier de rajouter à la fin } et ?> comme dans ton code plus haut)
    C’est pas sûr que ça fonctionne, car je ne suis pas du tout calée en PHP, j’ai juste essayer d’imiter la fonction précédente.

    Si ça marche (si ça affiche toujours le nombre de commentaires sans tout planter ^^ ), tu pourras ajouter ça dans ton CSS du thème-enfant :

    .activity span.commentaires a::before {
    content: «  »;
    left: 2px;
    }

    Et à la ligne 2706 de ton thème-enfant, rajoute ceci :

    .activity span.date::before, .activity span.categories a::before, .activity span.commentaires a::before {
    color: #bebebe;
    font-family: « FontAwesome »;
    left: 0;
    position: absolute;
    top: -1px;
    transition: color 0.3s ease-out 0s;
    }

    #1039987
    elecmoz
    Participant
    Padawan WordPress
    94 contributions

    Je m’excuse par avance pour ma réponse tardive je ne pourrais faire l’essai que demain soir ! Mais histoire d’être opérationnel, je remplace la totalité de son code par le tien dans le fichier function.php c’est ça ?

    Et pour cette partie là :

    Si ça marche (si ça affiche toujours le nombre de commentaires sans tout planter ^^ ), tu pourras ajouter ça dans ton CSS du thème-enfant :
    .activity span.commentaires a::before {
    content: «  »;
    left: 2px;
    }

    Sur quelle ligne dois-je le mettre ?

    Merci beaucoup pour ton aide en tout cas !!!

    #1039988
    Joss47
    Modérateur
    Maître WordPress
    5132 contributions

    Hello,

    Tu l’ajoutes simplement à la suite sur ton fichier style.css dans ton thème enfant 😉

    #1039989
    Flobogo
    Modérateur
    Maître WordPress
    20088 contributions

    Dans le fichier functions.php du thème-enfant, tu remplaces ça (la fin du code indiqué dans ton 1er post) :

    printf(esc_html( _n( ‘One thought’, ‘%1$s comments’, get_comments_number(), ‘newsanchor’ ) ),
    number_format_i18n( get_comments_number() )
    );

    Par ça :

    $com = sprintf(
    esc_html_n( ‘One thought’, ‘%1$s comments’, get_comments_number(), ‘newsanchor’ ),
    number_format_i18n( get_comments_number() )
    echo ‘‘ . $com . ‘
    );

    Tu vérifies si mon code ne fait pas planter ton site (page blanche, ou Erreur de syntaxe, ce qui est probable, car je ne suis pas experte en code)

    Et si c’est bon, tu modifies la ligne 2706 de ton style.css du thème-enfant.
    Et l’autre code (ci-dessous), tu peux le placer juste avant ou juste après.

    .activity span.commentaires a::before {
    content: «  »;
    left: 2px;
    }

    (le petit signe  est un dashicon, qu’on peut obtenir là : https://developer.wordpress.org/resource/dashicons/#admin-comments )

    Par contre, je suis étonnée du grand nombre de lignes de ton fichier style.css du thème-enfant ! 😉
    Tu as recopié tout le contenu du style.css du thème-parent ?

    #1039990
    elecmoz
    Participant
    Padawan WordPress
    94 contributions

    Oki je te dirai si sà fonctionne dès que j’ai mon pc sous la main c’est à dire demain soir !

    Par contre, je suis étonnée du grand nombre de lignes de ton fichier style.css du thème-enfant !  blink
    Tu as recopié tout le contenu du style.css du thème-parent ?

    Oui pourquoi ? Il ne fallait pas ? De mes souvenirs lorsque je me suis lancé dans la création du site j’ai suivi un tuto concernant la création du thème enfant avec la création du fichier function.php etc et entre autre la copie intégrale du style.css

    #1039991
    elecmoz
    Participant
    Padawan WordPress
    94 contributions

    j’ai pu tester de modifier le fichier function.php et malheureusment cela fait beuguer mon site avec comme message d’erreur :

    Parse error: syntax error, unexpected ‘echo’ (T_ECHO) in /homepages/4/d594722353/htdocs/wp-content/themes/newsanchor-child/functions.php on line 57

    Voici la ligne 57:

    echo ‘‘ . $com . ‘

    #1039992
    Flobogo
    Modérateur
    Maître WordPress
    20088 contributions

    Pour la « syntax erreor », je viens de voir qu’il manque un ; à la fin de la ligne précédente (avant echo).
    Essayez le code suivant :

    $com = sprintf(
    esc_html_n( ‘One thought’, ‘%1$s comments’, get_comments_number(), ‘newsanchor’ ),
    number_format_i18n( get_comments_number() );
    echo ‘‘ . $com . ‘
    );

    Et non, il ne faut pas copier tout le style.css du thème-parent dans celui du thème-enfant.
    On ne met dans le style.css du thème-enfant que les lignes modifiées.
    Sinon, cela revient à charger deux fois le même CSS, cela ralentit (un petit peu) le site.

    Quand vous aurez du temps/du courage, il faudrait utiliser un comparateur de fichiers comme Winmerge pour comparer les 2 fichiers style.css et ne gardez dans celui du thème-enfant que les règles différentes. (bien sûr, la règle entière avec le sélecteur et ses variables contenues entre crochets { et } )

    #1039993
    elecmoz
    Participant
    Padawan WordPress
    94 contributions

    Encore un message d’erreur 😕

    Parse error: syntax error, unexpected ‘;’ in /homepages/4/d594722353/htdocs/wp-content/themes/newsanchor-child/functions.php on line 56

    #1039994
    Flobogo
    Modérateur
    Maître WordPress
    20088 contributions

    Il manque peut-être une parenthèse fermée avant le point-virgule (hé oui, c’est du code … pire que du martien 😕 ) :

    $com = sprintf(
    esc_html_n( ‘One thought’, ‘%1$s comments’, get_comments_number(), ‘newsanchor’ ),
    number_format_i18n( get_comments_number() ));
    echo ‘‘ . $com . ‘
    );

    Si ça ne marche pas, il nous faudra l’aide de quelqu’un plus calé(e) que moi en code 😳

    #1039995
    elecmoz
    Participant
    Padawan WordPress
    94 contributions

    Avec ton dernier essai toujours un message d’erreur citant la ligne 58 soit la derniere  » );  » , j’ai tenté, nu peu au pifometre oui d’enlever le « ) » de la derniere ligne et pour le coup je n’ai plus de message d’erreur mis lecran reste bloqué a l’icone de chargement du site pas de chance 😕
    Vous pensez que ej dois reouvir un sujet pour faire ma demande d’aide sur ce code ?

    #1039996
    elecmoz
    Participant
    Padawan WordPress
    94 contributions

    Avec ton dernier essai toujours un message d’erreur citant la ligne 58 soit la derniere  » );  » , j’ai tenté, nu peu au pifometre oui d’enlever le « ) » de la derniere ligne et pour le coup je n’ai plus de message d’erreur mis lecran reste bloqué a l’icone de chargement du site pas de chance 😕
    Vous pensez que ej dois reouvir un sujet pour faire ma demande d’aide sur ce code ?

    #1039997
    Flobogo
    Modérateur
    Maître WordPress
    20088 contributions

    Oui, peut-être que tu auras plus de réponses en créant un nouveau sujet « spécial code » pour avoir l’aide de personnes compétentes en code.
    Tu peux faire un lien vers cette discussion dans ton nouveau topic, et bien sûr, ne pas oublier de remettre ta config’ au début.

    #1039998
    elecmoz
    Participant
    Padawan WordPress
    94 contributions

    Tu as du voir sur l’autre discussion concernant le code que l’on ma donné celui ci :

    $comments = get_comments_number();
    if ( $comments > 0) {
    $com = sprintf(
    _n( ‘One thought’, ‘%1$s comments’, $comments, ‘newsanchor’ ),
    number_format_i18n( $comments)
    );
    } else {
    $com = ‘No thought’;
    }
    echo ‘<span class="commentaires">‘ . $com . ‘</span>‘;

    il ne fait pas beuguer mon site j’ai donc penser que j’aurai pu ajouter tes modif precedememnt donné pour le style.css mais je ne vois pas la difference et ne vois pas comment ajouter un petit icone du style : 520359speechbubblesininkscapebysandman850481.jpg

    J’ai tenté avec :

    .activity span.commentaires a::before {
    background:url(« http://thefitfeline.com/wp-content/themes/newsanchor-child/image/speech_bubbles1.jpg ») no-repeat;
    padding-left:20px !important;

    J’ai fait un peu sa au bonheur la chance donc je ne suis pas etonné que sa ne donne aucun résultat 😳

15 sujets de 1 à 15 (sur un total de 23)
  • Vous devez être connecté pour répondre à ce sujet.