Solution1: The BB module · (m_post-list1) · (74411) · builds the Pages list & is inserted via [ fl_builder_insert_layout id=74411]
Edit the 74411 module: /posts/fl-builder-template/m_post-list1/?fl_builder
Key components: [ wpbb post:acf type=’link’ name=’acf_txt1′] [ wpbb post:id] [ sc name=”cardlet1″]
Pro’s: Layout choices. Remote inserts OK. Problem: The content selector controls are deep within the BB editor. All Layouts are based on same ACF’s. Links and layout show inconsistencies.


HOVER7ISSUES     Edit post - id:82361
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 82361 Edit sc cardlet1
Hover cards6     Edit post - id:82093
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 82093 Edit sc cardlet1
Hover cards10     Edit post - id:81522
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 81522 Edit sc cardlet1
Hover cards8     Edit post - id:81352
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 81352 Edit sc cardlet1
Hover cards9     Edit post - id:80942
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 80942 Edit sc cardlet1
Hover cards7     Edit post - id:80902
Caption
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 80902 Edit sc cardlet1
Cropped     Edit post - id:80728
Caption1: ØfL1.25% | Øsub0
▷ Page "Cropped" | Shortcode documentation The cropped image to the left is obtained with the "cropped" shortcode, which encloses a 20vw constrained square image.
• sc name="cropped" c_w_vw="25vw" c_h_vw="17vw"
ID:80728
80728 Edit sc cardlet1
Hover Cards5     Edit post - id:80642
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 80642 Edit sc cardlet1
Hover cards3     Edit post - id:80557
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 80557 Edit sc cardlet1
Hover cards1     Edit post - id:80496
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 80496 Edit sc cardlet1
Hover cards4     Edit post - id:79867
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 79867 Edit sc cardlet1
Hover cards2     Edit post - id:79682
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 79682 Edit sc cardlet1

List Pages (Plg)

    Edit post - id:79592
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 79592 Edit sc cardlet1
Hover cards     Edit post - id:79433
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 79433 Edit sc cardlet1
Template3     Edit post - id:79281
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 79281 Edit sc cardlet1
Velkommen2     Edit post - id:79273
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 79273 Edit sc cardlet1
Velkommen (Nicepage)     Edit post - id:79234
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 79234 Edit sc cardlet1
TEST DELETE     Edit post - id:79117
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 79117 Edit sc cardlet1
Display posts     Edit post - id:77456
NotOK
Bill Erickson's Display Post plugin Powerful, yet does not maintain the shortcode (eg. expand) through to the remote display... NOT responsive! [ display-posts include_excerpt="true"image_size="large" wrapper="div" wrapper_class="display-posts-listing grid" meta_key="_thumbnail_id" ] 77456 Edit sc cardlet1
Template2     Edit post - id:76799
Caption1: ØfL1.10% | Øsub2
2. This is the acf_wys2 content [ shortcode test] lb lb Check line break. The wys2 break through the wpbb post:acf type='wysiwyg' name='acf_wys1 in the cardlet1 is not the same as the Shortcoder call with $ custom_field:acf_wys2 (more precise). 76799 Edit sc cardlet1
Template1     Edit post - id:76643
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 76643 Edit sc cardlet1

› WPBB Shortcodes

    Edit post - id:74662
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 74662 Edit sc cardlet1
Plugins     Edit post - id:74315
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 74315 Edit sc cardlet1

› Font builder

    Edit post - id:73787
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 73787 Edit sc cardlet1
Key resources     Edit post - id:72601
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 72601 Edit sc cardlet1

› SMTP

    Edit post - id:72401
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 72401 Edit sc cardlet1

› Passord

    Edit post - id:72390
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 72390 Edit sc cardlet1

› Medlem

    Edit post - id:72273
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 72273 Edit sc cardlet1

› Golf menus

    Edit post - id:71809
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 71809 Edit sc cardlet1

AGC TEST

    Edit post - id:71724
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 71724 Edit sc cardlet1

› Profile Builder Login test

    Edit post - id:71555
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 71555 Edit sc cardlet1

› Redirection ℗

    Edit post - id:71436
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 71436 Edit sc cardlet1

› Procedures to install membership solution

    Edit post - id:71401
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 71401 Edit sc cardlet1

