dorian.tudorache

<p>StickyAdmin – Admin Theme<br />
<strong>highly customizable User Interface</strong> designed to give WordPress a better look and improved functionality. It’s modern design and the ability to change the colours make it a perfect match for any WordPress theme.</p>
<p>The interface was entirely developed with compatibility in mind, permitting it to be expanded and easily adapted to other plugins or themes. Crafted for mobiles, tablets and desktops.</p>
<h4>Features</h4>
<ul>
<li>(Optional) Fully fledged (built-in) Statistics Panel & Tracker; </li>
<li>Lightweight. Fast. Optimised. Runs almost as fast as WordPress does.</li>
<li>Responsive, mobile-first layout;</li>
<li>Retina & HiDPI (everything is a vector);</li>
<li>Pixel-Perfect User Interface;</li>
<li>Reorder menu items using drag & drop;</li>
<li>Change UI icons on the go (triggers on right / middle click);</li>
<li>Over 2000 icons (Streamline icon set) to choose from;</li>
<li>Use your custom logo in any image format including .svg;</li>
<li>Minimize / close the admin bar;</li>
<li>Over 25 pre-made themes;</li>
<li>Toastr notifications;</li>
<li>qTip tooltips;</li>
<li>Search on type, AJAXified live search;</li>
<li>Customizable color schemes;</li>
<li>Customize ‘Howdy’ message;</li>
<li>Change copyright footer text;</li>
<li>Custom CSS and Javascript</li>
<li>Support for favicons, smartphone & tablet app icons;</li>
<li>99% compatibility with themes & plugins;</li>
<li>bbPress, buddyPress, MultiSite, WPML, WPMU support;</li>
<li>RTL version</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>PHP 5.3+ (recommended PHP 7.0+)</li>
<li>JavaScript (the no-js version is still under development)</li>
<li>WordPress – check for required version in the sidebar</li>
<li>Modern Browsers</li>
</ul>
<h3>Contribute</h3>
<p>StickyAdmin started as a simple project about two years ago and recently I came to the conclusion that it’d be impossible for only one individual to get it done the right way, so hereby I request everyone’s help to get involved in developing a better yet compatbile interface for the admin side of WordPress.</p>
<p>Developers of all levels can help!</p>
<p>Like WordPress itself, StickyAdmin is and will remain open-source. You can test planned improvements, check out the code, file and view bug reports, and even submit your own patches. The community’s contributions are what make WordPress and StickyAdmin so strong.</p>
<p>Most software projects, including WordPress, use a version-control system to keep track of source code and revisions.</p>
<p>StickyAdmin is available on GitHub, all development process happens over here:<br />
https://github.com/doriandrn/stickyadmin</p>
<p>Start with creating your branch and submitting your patches!</p>


StickyAdmin

This plugins does have a lot of bugs, but there doesn't seem to be any security concerns that I can tell from checking the code and javascripts.
The problem is, as often as WP changes the admin methods, CSS, and javascripts that one guy (this awesome developer) will not be able to keep up with the chase of new changes.
This project needs many more people working on it for it to be effective and as of the moment many things are just... missing.  Such as the live Appearance editor, completely broken which was the no-go and uninstall point for me.



If only....

Fresh, modern, native WordPress Admin Theme Interface designed & developed with compatibility in mind.

w3dev

Isaac

<p>Have you ever wanted to alter the way Elementor renders one of its widgets on your website?</p>
<p>Fundamento provides an easier way to achieve this by allowing you to inject extra CSS classes into Elementor’s widgets.</p>
<h3>Usage</h3>
<p>Tell Elementor that you have a new skin available by utilizing the following code in your <code>functions.php</code> file:</p>
<ol>
<li>
<p>Add an action to initialize Fundamento, then add a call to Fundamento’s <code>register_skin()</code> function:</p>
<pre><code>if(is_plugin_active('fundamento/fundamento.php')) {
    function fundamento_init() {
        // create a new Fundamento instance
        $f = \Fundamento\Plugin::instance(); 

        // register a new skin
        $f->register_skin([
            'name'       => 'Red',                                                      // The name of your new skin, as it will appear in Elementor
            'element'    => 'button',                                                      // The elementor element you are skinning
            'is_default' => true,                                                          // optional - should this skin be set by default on all elements of this type
            'css'        => get_stylesheet_directory_uri() . '/skins/button/red.css',   // optional - have Fundamento enqueue an extra css file
            'js'         => get_stylesheet_directory_uri() . '/skins/button/red.js',    // optional - have Fundamento enqueue an extra js file
        ]);
    }
    add_action('elementor/init', 'fundamento_init');
}
</code></pre>
</li>
<li>
<p>Add the selector to your css file:</p>
<pre><code>/* Class will always be .skin-{element}-{name} */
/* Name is transformed to lowercase and spaces are replaced with "-" */
.skin-button-red {
    background: #f00;
}
</code></pre>
</li>
</ol>
<p>Tell Elementor that you have a new padding preset by utilizing the following code in your <code>functions.php</code> file:</p>
<ol>
<li>
<p>Add an action to initialize Fundamento, then add a call to Fundamento’s <code>register_padding()</code> function:</p>
<pre><code>if(is_plugin_active('fundamento/fundamento.php')) {
    function fundamento_init() {
        // create a new Fundamento instance
        $f = \Fundamento\Plugin::instance(); 

        // register a new skin
        $f->register_padding([
            'name'       => 'Standard',                                                    // The name of your padding preset, as it will appear in Elementor
            'element'    => 'section',                                                     // The elementor element you are skinning
            'padding'    => '30px',                                                        // The value and unit of the amount of padding this preset should apply
            'is_default' => true,                                                          // optional - should this skin be set by default on all elements of this type
        ]);
    }
    add_action('elementor/init', 'fundamento_init');
}
</code></pre>
</li>
</ol>


Fundamento

We made it, and we think it's awesome. Give it a try!

What can I say


Have used it every single day since it was released. Easily one of the best development tools when working with Elementor + custom css.


Use it every day on every site.

Fundamento creates the ability to easily add custom skins and padding-presets into your Elementor-based Wordpress website.

StickyAdmin vs Fundamento