SHORTCODES TESTPAGE
Home > shortcodes testpage

shortcodes testpage

Amzstore shortcodes

Add Products shortcode
[amzStoreProducts asin=”B014P1EPCI”][/amzStoreProducts]

[amzStoreProducts asin=”B004JP2EK6″][/amzStoreProducts]

4Bit shortcodes

Homepage intro

Deze intro is te gebruiken op de homepage en toont ook gelijk de titel van de pagina

Intro

Deze intro is te gebruiken op iedere pagina

Buttons
red
blue
orange
iedere kleur links
iedere kleur rechts

Twee kolommen

Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.

Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.

  • lijst item
  • lijst item
  • lijst item
  • lijst item
  • lijst item

Drie kolommen

Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.

Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.

Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.

Gekleurd blokje
Door een div te gebruiken met class=”dark-bg”, wordt het blokje semi-transparant.

Insert een widget via de Widgets for shortcodes


Widget not in any sidebars

Simple quote

“Een eenvoudige quote weergave voor bijvoorbeeld onder een afbeelding.”

De blockuote is te gebruiken voor citaten uit boeken en dergelijke. Dit is geen shortcode, maar gewoon de blockquote optie van de editor.  Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.

Book quote

“Bij de bookquote kun je een afbeelding gebruiken door de url mee te geven in de shortcode”

Fusionbot
De fusionbot shortcode toont de zoekresultaten op de pagina.

After shop content
Deze after shop content shortcode maakt het mogelijk om tekst onder het overzicht van de shop te tonen.

Blue unordered list
Voor lijsten met hyperlinks die bold moeten worden

 

Black unordered list
Voor lijsten die donker moeten zijn.

  • lijst item
  • lijst item
  • lijst item
  • lijst item
  • lijst item

 

Woocommerce shortcodes

Product add to cart

$ 9.99View products

Product add to cart url
https://www.alice-in-wonderland.net/product/white-rabbit-ear-top-hat/

Product display

Products display

Product categories

FORUM

Zie voor alle Woocommerce shortcodes: https://webtalis.nl/woocommerce-shortcodes/

Widgets

Een overzicht van alle widgets die je tot je beschikking hebt vind je op http://www.alice-in-wonderland.net/wp-admin/widgets.php Aan de linkerkant staan alle widgets en aan de rechterkant zie je de verschillende locaties waar je widgets kunt gebruiken.
Widgets hebben standaard geen shortcode. Daarom is er een speciale locatie namelijk “Widgets for Shortcodes”. Door een widget daarin te plaatsen krijg je een shortcode tot je beschikking die de  widget op iedere plek in je content kan laten verschijnen.

