WordPress

Wyświetl niestandardowe pole obrazu w profilu użytkownika

  • 16 listopada, 2018
  • 4 min read
Wyświetl niestandardowe pole obrazu w profilu użytkownika


Próbuję wyświetlić informacje o użytkowniku z acf, jak dotąd wyświetlają się normalne pola tekstowe, radiowe i pola wyboru i daty, jeśli użyję następujących elementów:

<?php $current_user = wp_get_current_user(); echo $current_user->user_gender; ?>

Stworzyłem 2 niestandardowe pola obrazu, po jednym z każdego, którego chciałbym użyć jako awatara. Jak mam wyświetlać obrazy, jeśli niestandardowa nazwa pola to user_banner i user_avatar.

pola są niestandardowymi polami z acf to user_banner i user_avatar.

Oto pełny kod szablonu strony:

<?php
/**
    Template Name: View Profile
*/

get_header();?>
<section class="page-profile">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-4">
                <div class="profile-user-info">
                    <div class="profile-info-row">
                        <div class="profile-info-name"> Username </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_login; ?></span>
                        </div>
                    </div>
                    <div class="profile-info-row">
                        <div class="profile-info-name"> First Name </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_firstname; ?></span>
                        </div>
                    </div>
                    <div class="profile-info-row">
                        <div class="profile-info-name"> Last Name </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_lastname; ?></span>
                        </div>
                    </div>

                    <div class="hr hr-8 dotted"></div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> Email </div>

                        <div class="profile-info-value">
                            <a href=" $current_user = wp_get_current_user(); echo $current_user->user_email; ?>"><?php $current_user = wp_get_current_user(); echo $current_user->user_email; ?></a>
                        </div>
                    </div>  

                    <div class="hr hr-8 dotted"></div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> Gender </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_gender; ?></span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> Age </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_birthday; ?></span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> Country</div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_country; ?></span>
                        </div>
                    </div>
                </div>

                <?php

                $imgurl = get_field('user_banner',$user->ID);

                if (filter_var($imgurl, FILTER_VALIDATE_URL) === FALSE)
                {
                  $imgurl = wp_get_attachment_url($imgurl);
                }
                   echo '<img src="' . $imgurl . '" alt="image">';
                ?>

                <?php

                $imgurl = get_field('user_avatar',$user->ID);

                if (filter_var($imgurl, FILTER_VALIDATE_URL) === FALSE)
                {
                  $imgurl = wp_get_attachment_url($imgurl);
                }
                   echo '<img src="' . $imgurl . '" alt="image">';
                ?>

            </div>
        </div>
    </div>
</section>
<?php get_footer(); ?>      

Kod użytego obrazu mam gdzieś, ale kiedy sprawdzam, pokazuje to poniżej:

Warto przeczytać!  uploads - Jak poprawnie przenosić pliki multimedialne i aktualizować dane?

wprowadź tutaj opis obrazu

uprzejmie pomóż, dziękuję.


Źródło