web-dev-qa-db-fra.com

Informations sur les auteurs, telles que liens de médias sociaux, courriels, etc. → S'agit-il d'un méta ou de quelque chose d'autre?

La section auteur de mon premier thèmeWordPressest actuellementcodée en dur en HTML.

Voir le site web en direct ici .

Celui-là.

Ces icônessocial mediaet le lien qui leur est associé ne sont pas fournis par défaut dans le tableau de bord de l'auteur principal et doivent être codés.  enter image description here 

Est ce que quelqu'un peut me guider comment?

Est-ce que cette fonctionnalité viendra aussi dans la catégorie méta?

Monsieur, il me reste une confusion supplémentaire quant à la partie du code que vous avez écrit qui sera utilisée pour réellement imprimer les URL de médias sociaux que nous avons enregistrées dans le tableau de bord de l'auteur dans le backend.

Afin de simplifier ma requête, je mets ici le code de mon auteur à afficher au début →

<div class="author-box">
    <div class="author-image">
        <img src="http://blog.blogeto.com/html/images/author_profile.png" alt="">
    </div>
    <div class="author-description">
        <h2>
            <!-- AUTHORS NAME --> <?php the_author(); ?>
            <!-- <a href="<?php get_author_posts_url(); ?>"><?php the_author() ?></a> -->
            <a href=""><i class="fa fa-home" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-home" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-Twitter" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-linkedin" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-youtube" aria-hidden="true"></i></a>
        </h2>
        <p> Lorem Ipsum is simply dummy text.<a href="#">Read More</a> </p>
    </div>
    <div class="author-category">
      <ul>
          <li><a href="">CATEGORY 1</a></li>
          <li><a href="">CATEGORY 2</a></li>
          <li><a href="">CATEGORY 3</a></li>
          <li><a href="">CATEGORY 4</a></li>
          <li><a href="">CATEGORY 5</a></li>
      </ul>
    </div>
</div>
functionscustom-fieldwidgetsauthoruser-meta
1
The WP Novice

Ajoutez des méthodes de contact utilisateur à l'aide du filtre user_contactmethods dans le functions.php de votre thème ou via un plugin:

Les entrées de méthode de contact utilisateur sont stockées dans la table wp_usermeta. Le champ URL est spécial. il est stocké dans le champ user_url de la table wp_users.

// Add user contact methods
add_filter( 'user_contactmethods','wpse_user_contactmethods', 10, 1 );
function wpse_user_contactmethods( $contact_methods ) {
    $contact_methods['facebook'] = __( 'Facebook URL', 'text_domain'    );
    $contact_methods['Twitter']  = __( 'Twitter URL', 'text_domain' );
    $contact_methods['linkedin'] = __( 'LinkedIn URL', 'text_domain'    );
    $contact_methods['youtube']  = __( 'YouTube URL', 'text_domain' );

    return $contact_methods;
}

Exportez les liens dans votre fichier de modèle:

<div class="author-box">
    <div class="author-image">
        <img src="http://blog.blogeto.com/html/images/author_profile.png" alt="">
    </div>

    <div class="author-description">
        <h2>
        <!-- AUTHORS NAME --> <?php the_author(); ?>
        <!-- <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>"><?php the_author() ?></a> -->
            <?php 
                // Get the id of the post's author.
                $author_id = get_the_author_meta( 'ID' );

                // Get WP_User object for the author.
                $author_userdata = get_userdata( $author_id );

                // Get the author's website. It's stored in the wp_users table in the user_url field.
                $author_website = $author_userdata->data->user_url;

                // Get the rest of the author links. These are stored in the 
                // wp_usermeta table by the key assigned in wpse_user_contactmethods()
                $author_facebook = get_the_author_meta( 'facebook', $author_id );
                $author_Twitter  = get_the_author_meta( 'Twitter', $author_id  );
                $author_linkedin = get_the_author_meta( 'linkedin', $author_id );
                $author_youtube  = get_the_author_meta( 'youtube', $author_id  );

                // Output the user's social links if they have values.
                if ( $author_website ) {
                        printf( '<a href="%s"><i class="fa fa-home" aria-hidden="true"></i></a>',
                                esc_url( $author_website )
                        );
                }

                if ( $author_facebook ) {
                        printf( '<a href="%s"><i class="fa fa-facebook" aria-hidden="true"></i></a>',
                                esc_url( $author_facebook )
                        );
                }

                if ( $author_Twitter ) {
                        printf( '<a href="%s"><i class="fa fa-Twitter" aria-hidden="true"></i></a>',
                                esc_url( $author_Twitter )
                        );
                }

                if ( $author_linkedin ) {
                        printf( '<a href="%s"><i class="fa fa-linkedin" aria-hidden="true"></i></a>',
                                esc_url( $author_linkedin )
                        );
                }

                if ( $author_youtube ) {
                        printf( '<a href="%s"><i class="fa fa-youtube" aria-hidden="true"></i></a>',
                                esc_url( $author_youtube )
                        );
                }
            ?>
        </h2>
        <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.Lorem Ipsum is simply dummy text.   <a href="#">Read More</a> </p>
    </div>
    <div class="author-category">
        <ul>
                <li><a href="">CATEGORY 1</a></li>
                <li><a href="">CATEGORY 2</a></li>
                <li><a href="">CATEGORY 3</a></li>
                <li><a href="">CATEGORY 4</a></li>
                <li><a href="">CATEGORY 5</a></li>
        </ul>
    </div>
</div>
1
Dave Romsey

Oui, ces champs seront des méta utilisateur. Et pour stocker les liens sociaux d'un utilisateur, vous devrez ajouter une méta utilisateur personnalisée.

Voici la documentation destinée aux développeurs pour référence: https://developer.wordpress.org/plugins/users/working-with-user-metadata/

Remarque: Voir exemple de code pour une meilleure compréhension.

1
Aniruddha Gawade