[Resolved] Post Meta Side by Side to Content

[melvin wang]

Hi,

I’ve a CPT name Portfolio. In the Single Portfolio layout i would like to have post meta side by side to content in desktop view, and the post meta will be above content in mobile view as this https://imgur.com/a/9Qdbxno

Could you guide me to the right direction on how to achieve that?

Thank you.

[Ying]

Hi melvin,

I think you can create a block element – content template for the single portfolio

The structure would be like:

- Gird 
  - Container 1: content
  - Container 2: post meta

- Container: related post

You can set the container 2‘s order to -1 on mobile to make it appear on top of the left container.

[melvin wang]

Hi Ying,

Thanks i successfully did that.

- Gird 
  - Container 1: content (im using ACF wysiwyg editor)
  - Container 2: post meta

- Container: related post

The reason i want to use WYSIWYG editor is because our client is not familiar with block editor, thus we didnt enable “editor” in CPT but instead using ACF’s WYSIWYG editor. https://imgur.com/a/1QjqFxM

May i know if i can how to output/display wysiwyg editor using “block element – content template for the single portfolio”?

[Fernando]

Hi Melvin,

You can use a Headline Block. Enable Dynamic Data in the Block settings. Set the source to Post Meta, and set the field to your field name.

This should work in a Content Template as well.

[melvin wang]

Thanks Fernand.

[Fernando]

You’re welcome Melvin!

[Author]

Posts