dtbaker

<p>This is a free plugin for <strong><a href="https://elementor.com/pro/?ref=1164&campaign=readme" rel="nofollow ugc">Elementor Page Builder</a></strong>.</p>
<p>It provides two things:</p>
<ul>
<li>A full site builder using Elementor (design your entire website without a Theme)</li>
<li>Adds extra widgets to Elementor (e.g. Tooltip, Navbar, Mailchimp, Modal Popups, Page Slider, etc..)</li>
</ul>
<p>Watch this introduction video that covers some of the basics:</p>
<p><iframe loading="lazy" title="StylePress Beta Preview: Creating your first site style" width="750" height="422" src="https://www.youtube.com/embed/2I5WLvLarKE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Design your entire website without a theme. Easily apply a Style to every page of your site automatically using the drag and drop editor.</p>
<h4>How to create a website design without a WordPress theme:</h4>
<ul>
<li>Go to the StylePress > Styles menu.</li>
<li>Click “Create New Style”.</li>
<li>Design your layout using the Easy Elementor Drag & Drop editor.</li>
<li>Add the “Inner Content” widget to the area that will display your content.</li>
<li>Go to StylePress > Settings</li>
<li>Apply your Style to the “Global” area</li>
</ul>
<h4>Tips:</h4>
<ul>
<li>Make sure “Remove Theme CSS” is ticked in StylePress > Settings.</li>
<li>If you find it hard to set global font default, go into Elementor > Settings and tick “Disable Global Colors” and “Disable Global Fonts”. Then install the “Easy Google Fonts” plugin and set all your defaults from Appearance > Typography.</li>
</ul>
<h4>Contributions & Bugs:</h4>
<p>Head over to github: https://github.com/dtbaker/stylepress</p>
<p>Please leave</p>
<p>Copyright @dtbaker</p>
<p>More details on our dedicated website: https://stylepress.org</p>
<p>Check out other work by dtbaker here: https://dtbaker.net</p>


StylePress for Elementor

Use Elementor to design your complete website. Reuse header/footer on all pages. No theme required.

turtlepod

<p><strong><a href="http://genbumedia.com/plugins/fx-editor/" rel="nofollow ugc">f(x) Editor</a></strong> is a plugin to enhance your content editing experience by enabling WordPress features such as Page Break and Text Background Color/Highlight.</p>
<p>You can also easily create information boxes, colorful buttons, and columns to make your content richer and engage to your audience more.</p>
<p>After installation of this plugin, you can enable each features by navigating to “Settings > Visual Editor” menu in your administration panel.</p>
<p><strong>Features:</strong></p>
<ol>
<li>Easy settings to disable/enable features.</li>
<li>Create boxes (Note, Alert, Error, Downloads) via visual editor.</li>
<li>Create buttons (White, Black, Red, Green, Blue) via visual editor.</li>
<li>Create columns ( up to 3 columns: “1/2 – 1/2” ; “1/3 – 2/3” ; “2/3 – 1/3” ; “1/3 – 1/3 – 1/3” ) via visual editor.</li>
<li>Add page break button.</li>
<li>Add line break <br/> button.</li>
<li>Enable text background color option (not only text color).</li>
<li>Switch paragraph to BR(line break).</li>
<li>Easy to use. No shortcode to remember.</li>
<li>The GPL v2.0 or later license. 🙂 Use it to make something cool.</li>
<li>Support available at <a href="https://genbumedia.com/contact/" rel="nofollow ugc">Genbu Media</a>.<br />
Notes for developer: </li>
</ol>
<h4>Github</h4>
<p>Development of this plugin is hosted at <a href="https://github.com/turtlepod/fx-editor" rel="nofollow ugc">GitHub</a>. Pull request and bug reports are welcome.</p>
<h4>Options</h4>
<p>This plugin save the options in single option name: <code>fx-editor</code>.</p>
<h4>Scripts</h4>
<p>This plugin load one CSS in site front-end and one css in editor. If you are a theme author and want to override the styling it is recommended to remove the CSS and add the CSS in your theme stylesheet and editor style CSS.</p>
<p>To disable the front end CSS, add this code in your theme functions.php:</p>
<pre><code>add_filter( 'fx_editor_load_front_css', '__return_false' );
</code></pre>
<p>and then you can copy the CSS “css/front.css” to your theme style.css and make adjustment as needed.</p>
<p>To disable the back-end/editor CSS, add this code in your theme functions.php:</p>
<pre><code>add_filter( 'fx_editor_load_editor_css', '__return_false' );
</code></pre>
<p>And then you can copy the CSS “css/editor.css” to your theme editor styles and make adjustment as needed. Note: You need to make sure all the needed elements such as “remove icon” and “columns info” are styled properly to make sure user can properly edit the content.</p>
<p>For coder module, there are separate filters to disable it:</p>
<pre><code>add_filter( 'fx_editor_load_coder_editor_css', '__return_false' );
add_filter( 'fx_editor_load_coder_front_css', '__return_false' );
add_filter( 'fx_editor_load_coder_front_js', '__return_false' );
</code></pre>


f(x) Editor

I was using your WP Editor Columns Add-on plugin in some of my sites. Much to my surprise I found that you merged all your old WP-Editor plugins together in this really nice plugin. No awful shortcodes anywhere!



Nice!

Power-up Your WordPress Visual Editor with Boxes, Buttons, Columns, and more...

StylePress for Elementor vs f(x) Editor