Development tools  Shortcodes & CSS


Hover cards 00 and 01
Title_00n_o
Description_00n_o
Title_00n
Description_00n

Title_00n_o
Description_00n_o
Title_00n
Description_00n



Title_01n_o
Description_01n_o
Title_01n
Description_01n

Title_01n_o
Description_01n_o
Title_01n
Description_01n



The Element Object | script
Edit get_container_w
const element = document.getElementById("container"); let text = "H: " + element.offsetHeight + " px | ";
text += "W: " + element.offsetWidth + " px"; document.getElementById("hw_size").innerHTML = text;

sc variables: h=”” w=”” mrg=”” pd=”” brd=”” bcol=””
The inside container background color is a css root color variable : root {--blue:lightblue;} #container {background-color:var(--blue);}


Direct code css: margin:auto & valign”
Vertical align

position:relative; top:50%; transform:translate(0,-50%);

< img class="im" style="float:%%float:right%%; width:%%c_w_vw:12vw%%; height:%%c_h_vw:12vw%%; object-fit:cover; object-position:%%pos_w:50%%% %%pos_h:50%%%; margin:%%margin:0 12px 0 0%%; border-radius:%%radius:0%%; overflow:hidden;" src="https://iorelys.com/wp-content/uploads/GIORGIONE.jpg"/>$$enclosed_content$$

Example: [ sc name="cropped" c_w_vw="100vw" c_h_vw="2vw" size="thumbnail" float="left" radius="3px" pos_w="50%" pos_h="0%" ]





Featured:

Development tools

≥ Edit-31112

Overview


Samples of Vertical Tabs designed using Plugins or HTML Go to article


Beaver Builder Shortcodes

See https://kb.wpbeaverbuilder.com/article/572-field-connection-shortcode-index-themer


* Insert using the HTML module. https://kb.wpbeaverbuilder.com/article/543-find-the-full-list-of-field-connection-and-parameters-themer * For ACF shortcodes, see this article. https://kb.wpbeaverbuilder.com/article/404-connect-to-fields-in-advanced-custom-fields-plugin-themer Site category * Site Title [ wpbb site:title ] IORELYS * Site Tagline [ wpbb site:tagline ] Designing for performance Post category * Post Title [ wpbb post:title ] Development * Post ID [ wpbb post:id ] 31112 * Post Content[ wpbb post:content ] _ (cr) + empty line _ * Post URL [ wpbb post:url ] https://iorelys.com/posts/development/ _ (cr) _ * Post Slug [ wpbb post:slug ] development * Post Excerpt [ wpbb post:excerpt ]

• "Wordpress primary Excerpt" 55 words. Uses post content if empty.

* Length – (number of words) | More – Text after the excerpt * [ wpbb post:excerpt length=’15’ more=‘View’ ]

• "Wordpress primary Excerpt" 55 words. Uses post content if empty.

* Post Link [ wpbb post:link ] Development * [ wpbb post:link text=”custom” custom_text=“View” ] “View” * Text: “title” > Post Title or “custom” to put your own text * If “custom”, then custom_text accepts (almost) any text * Post Date [ wpbb post:date ] 2021-11-06 | [ wpbb post:date format=’F j, Y’ ] November 6, 2021 * Post Modified Date [ wpbb post:modified_date ] 2022-09-23 * [ wpbb post:modified_date format=’F j, Y’ ] September 23, 2022 * Post Featured Image [ wpbb post:featured_image ] [ wpbb post:featured_image] * [ wpbb post:featured_image size=’thumbnail’ display=’tag’ align=’left’ linked=’no’ ] NOT * Post Terms List [ wpbb post:terms_list ] * [ wpbb post:terms_list taxonomy=’category’ html_list=’ul’ separator=’, ‘ linked=’yes’ ] NOT * Post Custom Field [ wpbb post:custom_field ] * Key – Your custom field key Example [ wpbb post:custom_field key=’blue’ ] NOT Archive category * Archive Title [ wpbb archive:title ] Archives * Archive Description [ wpbb archive:description ] * Archive Count [ wpbb archive:show_count] Showing 1-1 of 1. * Archive Page Count (Page 1 of 3.) Page 1 of 1. * Archive Term Meta with Key – Accepts a meta term * > [ wpbb archive:term_meta key=’apparel’ ] Comments category * Comments URL [ wpbb post:comments_url ] https://iorelys.com/posts/development/#respond Author category * Post Author Bio [ wpbb post:author_bio ] * Author Name [ wpbb post:author_name ] webappmaster User category * User Name [ wpbb site:user_name ] * User Logged In [ wpbb site:logged_in ] * [ wpbb-if site:logged_in role=’administrator’ user=’current’ ]
Displays if currently logged-in user has role Administrator[ /wpbb-if ]


BB Shortcode examples:   •  | Site: IORELYS | ID: ‘31112‘ | Page created: November 6, 2021 | Page modified: September 23, 2022 |

