Title: Modern Design Library
Author: Ciprian Popescu
Published: <strong>15 Σεπτεμβρίου  2015</strong>
Last modified: 4 Μαρτίου  2026

---

Αναζήτηση πρόσθετων

![](https://ps.w.org/mdl-shortcodes/assets/banner-772x250.png?rev=2984442)

![](https://ps.w.org/mdl-shortcodes/assets/icon-256x256.png?rev=2984442)

# Modern Design Library

 Από [Ciprian Popescu](https://profiles.wordpress.org/butterflymedia/)

[Λήψη](https://downloads.wordpress.org/plugin/mdl-shortcodes.zip)

 * [Λεπτομέρειες](https://el.wordpress.org/plugins/mdl-shortcodes/#description)
 * [Κριτικές](https://el.wordpress.org/plugins/mdl-shortcodes/#reviews)
 *  [Εγκατάσταση](https://el.wordpress.org/plugins/mdl-shortcodes/#installation)
 * [Ανάπτυξη](https://el.wordpress.org/plugins/mdl-shortcodes/#developers)

 [Υποστήριξη](https://wordpress.org/support/plugin/mdl-shortcodes/)

## Περιγραφή

Modern Design Library is a toolkit of opinionated Gutenberg blocks for WordPress.
All optional blocks are registered using PHP-only block registration (`autoRegister`)—
no JavaScript build step or Node.js tooling required.

The plugin ships with:

 * **Colored Line** — a fully customisable horizontal separator block with striped,
   shade, and dotted style variants (classic JS-registered block).
 * **Advanced Separator** _(experimental)_ — a PHP-only separator with configurable
   width, height, padding, alignment, and three decorative variants.
 * **Advanced Heading** _(experimental)_ — 13 decorative heading styles, heading
   level selector (H1–H6), optional tagline, and full typography/spacing/border 
   block support controls. Accent decorations automatically follow the text colour.
 * **Marquee** _(experimental)_ — a single infinitely scrolling text row. Stack 
   multiple blocks for multi-row layouts. Speed (Slow/Medium/Fast) and direction(
   Left/Right) are configurable. Animation script is loaded lazily — only on pages
   containing the block.
 * **Call to Action** _(experimental)_ — a CTA banner with heading, subheading, 
   button label/URL, three visual variants (Primary/Secondary/Dark), and native 
   colour overrides.
 * **Author Box** _(experimental)_ — displays a user card with avatar, bio, email,
   and LinkedIn link. User is selected from a dropdown. LinkedIn URL is stored as
   user meta (set on the user’s profile page).

Optional blocks are enabled from **Settings  Modern Design Library  Modules**.

The optional blocks require the **Gutenberg plugin** or **WordPress 7.0+** for the`
autoRegister` block support.

Read more on [getButterfly](https://getbutterfly.com/wordpress-plugins/modern-design-library-ui/).

For a deep dive into how the PHP-only blocks work, read [PHP-Only Block Registration in WordPress 7.0](https://getbutterfly.com/php-only-block-registration-in-wordpress/).

## Μπλοκς

Αυτό το πρόσθετο παρέχει 6 μπλοκς.

 *   Colored Line
 *   Mdlui Advanced Heading
 *   Mdlui Cta
 *   Mdlui Marquee
 *   Mdlui Author Box
 *   Mdlui Advanced Separator

## Εγκατάσταση

 1. Upload to your plugins folder, usually `wp-content/plugins/`
 2. Activate the plugin on the plugins screen.
 3. Configure the plugin from Settings -> Modern Design Library.

## Κριτικές

![](https://secure.gravatar.com/avatar/f11b891a172e1331ab3f1fdde666787ad43adfeb0276bf998ee39dce228010fd?
s=60&d=retro&r=g)

### 󠀁[excellent](https://wordpress.org/support/topic/excellent-2894/)󠁿

 [amrish](https://profiles.wordpress.org/sscgovtjobs/) 3 Σεπτεμβρίου 2016

Exactly what i needed and was looking since long time,i am very happy 🙂 , thanks
alot to the developer, one think if u could help me that will be great. That is “
how to set (decrese actually) MDL card size when having separte image placement “.
Even if image size is decreased the height remains the same. please tell me Hiw 
can i achieve that in custom CSS 🙂 thanks

 [ Ανάγνωση 1 κριτικής ](https://wordpress.org/support/plugin/mdl-shortcodes/reviews/)

## Συνεισφέροντες & Προγραμματιστές

“Modern Design Library” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει
στη δημιουργία του.

Συντελεστές

 *   [ Ciprian Popescu ](https://profiles.wordpress.org/butterflymedia/)

[Μεταφράστε το “Modern Design Library” στην γλώσσα σας.](https://translate.wordpress.org/projects/wp-plugins/mdl-shortcodes)

### Ενδιαφέρεστε για την ανάπτυξη;

[Περιηγηθείτε στον κώδικα](https://plugins.trac.wordpress.org/browser/mdl-shortcodes/),
ανατρέξτε στο [αποθετήριο SVN](https://plugins.svn.wordpress.org/mdl-shortcodes/)
ή εγγραφείτε στο [αρχείο καταγραφής αλλαγών ανάπτυξης](https://plugins.trac.wordpress.org/log/mdl-shortcodes/)
μέσω [RSS](https://plugins.trac.wordpress.org/log/mdl-shortcodes/?limit=100&mode=stop_on_copy&format=rss).

## Σύνοψη αλλαγών

#### 1.2.0

 * NEW: Advanced Separator block — PHP-only horizontal separator with width, height,
   padding, alignment, and Striped/Shade/Dotted style variants
 * NEW: Advanced Heading block — PHP-only heading with 13 decorative styles, H1–
   H6 level selector, optional tagline, and full typography/spacing/border support;
   accent decorations inherit text colour via currentColor
 * NEW: Marquee block — PHP-only infinitely scrolling text row with speed, direction,
   colour, and typography controls; animation script loaded lazily via render callback
 * NEW: Call to Action block — PHP-only CTA banner with heading, subheading, button,
   three visual variants, and native colour overrides
 * NEW: Author Box block — PHP-only author card with avatar, bio, email, and LinkedIn;
   user selected from a live dropdown; LinkedIn URL stored as user meta
 * NEW: Modules admin panel — optional blocks are individually enabled/disabled 
   from Settings  Modern Design Library  Modules
 * NEW: Consolidated blocks.css — all PHP-only block styles share a single stylesheet
   loaded once per page regardless of how many MDL blocks are present

#### 1.1.6

 * UPDATE: Upgrade colored-line block to API version 3 for iframe editor compatibility
 * UPDATE: Add useBlockProps() hook for proper block wrapper attributes
 * UPDATE: Remove deprecated wp-editor dependency
 * UPDATE: Change edit function to return Fragment instead of array

#### 1.1.5

 * FIX: Fix CVE-2025-5842 (props Peter Thaleikis via Wordfence)
 * UPDATE: Update WordPress compatibility

#### 1.1.4

 * UPDATE: Update WordPress compatibility

#### 1.1.2

 * UPDATE: Update WordPress compatibility
 * UPDATE: Remove old code

#### 1.1.1

 * UPDATE: Update WordPress compatibility
 * UPDATE: Remove custom background colour in editor

#### 1.1.0

 * UPDATE: (BREAKING) Added the first block (horizontal/vertical colored line/divider)
 * UPDATE: (BREAKING) Removed old/obsolete libraries
 * UPDATE: Updated WordPress compatibility
 * UPDATE: Updated required PHP version

#### 1.0.6

 * UPDATE: (BREAKING) Removed third-party (external) Material Design stylesheets

#### 1.0.5

 * UPDATE: Updated WordPress compatibility
 * UPDATE: Updated required PHP version

#### 1.0.4

 * UPDATE: Updated plugin tags
 * UPDATE: Updated changelog
 * UPDATE: Updated readme.txt (in progress)
 * UPDATE: Removed demo page
 * UPDATE: Removed plugin settings page (based on Customizer)
 * UPDATE: Refactoring of several classes
 * UPDATE: Removed TGM Plugin Activation dependency
 * UPDATE: Removed Shortcake UI dependency (no shortcode builder available)
 * UPDATE: Prepared plugin for next big release with user options, help, documentation
   and shortcode builder
 * UPDATE: Updated WordPress compatibility
 * UPDATE: Updated required PHP version
 * UPDATE: Removed included language file and prepared the plugin for native internationalisation(
   i18n)

#### 1.0.3

 * Move TGM Plugin Activation file to ‘inc’ directory to avoid it showing up as 
   a separate plugin in site’s list of plugins

#### 1.0.2

 * Updated to load MDL Version 1.0.6

#### 1.0.1

 * Updated to load MDL Version 1.0.5 instead of 1.0.4

#### 1.0

 * Initially uploaded to WordPress.org on September 14, 2015

## Μεταστοιχεία

 *  Version **1.2.0**
 *  Τελευταία ενημέρωση: **πριν από 1 μήνα**
 *  Ενεργές εγκαταστάσεις: **70+**
 *  Έκδοση WordPress: ** 5.4 ή νεότερη **
 *  Δοκιμασμένο μέχρι: **7.0**
 *  Έκδοση PHP: ** 8.0 ή νεότερη **
 *  Language
 * [English (US)](https://wordpress.org/plugins/mdl-shortcodes/)
 * Ετικέτες:
 * [divider](https://el.wordpress.org/plugins/tags/divider/)[line](https://el.wordpress.org/plugins/tags/line/)
   [separator](https://el.wordpress.org/plugins/tags/separator/)[ui](https://el.wordpress.org/plugins/tags/ui/)
   [ux](https://el.wordpress.org/plugins/tags/ux/)
 *  [Σύνθετη Προβολή](https://el.wordpress.org/plugins/mdl-shortcodes/advanced/)

## Αξιολογήσεις

 5 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/mdl-shortcodes/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/mdl-shortcodes/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/mdl-shortcodes/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/mdl-shortcodes/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/mdl-shortcodes/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/mdl-shortcodes/reviews/#new-post)

[Δείτε όλες τις κριτικές](https://wordpress.org/support/plugin/mdl-shortcodes/reviews/)

## Συντελεστές

 *   [ Ciprian Popescu ](https://profiles.wordpress.org/butterflymedia/)

## Υποστήριξη

Έχετε κάτι να πείτε; Χρειάζεστε βοήθεια;

 [Φόρουμ υποστήριξης](https://wordpress.org/support/plugin/mdl-shortcodes/)