May 25, 2023 by zeth

Shortcodes

Shortcodes

See flex page components

For all shortcodes listed below, you can also add administrative attributes:

See Attributes

  • class - add a class to the shortcode
  • id - add an id to the shortcode
  • animation - add an animation to the shortcode. Valid options include "slideup" and "fadein". With animations, the following options are also available as attributes:
    • animation_delay - delay (in seconds) before animation starts
    • animation_speed - length (in seconds) of animation
    • animation_opacity - starting opacity (default is 0) of item (for slideup)
    • animation_translatey - starting offset position (default is 2rem) along the Y access (for slideup)

    The above animations are for the full component. For components where you would like to target animations only for the header or image, you can adjust all of them by prepending with header or image - e.g., "header_animation", "header_animation_speed"

Components

Accordion Item

  • Accordion Item

    [accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here" ]
    Accordion Headline

    Accordion - put howevermuch you want in here

  • Open Accordion Item

    [accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here" status="open"]
    Accordion Headline

    Accordion - put howevermuch you want in here

  • Accordion Set

    [accordionset header="Accordion Set Header" body="Accordion Set Body" status="first"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here" ][/accordionset]
    Accordion Headline

    Accordion - put howevermuch you want in here

    Accordion Headline

    Accordion - put howevermuch you want in here

  • Disembodied Accordion

    [accordionset layout="disembodied" header="Accordion Set Header" body="Accordion Set Body" status="first"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here" ][/accordionset]
    • Accordion Headline
    • Accordion Headline
    • Accordion Headline
    • Accordion Headline
    Accordion - put howevermuch you want in here
    Accordion - put howevermuch you want in here
    Accordion - put howevermuch you want in here
    Accordion - put howevermuch you want in here
    Accordion Headline

    Accordion - put howevermuch you want in here

    Accordion Headline

    Accordion - put howevermuch you want in here

    Accordion Headline

    Accordion - put howevermuch you want in here

    Accordion Headline

    Accordion - put howevermuch you want in here

CardSet

  • Cardset - 3 Cards

    [cardset header="Cardset Header" body="Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body "][card title="Card 1"  button_label="Button Label" subtitle="subtitle" image="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" link="#"  ][card title="Card 2" image="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg"  ][card title="Card 3" image="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" ][/cardset]

    Cardset Header

    Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body

    Card 1

    Card 1

    subtitle

    Button Label
    Card 2

    Card 2

    Card 3

    Card 3

Call To Action

  • CTA - With Button

    [cta headline="Call To Action" content="Call To Action - here's a bunch of call to action content" button_label="Button Label" link="#" id="kivvi-cta" class="kivvi-cta-class" ]

    Call To Action

    Call To Action - here's a bunch of call to action content

    Button Label

Hero

  • Hero - With Button

    [hero logo="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" title="Hero Title" description="Hero Description Blah albhlhbalbh" button_label="Button Label" link="#" id="kivvi-hero" class="kivvi-hero-class" ]

    Hero Title

    Hero Description Blah albhlhbalbh

    Button Label

Modal Video

  • Modal Video

    [modalvideo image="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" title="Modal Video" description="Modal Video Description" video_url="https://www.youtube.com/watch?v=9bZkp7q19f0" id="kivvi-modalvideo" class="kivvi-modalvideo-class" video_text="Video Text"  ]

    Modal Video

    Modal Video Description

    Play Video
    Video Text

Post List

  • Post List 

    [blogroll post_type="post" ]

    A Hallucination of Beneficence

    December 16, 2024 by Natalie

    A few weeks ago I was preparing for a virtual presentation about Google Ad Grants, and I […]

    Read This Post

    Nonprofits! Don’t Miss Out on $10,000 Per Month in Free Advertising

    November 09, 2024 by Natalie

    You already know that Google Ad Grants give your nonprofit $10,000 in monthly ad credits—an incredible opportunity […]

    Read This Post

    The Need For Speed. Website Speed, Specifically.

    November 08, 2024 by Michelle

    You want the bad news first or the good news? Okay – bad news: Even the smallest […]

    Read This Post

  • Uncategorized Post List

    [blogroll itemheadertag="h3" post_type="post" category="Uncategorized"]

    Sorry - we couldn't find anything here

  • Everything BUT Uncategorized Post List

    [blogroll post_type="post" category_exclude="Uncategorized"]

    A Hallucination of Beneficence

    December 16, 2024 by Natalie

    A few weeks ago I was preparing for a virtual presentation about Google Ad Grants, and I […]

    Read This Post

    Nonprofits! Don’t Miss Out on $10,000 Per Month in Free Advertising

    November 09, 2024 by Natalie

    You already know that Google Ad Grants give your nonprofit $10,000 in monthly ad credits—an incredible opportunity […]

    Read This Post

    The Need For Speed. Website Speed, Specifically.

    November 08, 2024 by Michelle

    You want the bad news first or the good news? Okay – bad news: Even the smallest […]

    Read This Post

Two Up

  • Two Up

    [twoup header_text="Two Up" header_body="Two Up - here's a bunch of two up content" image_url="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" ]

    Two Up

    Two Up - here's a bunch of two up content

Utilities

Have something to say?

Explore More