Tags

Search Tags

  • Background Image
    This tag has been deprecated as of version 1.1, its use is highly discouraged. See the change log.
    We recommend you use WDK:templateoption:templatebg instead.
    <!--WDK:display:bgimage-->

    Use this tag to return the URL of the background image specified on the “Wallpaper” section on your Create “Design” screen. e.g. background-image: url('<!--WDK:display:bgimage-->');

  • Base Fonts

     <!--WDK:base:css:fonts-->

  • Base Grid

     <!--WDK:base:css:grid:[…]-->

    See the Requirements and Restrictions Tutorial.

  • Base Heading Styles

     <!--WDK:base:css:headings-->

    See the Requirements and Restrictions Tutorial.

  • Base Helper Classes

     <!--WDK:base:helperClasses-->

    Add this as a class on the templates <body>. Outputs a range of helper classes depending on what options the user has set in the design screen and the rest of the Create system. These helper classes are required for some features.

    Example: ~~~

    ...

    ~~~

  • Base Shop Styles

     <!--WDK:base:css:shop-->

    See the Requirements and Restrictions Tutorial.

  • Best Visable

     <!--WDK:color:bestvisible:colour-->

    This tag creates a colour that will be easiest to see when placed over the specifed colour.

    Further Reading

    Tutorial: Advanced Colour Functions

  • Brighten

     <!--WDK:color:brighten:colour:amount-->

    This tag create’s a brighter version of a colour by a specified amount.

    Further Reading

    Tutorial: Advanced Colour Functions

  • Colour Defaults

     <!--WDK:color:default:[your_colour]-->[The fallback]<!--WDK:end:color-->

    If you are using custom colour tags in your template, specify a default colour so that if user has not yet chosen a colour, it will fallback.

    Further Reading

  • Colours

     <!--WDK:display:color:your_colour-->

    Further Reading

    Check out the Colors Tutorial for more information and a guide to using this tag.

  • Side Column Count

     <!--WDK:column:count-->

    This tag returns the amount of side columns the user has enabled. Either 0, 1 or 2.

    Example

    In the following example we are outputting the count on the body as a class. The Create templates use this method for styling the page content based on how many side columns are in use.

    <body class="wdk_columnCount_<!--WDK:column:count-->">
	...
