Documentation
HomeForumHelp
  • About Cwicly
  • Beginner's Guide
    • Install Cwicly
    • Getting Started
      • Overview
      • Settings
    • Edit and Manage your Site
    • The WordPress Dashboard
    • The Dashboard Menu
    • Site Editor
    • Create your Front Page
      • Front Page
      • Header
        • Header Template Part
        • Structure
      • Footer
        • Footer Template Part
        • Structure
  • ⚡Cwicly
    • Block ID
    • Breakpoints
    • Class
      • Global/Block Classes
    • Cloud Design Library
      • Create an Account
      • Overview of the Cloud Dashboard
      • Editor: Cloud Library
        • Access from the Editor
        • Add a Library
        • Switch between Libraries
        • Default Library
        • Download Library
        • Remove Library
        • Categories
          • All
          • Popular
          • Button
          • Composition
          • Decorative
          • Interactive
          • Layout
          • Media
          • Menu
          • Social
      • Design Blocks: Cloud Library
        • Search for a Design Block
        • Refresh
        • Add Design Block
        • Save Design to Library
        • Remove Design Block
      • Library Globals
        • Library: Global Styles
          • Library: Add Styles
          • Installation: Add Styles
          • Library: Style Settings
        • Library: Global Classes
          • Library: Add Classes
          • Installation: Add Classes
          • Library: Class Settings
        • Library: Global Stylesheets
          • Library: Add Stylesheet
          • Installation: Add Stylesheet
          • Library: Stylesheet Settings
        • Library: External Classes
          • Library: Add External Classes
          • Installation: Add External Classes
          • Library: External Classes Settings
      • Community Library
        • Save to Community Library
        • Download from Community Library
        • Remove from Community Library
        • Set Community as default
    • Colour Picker
      • Gradient Builder
    • Components
      • Components Library
      • Components Folders
      • Settings
      • Component Properties Modal
      • Properties (Add)
        • Text Property
        • Rich Text Property
        • List Property
        • Link Property
        • Image Property
        • Gallery Property
        • Video Property
        • Icon Property
        • Colour Property
        • Toggle Property
        • Number Property
        • Class Property
        • ID Property
        • Options Property
        • Conditions Property
        • Visibility Property
        • CSS Text Property
    • Copy/Paste
      • Block Styles
      • Classes & IDs
      • Dynamic Preview
      • Global Styles
      • Global Classes & Stylesheets
      • Blocks
    • CSS Grid
    • Dynamic Inserter
    • Font Manager
    • Navigator
    • Quick Inserter
    • Scaling
    • Smart Inserter
    • Span
    • Tag
  • ⛵Tailwind
    • Getting Started
      • About
      • Activate
      • Copy/Paste
      • Enable editing mode
      • Apply a Class
      • Pseudo state Management
      • Automatically Sync
        • Breakpoints
        • Colours
      • Shells
      • Custom Tailwind Configuration
      • Import Tailwind Plugins
  • 🖌️Themer
    • Themer
      • Templates
      • Parts
      • Fragments
    • Role Editor
      • User Role
      • Gutenberg Editor
      • Global Block Behaviour
      • Block Toolbar
      • Miscellaneous
      • Components
      • Code Block
      • Blocks
      • Post Types
      • Force iFrame
      • Client Canvas View
      • Help
      • User
  • 🌐Global Styles
    • Global Styles
      • Global Colours
        • Folders
        • Colour tab
        • Palette tab
        • Modifiers tab
          • Opacity
          • Lighten
          • Darken
          • Saturate
          • Desaturate
          • Spin
      • Dark Mode
      • Global Gradients
      • Global Typography
      • Global Block Typography
      • Theme Elements
      • Global Settings
        • Defaults
        • Backend
      • Remove Gutenberg Global Styles
    • Global Classes & Stylesheets
      • Global Classes
      • Global Stylesheets
      • External Classes
  • 🎨Design
    • Background
      • Background Colors
      • Background Source
      • Sizing & Positioning
      • Styling
    • Typography
      • Typography
      • Rem conversion
      • Global Typography
      • Text Align
      • Font Family
      • Font Size
      • Font Weight
      • Spacing
      • Line Height
      • Style
      • Decoration
      • Transform
      • White Space
      • Overflow Wrap
      • Word Break
      • Word Spacing
      • Axes
      • Text Colour
      • Link Colour
    • Fluid Values
    • Layout
      • Display
      • Visual
      • Position
    • Sizing
      • Height
      • Width
    • Margin & Padding
    • Borders
      • Border
      • Shadows
      • Outline
    • Effects
      • General
      • Transitions
      • Animations
      • Filters
      • Text Shadow
      • Tilter
      • Separators
    • Transforms
    • Pseudo Classes/Elements
    • Relative Styling
  • 🎓Advanced
    • Custom CSS
    • Quick Code
    • Scrolling
      • Animate On Scroll
      • Scroll Direction
    • Attributes
    • Tooltip
      • Source
      • Theme
        • Custom Theme
  • 👆Interactions
    • Visibility Conditions
      • Blocks
      • Themer
    • Link
      • Link Source
      • Link Action
    • Interactions
      • Trigger
      • Actions
    • Hover Animation
    • Dynamic Slider
      • Settings Tab
  • 🖥️Editor
    • Inserter Panel
    • Quick Insert
    • Block Inspector
    • Primary Tab
    • Design Tab
    • Advanced Tab
    • Responsive Selector
  • 🔧Blocks
    • Accordions
    • Accordion
      • Basics
      • Settings
      • Colours
      • Layout
      • Typography
      • Margin and Padding
    • Button
      • Add
      • Icon
    • Code
      • Enable/Disable
      • Add
      • Languages
      • Settings
    • Columns
      • Basics
      • Add
      • Settings
      • Grid Editor
        • Auto Grid
        • Auto Template
    • Column
    • Container
    • Div
    • Filter
      • Basics
      • Filter Editor
      • Create a Filter
      • Style a Filter (example)
    • Fragment
    • Gallery
      • Filter
      • Source
      • Settings
      • Text
      • Image Style
    • Heading
    • Hook
    • Icon
    • Image
      • Source
      • Size
      • Settings
      • Hover Animation
    • Input
      • Input Settings
    • List
      • List Types
      • Settings
      • Icon
    • Maps
      • Settings
      • Size
      • Style
      • Overlay Layout
      • Colours
    • Menu
      • Settings
      • Main Menu
      • Sub Menu
      • Items
    • Modal
      • Modal Style
      • Settings
      • Trigger
      • Animation
    • Nav
      • Nav Block Settings and Styles
      • Nav Items Block
      • Nav Dropdown Block
      • Nav Link
      • Custom Dropdown Block
      • Nav Menu
    • Post Content
    • Paragraph
    • Popover
    • Query
      • Query Settings
      • Query Editor
        • Posts
        • Terms
        • Users
        • Comments
    • Query Template
      • Layout
      • Grid editor
    • Repeater
      • Nested Repeater
    • Section
    • Slider
      • Settings
      • Navigation
      • Dots
    • Slide
    • Styler
    • SVG Block
    • Tab List
      • Tab
    • Tab Contents
      • Tab Content
    • Taxonomy Terms
    • Video
      • Source
      • Settings
      • Div Overlay
  • ⚙️Settings
    • Settings
    • License
    • Icon Collections
    • Font Sets
    • Google Maps API
    • Advanced Settings
    • Regeneration
    • WooCommerce
  • 🛒WooCommerce
    • Archive Page
    • Attributes
      • Colour Type
      • Image Type
    • Cart
    • Product Variations
    • Create a Product Type
      • Simple
      • Variable
        • Create Attributes
      • Grouped
      • External
    • Build a Single Product Page
    • Dynamic Content
    • Link
  • 🗃️Miscellaneous
    • Blocks Specifics
    • Icon Selector
    • Trailing Slash
    • Units
      • Default Units
    • Code Snippets
    • Shortcuts
    • Actions
    • Filters
    • Browser Console
  • 🔗Resources
    • Changelog
    • Roadmap
    • Forum