› WP User Manager – User Profile Builder & Membership

    Edit post - id:71208
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 71208 Edit sc cardlet1
    Edit post - id:71231

› Account WPUM

    Edit post - id:71228
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 71228 Edit sc cardlet1

› Member emailing

    Edit post - id:70908
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 70908 Edit sc cardlet1

› Genesis columns advanced

    Edit post - id:70258
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 70258 Edit sc cardlet1

› Log out

    Edit post - id:69345
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 69345 Edit sc cardlet1

Shape photos 2

    Edit post - id:69265
Caption1: ØfL1.25% | Øsub0
2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 69265 Edit sc cardlet1

Article inserts with XYZ id target snippet

 ID select %%%  %%%  [ xyz-ics snippet="id" _id="54313"] 
(acf_img1)

Article11 id=54313 | Øsub0
(acf_img1)
Article11 id=54313 | Øsub0
Article1 | acf_wys2 metafield. Using meta field called in local shortcode | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 54313 Edit sc cardlet1
[ sc name=”cardlet1″]


Using HTML only: Shows the expected result

Article1   id=54313

In this “all HTML” version, using no shortcodes, the title, text, id, image, are direct-coded in the field “ACF_Excerpt” within the post Article1. They all display correctly.

Using shortcodes: Shows error cases when applicable

Article1

  id= 54313  (via wpbb post:id, not acf_id)

(acf_img1)
Article11 id=54313 | Øsub0

Article1 | acf_wys2 metafield. Using meta field called in local shortcode | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

54313
xyz-ihs snippet=Cardframework1

 


[ acf_txt1] + // [ acf_wys2] + [ acf_excerpt] NotOK 

Article1 // Article1 | acf_wys2 metafield. Using meta field called in local shortcode | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


·····

 ID select %%%  %%%  [ xyz-ics snippet="id" _id="50955"] 

Article250955: ØfL1.25% | Øsub2
[ .. my_field=’acf_wys1′]

Article250955: ØfL1.25% | Øsub2

Article2 Gardon

 (full origin page content) "Image reference issues" ▷2 This temptative coding:
< img class="pØb" src="[ wpbb post:acf type='wysiwyg' name='acf_im' ]" / >
FAILS in page renderings when user is unsubscribed! 50955 Edit sc cardlet1
[ sc name=”cardlet1″]

Using HTML only: Shows the expected result from ACF_Excerpt

Source= Article2   id=50955

In this “all HTML” version, using no shortcodes, the title, text, id, image, are direct-coded in the field “Featured” within the post Article2. They all display correctly.

Using shortcodes: Shows error cases when applicable

Source=

Article2 Gardon

  id= 50955  (via wpbb post:id, not acf_id)

Article250955: ØfL1.25% | Øsub2

Article2 Gardon

 (full origin page content) “Image reference issues” ▷2 This temptative coding:

< img class="pØb" src="[ wpbb post:acf type='wysiwyg' name='acf_im' ]" / >

FAILS in page renderings when user is unsubscribed!

50955 Edit xyz-snippet cardlet1
xyz-ihs snippet=”Cardlet1



·····

 ID select %%%  %%%  [ xyz-ics snippet="id" _id="36347"] 

typography4 ▷1: Cantique-des-cantiques.jpg
typography4 ▷1: Cantique-des-cantiques.jpg
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.▷2 36347 Edit sc cardlet1
[ sc name=”cardlet1″]


[ featured id='36347' my_field='acf_excerpt']

Caption: Øsub4

Typography4 samples

Typography samples | 4

[ sc name=”sc_1″] –
 Typography samples | 4    |   typography4 Edit post - id:36347
logo
img
img1
img2
img3

  The images are defined in the page's ACF custom fields | Sourced from: "typography4" | ID: "36347"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.▷2



Edit sc_1



…..

 ID select %%%  %%%  [ xyz-ics snippet="id" _id="55054"] 

Caption: Øsub4

Typography4 samples

ACF doc°: functions

[ sc name=”sc_1″] –
 ACF doc°: functions    |   acf-doc-fct Edit post - id:55054
logo
img
img1
Img1
img2
img3

  The images are defined in the page's ACF custom fields | Sourced from: "acf-doc-fct" | ID: "55054"

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.



Edit sc_1