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
  • Basics
  • Taxonomy Terms Placeholder
  • Source
  • Current Source
  • Number
  • Custom Source
  • Post Type
  • Taxonomies
  • Exclude
  • Order By
  • Direction
  • Number
  • Hide Empty
  • Exclude Current

Was this helpful?

  1. Blocks

Taxonomy Terms

Last updated 2 years ago

Was this helpful?

Basics

The Taxonomy terms block allows you to showcase your WordPress tags, categories, custom taxonomies and terms.

The Taxonomy Terms block allows you to specify the origin of the taxonomies you want to display.

If you are working on a template or a template part and have set to source to current, make sure to enable "dynamic preview" bu clicking the icon in the top menu.

Add
  1. Click on the ➕ ​​icon to open the Inserter Panel

If you want to add a repeater inside a parent block:

  1. Open the Quick Insert panel in the parent block

Taxonomy Terms Placeholder

When you add a taxonomy terms block, a placeholder will open with "Taxonomy Terms source not set".

This means that you need to set your taxonomy terms in the Source tab of the Primary tab.

Click "+ Select Source" which will take you to the Primary tab and open up the Source dropdown. Choose between Current and Custom.

With the taxonomy terms block selected, you can set up the the styling of your block, such as source, layout, colours.

Source

You can choose between Current and Custom source properties.

Current Allows you to inherit the current taxonomies and terms that belong to the specific query.

Custom Gives you a choice of Post Types and Taxonomies allowing you complete freedom in showing the taxonomies and terms you want. When a custom source is selected, you are able to sort the taxonomies and terms by order and direction, while also being able to hide empty taxonomies if needed.

Modify
  1. Open the Block Inspector

  2. Navigate to the Primary tab

  3. Find the Source Property

  4. Select the desired Source

Current Source

Allows you to inherit the current taxonomies and terms that belong to the specific query.

Number

Allows you to choose how many taxonomy terms you wish to appear.

Custom Source

Gives you a choice of Post Types and Taxonomies allowing you complete freedom in showing the taxonomies and terms you want. When a custom source is selected, you are able to sort the taxonomies and terms by order and direction, while also being able to hide empty taxonomies if needed.

Post Type

Allows you to choose the type of post you want to include inside the taxonomy and terms block, such as Posts.

Modify
  1. Open the Block Inspector

  2. Navigate to the Primary tab

  3. Find the Post Type property

  4. Select the desired post types

Taxonomies

Only the taxonomies and terms from the chosen post types will appear.

Allows you to select the taxonomies you want to include.

Select
  1. Open the Block Inspector

  2. Navigate to the Primary tab

  3. Find the Taxonomies property

  4. Select the desired taxonomy or term

Exclude

You can exclude a single or multiple taxonomies and terms.

Allows you to exclude the taxonomies and terms you don't want to appear. This may include Categories, Tags, Navigation Menus, or specific posts or elements.

Modify
  1. Open the Block Inspector

  2. Navigate to the Primary tab

  3. Find the Exclude property

  4. Select the taxonomies or terms to exclude

Order By

Allows you to choose how to order the custom taxonomies you want to include, ID

Order By

ID

Author

Title

Name

Date

Modified

Parent

Random

Comment count

Relevance

Modify
  1. Open the Block Inspector

  2. Navigate to the Primary tab

  3. Find the Taxonomies property

  4. Select the desired order by

Direction

Allows you to choose the direction of the custom taxonomies you want to include such as unset, ascending, descending.

Select
  1. Open the Block Inspector

  2. Navigate to the Primary tab

  3. Find the Direction property

  4. Select the direction to apply to your taxonomies (unset, ascending, descending)

Number

Allows you to specify the number of terms you want to display.

Modify
  1. Open the Block Inspector

  2. Navigate to the Primary tab

  3. Find the Number property

  4. Enter your desired value

Hide Empty

Allows you to hide empty taxonomies.

Enable/Disable
  1. Open the Block Inspector

  2. Navigate to the Primary tab

  3. Find the Hide Empty property

  4. Toggle the Hide Empty property

Exclude Current

The Exclude Current property allows you to exclude the current taxonomy.

The Taxonomy Terms block allows you total layout and design freedom since it is based on the same principle as the query and repeater blocks.

When it comes to layout and design, you have a large palette of choice from columns, to inline block and flex with all the styling features and properties.

Search for the taxonomy terms block

Click on the taxonomy terms block to insert it into your page

Search for the taxonomy terms block

Click on the taxonomy terms block to insert it into your parent block

Select a taxonomy terms block

Select a taxonomy terms block

Select a taxonomy terms block

Select a taxonomy terms block

Select a taxonomy terms block

Select a taxonomy terms block

Select a taxonomy terms block

Select a taxonomy terms block

🔧
Taxonomy Terms Block usage