Powered by GitBook
On this page
  • Custom Template
  • Add
  • Delete
  • Rename
  • Default Template
  • Add
  • Remove
  • Reset
  • Quick Action Buttons
  • Edit
  • Set Visibility conditions
  • Delete/Reset
  • Duplicate

Was this helpful?

  1. Themer
  2. Themer

Templates

Last updated 1 year ago

Was this helpful?

The Templates Tab allows you to visualise every template added to your installation. This allows you identify your template quickly and even scroll through it for a global overview.

You can also edit directly using quick action buttons such as: edit, visibility conditions and reset.

From here you can also add a Custom Template or be directed to the Editor to create a Default Template.

By default, only the Index template is displayed.

Custom Template

Add

A Custom Template is a Template you create directly from the Cwicly Themer. It has no pre-defined conditions so it will not be applied until you set up your own conditions.

This allows you to set up complex conditions tailored to your specific needs and requirements.

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the Template tab.

  • Click "+ Custom" button to open the New Custom Template Modal.

  • Input Custom Template name.

  • Click Create button.

  • The new Custom Template will be visible in the Themer.

Delete

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the Template tab.

  • Find Page/Post to be deleted.

  • Click Trash icon to delete.

Rename

A Custom template can be renamed from the Templates Editor.

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the Template tab.

  • Click "+ Default" button to open the Templates Editor.

  • Click "Add New" button to open the Add New modal.

  • Find Default Template to be renamed.

  • Click "Actions" icon and select "Rename" option.

  • Input new name in the Rename field.

  • Click "Save" button to save or "Cancel" button if you decide to keep former name.

