flipboxfactory/craft-link

Link Field Type for Craft CMS

Link Field Type for Craft CMS

, _(*1)

Link provides a robust field type for cross-content, external and various other link types., _(*2)

, _(*3)

Requirements

This plugin requires Craft CMS 3.0 or later., _(*4)

Installation

Choose one of the following ways to add Link to your project:, _(*5)

1. Composer:, _(*6)

   Simply run the following command from your project root:, _(*7)

   composer require flipboxfactory/craft-link
   

2. Craft CMS Plugin Store:, _(*8)

   Within your Craft CMS project admin panel, navigate to the 'Plugin Store' and search for 'Link'. Installation is a button click away., _(*9)

Once the plugin is included in your project, navigate to the Control Panel, go to Settings → Plugins and click the “Install” button for Link., _(*10)

Additional information (including pricing) can be found in the Plugin Store., _(*11)

Features

Link is the most robust and configurable 'link' field type for Craft CMS. Built with the content publisher in mind, Link is has an intuitive, easy to configure interface that enables admins to build a field precisely to their requirements., _(*12)

Here are some of the features at a glance: * Customizable labels * Multiple link types per field * Configurable settings per link-type * Specify element sources to restrict available elements * Add and link to new elements without leaving the page * Simple rendering with overrides * Build your own custom link types, _(*13)

Templating

The field value will either be null or an instance of Link Type Interface., _(*14)

Render a pre-constructed link:, _(*15)

{{ element.fieldHandle.getHtml()|raw }}

Render a pre-constructed link with overrides:, _(*16)

{{ element.fieldHandle.getHtml({
    text: 'Text Override'
})|raw }}

Render a pre-constructed link with additional attributes:, _(*17)

{{ element.fieldHandle.getHtml({
    class: "bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded",
    rel: "noopener noreferrer",
    onclick: "return confirm('Are you sure?')"
})|raw }}

Build your own link:, _(*18)

<a href="{{ element.fieldHandle.url }}">{{ element.fieldHandle.text }}</a>

Screenshots

, _(*19)

, _(*20)

, _(*21)

First Party Link Types

The following first party link types are supported:, _(*22)

• Element: Asset
• Element: Category
• Element: Entry
• Element: User
• HTTP/HTTPS

Third Party Link Types

Including a custom link type is easy:, _(*23)

1. Create a new link type class. The class must implement: flipbox\craft\link\types\TypeInterface (Ref: Link Type Interface), _(*24)

   There are two abstract link types to help you get started:, _(*25)

   • \flipbox\craft\link\types\AbstractType (Ref: Abstract Link Type)
   • \flipbox\craft\link\types\AbstractElement (Ref: Abstract Element Link Type)

2. Register the link type class. Example:, _(*26)

\yii\base\Event::on(
    \flipbox\craft\link\Link::class,
    \flipbox\craft\link\Link::EVENT_REGISTER_TYPES,
    function(RegisterLinkTypes $event) {
        $event->types[] = YourLinkType::class; // Replace this with your link type class
    }
);

Credits

• Flipbox Digital