If you want the photos to show on your page, you have to add the [photo] shortcode to the Staff Directory template.
To do this:
<div class="staff-directory">
[staff_loop]
[photo]
[name_header]
[position]
[email_link]
[bio_paragraph]
<div class="staff-directory-divider">
</div>
[/staff_loop]
</div>
You customize the templates and css to match your desired layout and style.
I hope this helps!
To do this:
- Under the "Staff directory" item in the wp admin bar, click on "templates".
- In the Staff Page HTML section add the [Photo] shortcode inside the [staff_loop]' shortcodes at the location you want the photo to show.
<div class="staff-directory">
[staff_loop]
[photo]
[name_header]
[position]
[email_link]
[bio_paragraph]
<div class="staff-directory-divider">
</div>
[/staff_loop]
</div>
You customize the templates and css to match your desired layout and style.
I hope this helps!
7 comments:
Cool.. its works
Thanks for info . its working in our website.
Nice post, very useful and it works! Thanks for sharing and I'm looking forward for more great tips and advices.
Really a great information..I am using your given techniques while I am doing wordpress customization. Your given information is really a helpful for the wordpress developer.
Nice post!
I never heard of this article before.
It really helps me in my WordPress Development page.. Looking forward to see more updates in the future.
Thank you for the great share.
Web Developer
WordPress is one of the easiest and most powerful content management system that comes with numerous features to make your experience pleasing and appealing.
Post a Comment