</body>

    .wdk_columnCount_0 .page-wrapper {
	width: 100%
}
.wdk_columnCount_1 .page-wrapper {
	width: 80%
}
.wdk_columnCount_2 .page-wrapper {
	width: 60%
}

  • Comment

     <!--WDK:comment:value-->

    Use this tag to make a comment on your code. Comments will not appear on the published site, but may be useful for your reference and organisation.

    Example

    <!--WDK:comment:The following section is the site's footer.-->

  • Company Name

     <!--WDK:display:company_name-->

    Use this tag to display your company name as set on the “Edit Site Information” screen from within your Create accout.

  • Side Column Item - Content

     <!--WDK:column:item:content-->

    This tag returns the content of the current side column item.

    <!--WDK:column:item:title-->

  • Current Menu Item

     <!--WDK:if:currentMenuItem-->

    This conditional tag checks to see if the current menu item (within the menu loop) is the current page.

  • Darken

     <!--WDK:color:darken:colour:amount-->

    This tag creates a darker version of a colour by a specified amount.

    Further Reading

    Tutorial: Advanced Colour Functions

  • Menu - Display Shop Categories

     <!--WDK:display:shopCategoryList:levels-->

    Returns a full html <ul> <li> structure of the shop category menus. This is great for doing drop-down shop menus. Please note that “levels” is an optional permateter.

  • Dynamic - Widgets, HTML Fragments, Galleries Etc

     <!--WDK:dynamic:type:id-->

    This tag can be used to place dynamic content such as a widgets within your template.

    The “type” can be any of the following:

    -widget -slideshow -gallery -customform -htmlfragment

    The “id” can be the id of a specific item, or a specific widget type, for example: <!--WDK:dynamic:widget:youtube--> or <!--WDK:dynamic:widget:49857-->.

  • Editor - Background Colour
    This tag has been deprecated as of version 1.1, its use is highly discouraged. See the change log.
    <!--WDK:editor:bgcolor:#value-->

    Use this tag to preset the background colour on Create’s Design screen.

    Example

    <!--WDK:editor:bgcolor:#262626-->

  • Editor - Font
    This tag has been deprecated as of version 1.1, its use is highly discouraged. See the change log.
    <!--WDK:editor:font:value-->

    Use this tag to preset the font on Create’s Design screen.

    Example

    <!--WDK:editor:font:Georgia, serif-->

  • Editor - Link Colour
    This tag has been deprecated as of version 1.1, its use is highly discouraged. See the change log.
    <!--WDK:editor:linkcolor:#value-->

    Use this tag to preset the link colour on Create’s Design screen.

    Example

    <!--WDK:editor:linkcolor:#FF0000-->

  • Editor - Text Colour
    This tag has been deprecated as of version 1.1, its use is highly discouraged. See the change log.
    <!--WDK:editor:txtcolor:#value-->

    Use this tag to preset the text colour on Create’s Design screen.

    Example

    <!--WDK:editor:txtcolor:#a2a2a2-->

  • Else

     <!--WDK:else-->

    This conditional tag is for optional use between <!--WDK:if--> and <!--WDK:endif--> which can be used if the initial condition is false. For more information, please see the tutorial on conditional tags here.

  • Menu - End

     <!--WDK:menu:end-->

    This tag is used to end a menu loop. You must use this if you have used the <!--WDK:menu:start--> tag.

  • Endif

     <!--WDK:endif-->

    This conditional tag is used to close any if statement. This tag must be used to close those statements. For more information, please see the tutorial on conditional tags here.

  • Path - Files

     <!--WDK:path:file-->

    Use this tag to retrieve the full relative path to your uploaded files directory.

  • First Menu Item

     <!--WDK:if:firstMenuItem-->

    This conditional tag checks to see if the current menu item (within the menu loop) is the first item.

  • Fonts

     <!--WDK:display:font:[logo, heading, content, icon]-->

    Use this tag to return the font specified on the “Font” section on your Create “Design” screen. e.g. font-family: <!--WDK:display:font:heading-->;

  • Footer - End

     <!--WDK:footer:end-->

    This is a required tag that ends the footer section of your template.

  • Footer - Start

     <!--WDK:footer:start-->

    This is a required tag that starts the footer section of your template. Create’s dynamic content is loaded between <!--WDK:header:end--> and <!--WDK:footer:start-->.

  • Has Shop

     <!--WDK:if:hasShop-->

    This conditional tag does a check that returns true if a shop exists and the account level allows it.

  • Head Information

     <!--WDK:display:headinfo-->

    This tag returns generated HTML <title> and <meta> tags for use within the <head> section of the document.

  • Header - End

     <!--WDK:header:end-->

    This is a required tag that ends the header section of your template.

  • Header Image

     <!--WDK:display:header-->

    This tag returns a header image / logo as selected in the design studio.

  • Header - Start

     <!--WDK:header:start-->

    This is a required tag that starts the header section of your template.

  • Header X Height

     <!--WDK:display:headerXheight-->

    Use this tag to return the height of a specific header (1, 2 or 3). e.g. height: <!--WDK:display:header1height-->;

  • User Is logged In
    This tag has been deprecated as of version 1.1, its use is highly discouraged. See the change log.
    <!--WDK:if:headerX:isFlash-->

    This conditional tag checks to see if headerX is a flash file.

  • Header X Is Gif

     <!--WDK:if:headerX:isGif-->

    This conditional tag returns true if headerX is a Gif file.

  • Header X Is Jpg

     <!--WDK:if:headerX:isJpg-->

    This conditional tag checks to see if headerX is a jpg file.

  • Header X Is Png

     <!--WDK:if:headerX:isPng-->

    This conditional tag checks to see if headerX is a png file.

  • Header X URL

     <!--WDK:display:headerXsrc-->

    Use this tag to return the full url of a specific header (1, 2 or 3). e.g.<img src="<!--WDK:display:header1src-->" alt="Company Logo" />. </div> ~~~

  • Header X Width

     <!--WDK:display:headerXwidth-->

    Use this tag to return the width of a specific header (1, 2 or 3). e.g. width: <!--WDK:display:header1width-->.

  • Header X

     <!--WDK:display:headerX-->

    Use this tag to return a complete image HTML tag for a specific header (1, 2 or 3).

  • Highlight

     <!--WDK:color:highlight:colour:amount-->

    This tag creates a highlighted version of a colour by a specified amount.

    Further Reading

    Tutorial: Advanced Colour Functions

  • Icon Fonts

     <!--WDK:base:css:icons-->

    This tag outputs a <link> tag with the CSS for the icon fonts. Icons should use a class of .i.

  • Menu - ID

     <!--WDK:menu:id-->

    This tag will return the specific ID of a menu item. (i.e. 1 for the first item, 2 for the second item, e.t.c.) This could be useful for giving each item an ID or class to style it individually.

  • Header X

     <!--WDK:if:headerX-->

    This conditional tag checks that returns true if headerX is the selected header in the design studio.

  • Path - Images

     <!--WDK:path:images-->

    Use this tag to retrieve the full relative path to your images directory. e.g. src="<!--WDK:path:images-->logo.png"

  • Invert

     <!--WDK:color:invert:colour-->

    This tag creates a inverted colour version to your specified colour. For example, if black is specified, the ‘invert’ will generate white. To use this tag, replace “colour” with a hex reference. Or, you can draw in a selected colour from the “Colours” menu on the Design screen of the Create account.

  • Side Column Item - Start

     <!--WDK:column:item:start-->

    This tag starts the side column item loop. This must be used with <!--WDK:column:item:end-->. Between these tags you can create the structure for a side column item using <!--WDK:column:item:title--> and <!--WDK:column:item:content-->, this will then be applied to all side column items.

  • Else

     <!--WDK:if:lastMenuItem-->

    This conditional tag checks to see if the menu item is the last in the menu. It can be useful for adding a class or ID to the last menu item.

  • Menu - Link

     <!--WDK:menu:link-->

    This tag will return the URL of the current menu item within the loop.

  • Logged In

     <!--WDK:if:plugin:useraccount:isloggedin-->

    This conditional tag will check whether a website user is logged in.

    Example

    	<!--WDK:if:plugin:useraccount:isloggedin-->
		<p>You are logged in</p>
		<!--WDK:else-->
		<p>You are not logged in</p>
	<!--WDK:endif-->

  • Lowlight

     <!--WDK:color:lowlight:colour:amount-->

  • Menu Item Page Type

     <!--WDK:if:menuItemPageType:value-->

    This conditional tag can only be used inside of a <!--WDK:menu:start--> and <!--WDK:menu:end-->. It will return true if the current menu item’s page type equals the value you specify.

  • Menu Text

     <!--WDK:display:menutext-->

    Use this tag to return the current page’s menu text as defined on the “Page Options” screen.

  • Side Columns - Nth Item

     <!--WDK:column:item:nth-->

    This tag returns the nth number of the current column item 1, 2, 3. This can be useful for giving unique ID’s or classes to columns. This tag returns the same for both left and right side columns. If you wanted to separate them, add a column prefix to any ID or class.

  • Page File Name Contains

     <!--WDK:if:pageFilenameContains:value-->

    This conditional tag checks to see if the page filename contains the specified value.

  • Page File Name Ends With

     <!--WDK:if:pageFilenameEndsWith:value-->

    This conditional tag checks to see if the page filename ends with the specified value.

  • Page File Name Is

     <!--WDK:if:pageFilenameIs:value-->

    This conditional tag checks to see if the page filename is the specified value.

  • Page File Name Starts With

     <!--WDK:if:pageFilenameStartsWith:value-->

    This conditional tag checks to see if the page filename starts with the specified value.

  • Page File Name

     <!--WDK:display:pagefilename-->

    Use this tag to return the current page’s file name as defined on the “Page Options” screen.

  • Page Is Home

     <!--WDK:if:pageIsHome-->

    This conditional tag checks to see if the current page is the home page.

  • Page Meta Description

     <!--WDK:display:metadesc-->

    Use this tag to return the current page’s <meta> description as defined on the “Page Options” screen. e.g. <meta name="description" content="<!--WDK:display:metadesc-->">.

  • Page Meta Keywords

     <!--WDK:display:metakeys-->

    Use this tag to return the current page’s <meta> keywords as defined on the “Page Options” screen from within your Create account. e.g. <meta name="keywords" content="<!--WDK:display:metakeys-->">.

  • Page Title Tag

     <!--WDK:display:titletag-->

    Use this tag to return the current page’s meta <title> tag, as defined on the “Page Options” screen in your Create account. e.g. <title><!--WDK:display:titletag--></title>.

  • Page Title

     <!--WDK:display:pagetitle-->

    Use this tag to return the current page title as defined on the “Page Options” screen from within your Create account.

  • Page Type

     <!--WDK:display:pagetype-->

    Use this tag to return the current page type. This will return one of the following values: standard (for the “Normal page”), pagebuilder, shop, contact (for the contact us page), guestbook, events, links and password (for the user login pages).

    e.g. <body class="page-type--<!--WDK:display:pagetype-->">.

  • Side Column - End

     <!--WDK:column:end:value-->

    This tag will end the column loop. This tag must be included if <!--WDK:column:start:value--> is used.

  • Side Column Item - ID

     <!--WDK:column:item:id-->

    This tag returns the actual ID of the current side column item. This is useful for giving unique ID’s or classes to side column items.

  • Side Column - Start

     <!--WDK:column:start:value-->

    This tag marks the start of a specified side column. This is used to denote the location of the side column item on your site. This must be used with <!--WDK:column:end:value--> tag.

  • Left Sidebar

     <!--WDK:if:sideLeft-->

    This conditional tag checks to see if the user has anything in their left side column. For more information, please see the tutorial on conditional tags here.

    Example

    <!--WDK:if:sideLeft-->
	<!--WDK:column:start:left-->
		...
	<!--WDK:column:end:left-->
