Zero One Documentation
Theme demo
  • Overview
  • Terms & Guidelines
  • Guide
    • Installation & Setup
      • Local environment
      • Server
      • Default language!
      • Multilanguage website
      • Config options
      • SMTP email options
      • Folder structure
      • htaccess
      • Updating
      • PHP Composer
    • Administration panel
      • Translating panel
    • Site options
      • SEO options
      • Multi-language
    • Theme styling
      • Less/CSS setup
      • Changing Less variables
      • app.less file
      • Customizing elements
      • Helpful classes
    • Page types
      • Page options
    • Blog
      • Comments
      • Article
    • Work (Portfolio)
      • Project page
    • Shop
      • Snipcart
    • Layout Builder
      • Column Options block
      • Subgrid block
      • Card block
      • Text (Writer) block
      • Custom Heading block
      • Custom List block
      • Typed Text block
      • Quote block
      • Button block
      • › 25 more blocks
    • Form Builder (Premium)
    • OLD Page Builder deprecation
    • Tricks
      • Using icons in the content
      • Kirbytext link tag to button
      • Tricks with image classes
      • Adding Google Fonts
      • Custom icons
      • Cookie notice/banner
    • Theme extending
      • Page Transitions (Swup)
      • Contact form extending
      • Self-hosted fonts
      • Adding new templates
      • Adding new Content block (Layout Builder)
    • GDPR
  • More
  • Support
  • Hire us
  • Changelog
  • Credits
  • Affiliate
Powered by GitBook
On this page

Was this helpful?

  1. Guide
  2. Tricks

Kirbytext link tag to button

PreviousUsing icons in the contentNextTricks with image classes

Last updated 1 year ago

Was this helpful?

You can easily convert any link in the Kirbytext markdown field to a button.

If you are a Kirby beginner first check what is possible with the link tag .

All you have to do is add button classes to the link tag. We listed them here

Examples:

# Primary button standard size with link to absolute URL
(link: http://wikipedia.org text: Wikipedia class: uk-button uk-button-primary)

# Secondary button standard size with link to internal subpage
(link: some/page text: Link to page class: uk-button uk-button-secondary)

# Default button large size with link to internal page but opens in new tab
(link: mypage text: Learn more target: _blank class: uk-button uk-button-default uk-button-large)
https://getkirby.com/docs/reference/text/kirbytags/link
https://www.one.thezero.club/guide/theme-styling/helpful-classes#button