Layout examples

Acf_post_content

Layout examples | Layout examples | Header set in acf_post_content

Post Content starts here | ( Category: Sitewide, with acf_header inactive and acf_layout)

Development – mix (2/28/2023) Posted in: L_Void - | Edit shortcode: Cropped <…
Collapse-o-matic issue (11/15/2023) Posted in: Uncategorized_w_Title -
HANGOUTS (9/23/2022) Posted in: Uncategorized - You were in a call…
Items slider 147 Photos (1/26/2023) Posted in: L_Void, NoFooter, NoTopBar -
Item4 (8/1/2022) Posted in: Card, SiteWide - Item4: standard WP Excerpt Excerpt…
Item3 (9/29/2022) Posted in: Card, SiteWide - Item3 Standard WP Excerpt Enter…
Item2 (7/1/2022) Posted in: Card, SiteWide - This is the main post…
Item1 (8/1/2022) Posted in: Card, SiteWide - Item1: Standard WP Excerpt Content…
SC_imgarray (9/1/2022) Posted in: L_Void - SC testbed. eg. Cropped images…
Collapse-o-matic (6/20/2022) Posted in: L_Void - | Reference | Collapse-o-matic releases (slow)…

Development – mix (2/28/2023)
Collapse-o-matic issue (1/4/2023)
HANGOUTS (9/23/2022)
Items slider 147 Photos (7/29/2022)
Item4 (6/30/2022)
Item3 (6/30/2022)
Item2 (6/29/2022)
Item1 (6/29/2022)
SC_imgarray (6/27/2022)
Collapse-o-matic (6/17/2022)

Section0 – CardEXCERPT

Section1 – Simple: ØfL1Img – tx2Cardtitle – colnb2·L15·lorem Cardcontent

Article 1

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. 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Section2 – sc name=”cardframework3″

Layout examples | layout-examples Edit post - id:76643

Text = Local inserted content

Section3 – Simple: ØfL7 in 2 columns

sc name=”col1″ | ØfL7Cardimg – txt2sCardtitle – L14 Cardcontent.

This is your card 1 title
This is your card 1 content inside ‹L14›

This is your card 2 title
This is your card 2 content inside ‹L14›

This is your card 1 title
This is your card 1 content inside ‹L14›

This is your card 2 title
This is your card 2 content inside ‹L14›

[/lgc_column] -->

sc name=”col1″-2 | Same with post_wrap8

This is your card 3 title
This is your card 3 content inside ‹L14›

This is your card 4 title
This is your card 4 content inside ‹L14›

This is your card 3 title
This is your card 3 content inside ‹L14›

This is your card 4 title
This is your card 4 content inside ‹L14›

[/lgc_column] -->

Section4 – sc name=’t1′ ?purpose? Needs rework

Other examples: sc name=”sc_1″

Layout examples | layout-examples Edit post - id:76643

logo

img

img1

img2

img3

The images are defined in the page's ACF custom fields | Sourced from: "layout-examples" | ID: "76643"

▷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.

sc name=”sc_2″

Layout examples | layout-examples Edit post - id:76643

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
▷4

acf_wys4

sc name=”pge1″

SC pge1 Subtitle

box1

box2

box3

Roll-your-own method
The elements are created manually rather than through the shortcode:
‹div class=’collapseomatic’ id=’any_id’ title=’trigger’>‹b>Title‹/b>: Trigger-Text ‹/div>
‹div class=’collapseomatic_content‘ id=’target-any_id’> Target-Content expanded ../.. ‹/div>

Title: Trigger-Text

Target-Content expanded
Comments: 1. Is it Slower? | 2. Requires an expand somewhere in the page to function.