Manual title Including with vertical tabs


Elegant Themes Vtab: 8 tabs Edit
[ fl_builder_insert_layout id=57249] In progress | Deactivated due to JS and HTML conflicts


Two shortcode solutions available for inserts [ acf field=’acf_field‘ post_id=’00000‘]   ·   [ featured id=’00000‘ my_field=’acf_field‘]

Insert shortcodes are sensitive and sometimes requires ‹p› tags. The solutions are OK for inserting ACF fields from remote posts. NotOK for remote pages.





Vertical tabs | WP_responsive_tabs plugin  Description and tests

Vertical Tabs are a complex component to resolve. See plugin comparison list by Color lib


Current choice: [ wrt_print_rt_wp_responsive_tabs tabset_id="1" ]
The plugin is solid but fickle when using %id inserts as in this page. Each post has its tab titles and contents that can be invoqued through the tabset. Go to the tabset1
As tempting and powerful it would seem, you cannot put the [ wrt_print_rt_wp_responsive_tabs tabset_id="1" ] into another tab. It can only be used integrally for 1 id%.
• Preceed the wrt_print_rt_wp_responsive_tabs with id% to define target post • Do not enter different %id's into the targeted tabs.


57262 audit

[wrt_print_rt_wp_responsive_tabs tabset_id="1" ]
37919% card25 [wrt_print_rt_wp_responsive_tabs tabset_id="1" ]
51300% card22 [wrt_print_rt_wp_responsive_tabs tabset_id="1" ]
53559% vertical-tabs [wrt_print_rt_wp_responsive_tabs tabset_id="1" ]NotOK
56755% vertical-tabs-html [wrt_print_rt_wp_responsive_tabs tabset_id="1" ]


Post insertions in two LGC columns

NotOK for Front page
[ acf field=”acf_wys1″ post_id=”54414″][ acf field=”acf_excerpt” post_id=”54414″] Front Page | ‘acf_excerpt’ | ‘54414’ | [ acf field=”acf_excerpt” post_id=”54414″ ] Edit popup

NotOK for Front page

[ featured id=’54414′ my_field=’acf_wys1′][ featured id=’54414′ my_field=’acf_excerpt’] Front Page | ‘acf_excerpt’ | ‘54414’ | [ acf field=”acf_excerpt” post_id=”54414″ ] Edit popup

3 different field inserts from: Vertical Tab Nav ‘53559’
W1▷ VTab Navs
Vertical Tab Nav | ‘acf_excerpt’ | ‘53559’ | [ acf field=”acf_excerpt” post_id=”53559″ ] Edit popup

TAB6

Vertical Tab Nav | ‘acf_tab6_content’ | ‘53559’ | [ featured id=”53559″ my_field=”acf_tab6_content” ]


Vertical Tabs

Caption w33 ØfL1 | Øsub3

Spoilers and Tab plugins for Vertical Tab Navigation. Wordpress responsive Tabs – Horizontal, Vertical, Scrollable and Accordions TABS ▷4

5

Caption w33 ØfL1 | Øsub3

Spoilers and Tab plugins for Vertical Tab Navigation. Wordpress responsive Tabs – Horizontal, Vertical, Scrollable and Accordions TABS ▷4

Vertical Tab Nav | ‘acf_tab2_content’ | ‘53559’ | [ acf field=”acf_tab2_content” post_id=”53559″ ]

% | card25 | ‘acf_excerpt’ | ‘37919’ | Popup




45002% [ featured id=’45002′ my_field=’acf_excerpt’]

48023% article8[ featured id=’48023′ my_field=’acf_excerpt’]

50352% article7

 "Square crop" with caption now solved!    |   article7 Edit post - id:50352
logo
I
img
I
img1
I
img2
I
img3
I

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

2 The square image effect is obtained using classes c100, c110, c120 etc., which define a 120 width and 115 height. The height is slightly smaller for aesthetic reasons. The image is wrapped in a container with the same 120 width so that the caption remains within the same width as the image.



