hobbeshunter

<h4>EN:</h4>
<p>This plugin provides 3 shortcodes:</p>
<p><strong>[zeitstrahler_wrapper style=”grey/greyRedRound”][/zeitstrahler wrapper]</strong></p>
<p>The frame of our timeline. The other shortcodes belong inside of them. You can choose an style. It’s also easy to add a new one through custom css. Do something like:</p>
<pre><code>.zeitstrahler_wrapper.greyRedRound::before {
    background-color: rgb(76,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element {
    background-color: transparent;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px rgb(76,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element::before {
    border-color: rgb(76,76,76);
    background-color: rgb(240,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element_date {
    font-weight: bold;
    color: rgb(240,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element_heading {
    margin-top: 0 !important;
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_arrow::before {
    border-color: rgb(240,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_date span {
    background-color: rgb(240,76,76);
    color: #FFF;
    display: inline-block;
    border-radius: .2em;
    padding-left: .4em;
    padding-right: .4em;
    font-weight: bold;
}
</code></pre>
<p><strong>[zeitstrahler_element date=”1.1.1900″ heading=”Birthday”]your content[/zeitstrahler_element]</strong></p>
<p>An timeline element.</p>
<p><strong>[zeitstrahler_date]1900[zeitstrahler_date]</strong></p>
<p>An big date, placed central at the timeline.</p>
<h4>DE:</h4>
<p>Dieses Plugin stellt 3 Shortcodes zu Verfügung:</p>
<p><strong>[zeitstrahler_wrapper style=”grey/greyRedRound”][/zeitstrahler wrapper]</strong></p>
<p>Der Rahmenshortcodes des Ganzen. Die anderen Shortcodes sollten sich in diesem befinden. Hier kann man auch zwischen diversen Designs wählen. Durch custom css kann man auch einfach ein neues schreiben.</p>
<p><strong>[zeitstrahler_element date=”1.1.1900″ heading=”Geburtstag”]ihr Inhalt[/zeitstrahler_element]</strong></p>
<p>Ein Zeitstrahlelement.</p>
<p><strong>[zeitstrahler_date]1900[zeitstrahler_date]</strong></p>
<p>Ein hervorgehobenes Datum.</p>


zeitstrahler

A simple plugin to style your content as a timeline with a few shortcodes.

Crocoblock

<p>JetStyleManager is a plugin that extends the functionalities of Gutenberg. Combining this plugin with JetEngine, JetSmartFilters, and JetFormBuilder, you will be able to change block styles in the Gutenberg editor. This means that you can make a website built with Gutenberg and JetPlugins even more attractive.</p>
<h4>Compatible plugins</h4>
<ul>
<li><a href="https://wordpress.org/plugins/jetformbuilder/" rel="ugc">JetFormBuilder — form builder for Gutenberg</a></li>
<li><a href="https://crocoblock.com/plugins/jetsmartfilters-gutenberg/?utm_source=wpordpress&utm_campaign=jetstylemanager" rel="nofollow ugc">JetSmartFilters. Advanced filters for any post type</a></li>
<li><a href="https://crocoblock.com/plugins/jetengine-gutenberg/?utm_source=wpordpress&utm_campaign=jetstylemanager" rel="nofollow ugc">JetEngine. Everything for dynamic content in the block editor</a></li>
<li>more coming soon…</li>
</ul>
<h4>For developers</h4>
<p>If you’ve got one or more plugins with Gutenberg blocks, JetStyleManager can offer you and your users an API for handy block styles management. As a developer, you get a convenient API that lets you add any custom styles supporting media queries, generate styles in a separate file, and manage them via 10+ different types of controls. Your users get a convenient UI and the ability to customize more styles than allowed by the standard Gutenberg UI. With this solution, you no longer need to add your own APIs for setting and compiling styles in every plugin used. This will ensure high performance both in the editor and on the frontend.</p>
<h4>Integrate into your plugin</h4>
<p>Guide how to integrate JetStyleManager into your blocks plugins you can find <a href="https://github.com/Crocoblock/jet-style-manager/blob/master/documentation/DOCUMENTATION.md" rel="nofollow ugc">here</a></p>
<p>Please, feel free to <a href="https://github.com/Crocoblock/jet-style-manager/issues" rel="nofollow ugc">ask any questions</a> about your plugin integration.</p>


JetStyleManager for Gutenberg

A plugin that extends Gutenberg functionality. Integrated to a Gutenberg plugin, JetStyleManager allows adding styles to it.

zeitstrahler vs JetStyleManager for Gutenberg