• "Wordpress primary Excerpt" 55 words. Uses post content if empty.

• Does this post have a acf_txt1 title? Yes: Development tools
• Does this post have a featured image? Yes:

1include ≥ /codes-shortcodes

Columns and Grids 2021-10-31 | Genesis Columns Advanced [ one-half-first ] etc. (Caution: No new development planned. Focus on Gtbg) | 
≥PLG
Smartslider 111
View/ Close slider
Ticato
ID78
Control

Taking stock

Seeing is believing

No frills

Full Distribution Control
Analytics
Helping you Master Document Usage

Moving from Guesswork to fully Managed Experiences

Technology Edge
Technology Edge
previous arrowprevious arrow
next arrownext arrow
Control
Distribution Management
Key Resources
Read more
Analytics
View Document Usage
Technology Edge
Deep dive
previous arrow
next arrow

CONTENT

Place your content for the second column here.
Place your content for the third column here.

Place your content for the first column here.
B
C
D
E


WP Protect Content By WP Experts Team (India) Passster @ /adminPassster @ WP.org capitainewp.io/formations/developper-theme-wordpress/wp-query/
Added plugins
SiteOrigin Widgets › Settings | But notOK if like accordions they have a separate menu.
Layouts
[ wpbb post:acf type='wysiwyg' name='acf_wys0']
Beaver Builder Shortcodes: Lessons in wpbb | in acf_txt2 |
Beaver Builder Shortcodes

See https://kb.wpbeaverbuilder.com/article/572-field-connection-shortcode-index-themer


* Insert using the HTML module. https://kb.wpbeaverbuilder.com/article/543-find-the-full-list-of-field-connection-and-parameters-themer * For ACF shortcodes, see this article. https://kb.wpbeaverbuilder.com/article/404-connect-to-fields-in-advanced-custom-fields-plugin-themer Site category * Site Title [ wpbb site:title ] IORELYS * Site Tagline [ wpbb site:tagline ] Designing for performance Post category * Post Title [ wpbb post:title ] Development * Post ID [ wpbb post:id ] 31112 * Post Content[ wpbb post:content ] _ (cr) + empty line _ * Post URL [ wpbb post:url ] https://iorelys.com/posts/development/ _ (cr) _ * Post Slug [ wpbb post:slug ] development * Post Excerpt [ wpbb post:excerpt ]

• "Wordpress primary Excerpt" 55 words. Uses post content if empty.

* Length – (number of words) | More – Text after the excerpt * [ wpbb post:excerpt length=’15’ more=‘View’ ]

• "Wordpress primary Excerpt" 55 words. Uses post content if empty.

* Post Link [ wpbb post:link ] Development * [ wpbb post:link text=”custom” custom_text=“View” ] “View” * Text: “title” > Post Title or “custom” to put your own text * If “custom”, then custom_text accepts (almost) any text * Post Date [ wpbb post:date ] 2021-11-06 | [ wpbb post:date format=’F j, Y’ ] November 6, 2021 * Post Modified Date [ wpbb post:modified_date ] 2022-09-23 * [ wpbb post:modified_date format=’F j, Y’ ] September 23, 2022 * Post Featured Image [ wpbb post:featured_image ] [ wpbb post:featured_image] * [ wpbb post:featured_image size=’thumbnail’ display=’tag’ align=’left’ linked=’no’ ] NOT * Post Terms List [ wpbb post:terms_list ] * [ wpbb post:terms_list taxonomy=’category’ html_list=’ul’ separator=’, ‘ linked=’yes’ ] NOT * Post Custom Field [ wpbb post:custom_field ] * Key – Your custom field key Example [ wpbb post:custom_field key=’blue’ ] NOT Archive category * Archive Title [ wpbb archive:title ] Archives * Archive Description [ wpbb archive:description ] * Archive Count [ wpbb archive:show_count] Showing 1-1 of 1. * Archive Page Count (Page 1 of 3.) Page 1 of 1. * Archive Term Meta with Key – Accepts a meta term * > [ wpbb archive:term_meta key=’apparel’ ] Comments category * Comments URL [ wpbb post:comments_url ] https://iorelys.com/posts/development/#respond Author category * Post Author Bio [ wpbb post:author_bio ] * Author Name [ wpbb post:author_name ] webappmaster User category * User Name [ wpbb site:user_name ] * User Logged In [ wpbb site:logged_in ] * [ wpbb-if site:logged_in role=’administrator’ user=’current’ ]
Displays if currently logged-in user has role Administrator[ /wpbb-if ]

Markdown – See wiki description: https://en.wikipedia.org/wiki/Markdown
PHP Injection into Header causes < p > tag disabling: < ?php remove_filter( 'the_content', 'wpautop' ); ? >
Prevent WP from removing tags. Code inject > functions.php