Edit sc_1

Card7/11debug

Card11debug Find the best travel routes off the beaten paths: “Det er viktig å gi litt f… noen ganger, og alt behøver ikke å være perfekt. Frigjør energi og tro på det du kan få til.”More…


55928% test-popup
Caption: Øsub3

Testing popups | Alligator etc. Testing …


Alligator Popup Alligator-popup via URL | Simply add class=”popup” to href! | Insertable directly in page | Works great but is a bit slow.



46324% card1
Popup class!!

Card1 | Client downloads


Nedlast ditt kurs material


Å jobbe smart handler ikke om å få alt gjort, men om å gjøre de riktige tingene slik at vi holder oss produktive både på kort og lang sikt.


1: ØfR1.40%.Img | Øsub0
Anita var med på "Gi faen kurs for flinke piker" piloten i 2017. ▷2| Hun hadde noen hyggelige tilbakemeldinger: "Takk for lærerike og inspirerende kurs Catherine! Det har gitt meg nye perspektiver. Du er flink til å utfordre og oppmuntrer til å våge mer." FONT COLOR TESTS



46324 Edit sc cardlet1


28634% card1bis

Det har gitt meg nye perspektiver

Gi faen kurs for flinke piker



 Gi faen kurs for flinke piker    |   card1bis Edit post - id:28634
logo
img
img1
img2
img3

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

Anita var med på “Gi faen kurs for flinke piker” piloten i 2017. 2| Hun hadde noen hyggelige tilbakemeldinger: “Takk for lærerike og inspirerende kurs Catherine! Det har gitt meg nye perspektiver. Du er flink til å utfordre og oppmuntrer til å våge mer.” FONT COLOR TESTS Le livre a d’abord été rejeté à cause de son caractère profane dont témoignent les nombreuses images érotiques comme « tes seins sont comme deux faons…



Edit sc_1
ACF_Txt2


29603% card6

Caption: Øsub1

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.

acf_wys2
3 ØfL2.100%.Img | Øsub2
acf_wys3
Edit CF3-LGC |   Popup CF3-LGC id=21 CF3-LGC

 


55685% blog-post

“Subtitle 55685”

Blog (post)


This is the content for the excerpt in this page. (acf_txt2)

“Subtitle 55685”

Frigjør energi! Dette andre kurset hjelper deg å senke skuldrene, frigjøre mer av ditt potensial og stole på at den du er og det du kan/gjør er godt nok! 2

55685
[ sc name=”cardframework1″]



51300% card22

Brigitte Fossey

Post Custom Field calls


Post Date: April 2, 2021 · Modified: November 3, 2021 Id: 51300 [ wpbb post:id] Post Terms List: , [ wpbb post:terms_list] Post: terms_list taxonomy: , Admin?: Archive: Showing 1-1 of 1. Post URL: https://iorelys.com/posts/card22/ · Post Slug: card22 (ACF txt2) Comments URL: https://iorelys.com/posts/card22/#respond

Featured_image:


54313% article1
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

 



50955% article2

55054% acf-doc-fct
 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

 ACF doc°: functions    |   acf-doc-fct Edit post - 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.

A key piece of PHP code added with XYZ-PHP plugin [ xyz-ics snippet=”id” _id=”ID nb”] Prepares to target post ID nb | Edit4

acf_wys4
Edit sc_2

39942% cardlet6

The Whale in Andenes

1: ØfL1.Img1.44% | Øsub2

2 The Whale Centre The Centre was established in 1988 and is situated in an old fish processing warehouse at the harbour front. The Whale Centre offers a unique combination of tourism, education and research. Tourists visiting the Whale Centre or going at a Whale Safari trip are invited also to see the museum on whales, their biology, research and whaling housed at the Whale Centre. A multi media show on whales and their environment is shown several times a day.