Default Template

A Default Template is a Template you can choose from a selection of pre-set template types such as Index, Front Page, Page, Archive, Search, 404.

Conditions are added by default.

Add

When you open the Templates window you will see a list of the templates you have added.

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the Template tab.

  • Click "+ Default" button to open the Site Editor Templates window.

  • Click "Add New" button to open the Add New Template modal.

  • Select Default Template to be added (Front Page, Page, Archive, Search, 404).

Remove

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the Template tab.

  • Click ""+ Default" button to open the Templates Editor.

  • Click "Add New" button to open the "Add New" modal.

  • Find Default Template to be removed.

  • Click the "Actions" icon and select "Delete" option.

Reset

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the Template tab.

  • Find Default Page to be deleted.

  • Click Reset icon to reset.

  • Click "Add New" button to open the Add New modal.

  • Find Default Template to be renamed.

  • Click "Actions" icon and select "Rename" option.

  • Open the Rename window and input new name.

  • Click "Save" button to save or "Cancel" button to keep former name.

Quick Action Buttons

Edit

The Edit button allows you to navigate to a template which you can edit directly, saving valuable time.

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the Template tab.

  • Navigate to the template you wish to edit.

  • Click "Edit" icon to open the Editor.

  • Make changes as required.

Set Visibility conditions

Visibility conditions allow you to set the rules that determine the conditions under which a template is applied to the current queried element.

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the Template tab.

  • Navigate to the template for which you wish to set Visibility conditions.

  • Click "Visibility Conditions" icon to open the Editor.

  • Make changes as required.

Delete/Reset

Allows you to quickly delete a custom template or reset a default template.

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the template tab.

  • Navigate to the Template to be deleted.

  • Select the Trash or Reset icon depending on the template type (custom or default).

Duplicate

To say time, you can copy a template easily using the Duplicate function.

  • Navigate to the Wordpress Dashboard

  • Find Cwicly.

  • Open the template tab.

  • Navigate to the Template to be copied.

  • Click the "Duplicate" icon to open the Duplicate modal.

  • Input name for new copied template.

  • Click "Duplicate" button.

Open the Themer.

Open the Themer.

Open the Themer.

Open the Themer.

Open the Themer.

Open the Themer.

Open the Themer.

Open the Themer.

For detailed information about visibility conditions and operators, please see .

Open the Themer.

See

See

Open the Themer.

🖌️
Visibility Conditions
Delete
Reset