<!--WDK:endif-->

  • Right Sidebar

     <!--WDK:if:sideRight-->

    This conditional tag checks to see if the user has anything in their right side column. For more information, please see the tutorial on conditional tags here.

    Example

    <!--WDK:if:sideRight-->
	<!--WDK:column:start:right-->
		...
	<!--WDK:column:end:right-->
<!--WDK:endif-->

  • Site Footer

     <!--WDK:display:sitefooter-->

    This tag returns the “Footer” which can be found on the “Edit Site Information” screen from within your Create account.

  • Site Name

     <!--WDK:display:site_name-->

    Use this tag to display the website name as set on the “Edit Site Information” screen from within your Create account.

  • Menu - Start

     <!--WDK:menu:start(start,end)-->

    Use this tag to start a loop through the site’s menu items. You can optionally specify a range to include in the loop so that it beings at the nth(start) item and ends at the nth(end) item.

    The parameters are optional, you can just use: <!--WDK:menu:start--> to list all menu items.

    <!--WDK:menu:start(4)--> will list all items after and including the 4th.

    Please note that this tag must be ended with <!--WDK:menu:end--> to end the loop.

  • Path - Template

     <!--WDK:path:template-->

    Use this tag to retrieve the full relative url to your template directory.

  • Menu - Text

     <!--WDK:menu:text-->

    This tag returns the text of the current menu item within the loop.

  • Tint

     <!--WDK:color:tint:colour1:colour2:amount-->

    This tag create’s a hex colour based on 2 specified colour and an amount.

    Further Reading

    Tutorial: Advanced Colour Functions

  • Side Column Item - Title

     <!--WDK:column:item:title-->

    This tag returns the title of the current side column item.

  • User Is logged In Else
    This tag has been deprecated as of version 1.1, its use is highly discouraged. See the change log.
    <!--WDK:isloggedin:else-->

    This conditional tag is the equivelent of the else tags if used (optionally) between <!--WDK:isloggedin:start--> and <!--WDK:isloggedin:end-->. Please note that his tag must only be used be inbetween <!--WDK:isloggedin:start--> and <!--WDK:isloggedin:end-->

  • User Is logged In End
    This tag has been deprecated as of version 1.1, its use is highly discouraged. See the change log.
    <!--WDK:isloggedin:end-->

    This conditional tag will end the “if” that checks whether a website user is logged in. Please note that this tag must only end <!--WDK:isloggedin:start-->.

  • User Is logged In Start
    This tag has been deprecated as of version 1.1, its use is highly discouraged. See the change log.
    <!--WDK:isloggedin:start-->

    This conditional tag will check whether a website user is logged in. Please note that this tag must closed with <!--WDK:isloggedin:end-->.

  • Site Wallpaper

     <!--WDK:templateoption:templatebg-->

    Use this tag will return the CSS required to display the wallpaper, select by the user in the design studio.

    Example

        body {
      <!--WDK:templateoption:templatebg--> 
    }

    Returns

      body {
    background-image: url('https://create-cdn.net/siteimages/_templates/bg/full-beech.jpg');
  }

  • Side Column - Width

     <!--WDK:column:width:X-->

    This tag sets the internal width of current columns content.