No output?

Hello,

The type parameter takes the name (or “slug”) of the post type, not its label. To find out its name, you can go to Dashboard -> Content, and look to the right of the label. Usually, the slug is all lowercased, with a dash “-” or underscore “_” in place of spaces.

So, something like this should work:

[loop type=church_user]

Hi,
yes that helped alot…. the only field that is not showing is the image field. it is stored as an image in the custom field as a url.

I did not know about the dashboard content menu item that is sooo helpful.

[loop type=Church_User]
[field image=wpcf-picture size=thumbnail]
Name: [field wpcf-name]
Position: [field wpcf-position]
Description: [field wpcf-description ]
[/loop]

Thanks again
Mel

btw: I donated a few weeks ago. Your support is amazing and we all appreciate it. ??

Hi Mel,

About the image field, it depends on the theme/plugin that created it, and how the field value is stored. If you display the field like this:

[field wpcf-picture]

..and it’s a URL (not attachment ID), then please try:

[field image=wpcf-picture in=url]

That should display it as an image.

When the field is an image URL, the size parameter doesn’t do anything – but you can use width and height parameters.

The documentation isn’t so clear on this, so I’ll add a note about image fields.

—

Thank you for the donation, it’s certainly encouraging to keep improving the plugin. ??

Hi Eliot,
I was reading about you on your website. You have a very interesting background… From Japan to Bakery to this… ??

The fields are working now, so my last questions is, how do I format
the output to look like the example from the other plugin.

https://wordpress-5407-14345-33000.cloudwaysapps.com/

Sorry for all the questions… I’m still learning how to use it. The documentation is fine but more examples would be nice in each section.

Thank you again,
Mel

Hi,

I noticed that the height= option doesn’t seem to work?

[field image=wpcf-picture in=url width=177 height=179]

Thanks again for the super support..

Mel

Hi Mel,

I saw the example site you mentioned, and it looks like the first half is displayed by a plugin/theme, and the second half is using shortcodes. So, as you see, this plugin only outputs “raw” field values, and the styling is up to the HTML and CSS.

—

About the image: it looks like the width/height parameters only specify the maximum, and the final result depends on the proportions of the original image. To solve this, it would be best to use a field that returns the image as an attachment ID – that way, the plugin can retrieve cropped thumbnails. When it’s stored as URL, it can only display in the original size and proportion – and resized by HTML attributes (width/height) which don’t handle cropping.

For example, using Advanced Custom Fields, you can create an image field that returns an attachment ID. Then, this plugin can get the cropped thumbnail, using size=thumbnail.

—

To make the text display to the right, you can “float” the image. If you inspect the element using Chrome or Firefox, you can see that the class alignleft is applied to the thumbnails. So, for the shortcode-generated version, you can set it also:

[field image=wpcf-picture in=url width=180 image_class=alignleft]

The person’s name is displayed using a header tag <h1> in the original version. So, you can do:

<h1>[field wpcf-name]</h1>

For the description, the original version puts a paragraph tag <p> – and I think needs a better line height. So you can do:

<p>[field description]</p>

Then in your style.css:

p {
  line-height: 1.2em;
}

I also see that the whole thing is displayed in bold font. The original version uses a bunch of <strong> elements, but it would simpler to create a class for it.

[loop type=Church_User]
<div class="each-user">
  ...
</div>
[/loop]

Then in your style.css:

.each-user {
  font-weight: bold;
}

Hi Eliot,

Thank you for the detailed response, I am learning alot from your
comments.

This post can be closed….