Error: Your Requested widget "("name widget-n)" is not in the widget list.
  • [do_widget_area blog_archief_sidebar]
    • [do_widget_area blog_menu]
      • [do_widget id="categories-4"]
      • [do_widget id="archives-4"]
    • [do_widget_area blog_overzicht_sidebar]
      • [do_widget id="text-3"]
    • [do_widget_area shop_categories]
      • [do_widget id="woocommerce_product_categories-4"]
      • [do_widget id="woocommerce_layered_nav_filters-2"]
      • [do_widget id="woocommerce_layered_nav-2"]
      • [do_widget id="woocommerce_layered_nav-3"]
      • [do_widget id="woocommerce_price_filter-2"]
      • [do_widget id="category_block_widget-11"]
    • [do_widget_area two_right_1]
      • [do_widget_area two_right_2]
        • [do_widget id="gp_widget-4"]
        • [do_widget id="recent-posts-8"]
      • [do_widget_area widgets_for_shortcodes]
        • [do_widget id="recent-posts-9"]
        • [do_widget id="category_block_widget-7"]
        • [do_widget id="phpbb-2"]
        • [do_widget id="category_block_widget-4"]
        • [do_widget id="category_block_widget-5"]
        • [do_widget id="category_block_widget-8"]
        • [do_widget id="category_block_widget-6"]
        • [do_widget id="vierbit_woocommerce_products-2"]
      • [do_widget_area wp_inactive_widgets]
        • [do_widget id="archives-3"]
        • [do_widget id="categories-3"]
        • [do_widget id="woocommerce_product_categories-3"]
        • [do_widget id="woocommerce_product_tag_cloud-3"]
        • [do_widget id="woocommerce_products-3"]
        • [do_widget id="woocommerce_recently_viewed_products-2"]
        • [do_widget id="gp_widget-3"]
      Deze shortcode is als volgt opgebouwd:
      do_widget: Dit is de naam van de widget.
      widget_classes: opties “none” of helemaal weglaten. Hiermee geven we aan of de css classes die standaard aan de widget meegegeven worden ook gebruikt worden bij de shortcode.
      id=: id= gevolgd door het id van de widget. Hiermee weet de shortcode welke widget er getoond moet worden.  Zie ook mijn eerdere bericht over het achterhalen van de widgetid. 
      Als alternatief voor id= kun je ook de naam (title) van de widget gebruiken mits die uniek is.
      Er zijn bepaalde widgets die 4Bit zelf heeft gemaakt, zoals Category block – een widget type die het mogelijk maakt om van die blokken op de homepage te bouwen.
      Het voordeel van deze widget is dat als je eenmaal een block hebt gemaakt, je deze op meerder plekken in je site terug kan laten komen. Rechtsboven in dit type widget zie je bovendien het ID van de widget staan “ID: category_block_widget-9” Dit is voor het gemak zodat je niet in de broncode hoeft te kijken wat het id is wanneer je hem in de shortcode opneemt.
      Voor default widgets moet je wel in de broncode kijken om het ID te achterhalen.
      In het veld additional content zie je “{WC_Widget_Products,number=3,show=featured}” staan. Dat is een manier om een andere widget in te laden binnen de deze widget.
      In plaats van {WC_Widget_Products,number=3,show=featured} kun je ook de Products widget toevoegen aan Widgets for Shortcodes en die configureren voor het weergeven van 3 featured products. Vervolgens vervang je dan de inhoud van het veld “additional content ” van “- Alice: Category block: Featured products” met “
      Error: Your Requested widget "("name widget-n)" is not in the widget list.
      • [do_widget_area blog_archief_sidebar]
        • [do_widget_area blog_menu]
          • [do_widget id="categories-4"]
          • [do_widget id="archives-4"]
        • [do_widget_area blog_overzicht_sidebar]
          • [do_widget id="text-3"]
        • [do_widget_area shop_categories]
          • [do_widget id="woocommerce_product_categories-4"]
          • [do_widget id="woocommerce_layered_nav_filters-2"]
          • [do_widget id="woocommerce_layered_nav-2"]
          • [do_widget id="woocommerce_layered_nav-3"]
          • [do_widget id="woocommerce_price_filter-2"]
          • [do_widget id="category_block_widget-11"]
        • [do_widget_area two_right_1]
          • [do_widget_area two_right_2]
            • [do_widget id="gp_widget-4"]
            • [do_widget id="recent-posts-8"]
          • [do_widget_area widgets_for_shortcodes]
            • [do_widget id="recent-posts-9"]
            • [do_widget id="category_block_widget-7"]
            • [do_widget id="phpbb-2"]
            • [do_widget id="category_block_widget-4"]
            • [do_widget id="category_block_widget-5"]
            • [do_widget id="category_block_widget-8"]
            • [do_widget id="category_block_widget-6"]
            • [do_widget id="vierbit_woocommerce_products-2"]
          • [do_widget_area wp_inactive_widgets]
            • [do_widget id="archives-3"]
            • [do_widget id="categories-3"]
            • [do_widget id="woocommerce_product_categories-3"]
            • [do_widget id="woocommerce_product_tag_cloud-3"]
            • [do_widget id="woocommerce_products-3"]
            • [do_widget id="woocommerce_recently_viewed_products-2"]
            • [do_widget id="gp_widget-3"]
          ” waarbij het id het id van je products widget is.