w3dev

Isaac

Have you ever wanted to alter the way Elementor renders one of its widgets on your website?
Fundamento provides an easier way to achieve this by allowing you to inject extra CSS classes into Elementor’s widgets.
<h3>Usage</h3>
Tell Elementor that you have a new skin available by utilizing the following code in your <code>functions.php</code> file:
<ol>
<li>
Add an action to initialize Fundamento, then add a call to Fundamento’s <code>register_skin()</code> function:
<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>
Add the selector to your css file:
<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>
Tell Elementor that you have a new padding preset by utilizing the following code in your <code>functions.php</code> file:
<ol>
<li>
Add an action to initialize Fundamento, then add a call to Fundamento’s <code>register_padding()</code> function:
<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.

rbncha

The main reason for building this plugin is because wordpress doesn’t readily have a central registry system where things can be stored such as variable values, objects, arrays. Which can be retrieved from a global space. This plugin basically tries to lessen the repeating declarations of variables and etc. It is something quite similar to Magento registry “Mage_Registry”, but very light version.
This plugin can also be used as GET and POST request parameters handler. The benefit is, you don’t have to check isset($_GET[‘myparam’]) or isset($_POST[‘myparam’]). If the param is not set, it will return a default value you supplied in second param. By default, the default value is false.
Handle the session data as easy as never before. Save to session, check existance, get, unset it easily using dynamic methods.
Hope this could be of some use.
Usage is very easy, neat and straight forward:
Register a dynamic method on the fly: 
 registry()->setDynamicMethodName(‘this is my value’); 
 registry()->setMyName(‘My Name is Rubin Shrestha’);
Validate existance of your method and echo: 
 if( registry()->hasDynamicMethodName() ) echo ‘Has ‘ . registry()->getDynamicMethodName();
Unset the dynamic method: 
registry()->unsDynamicMethodName(); after this, if you echo registry()->getDynamicMethodName() it will return null;
For GET and POST request handler use it like this:
<ul>
<li>For $_GET, you can simply call registry()->request()->getParam(‘param_key’, [default value if any, else blank, will return false]);</li>
<li>To check if the page type is $_POST use if( registry()->request()->isPost() ) { //do your stuffs here }</li>
<li>For $_POST, you can simply call registry()->request()->getPost(‘param_key’, [default value if any, else blank; will return false]);</li>
<li>You can also do registry()->request()->getParams() and registry()->request()->getPosts();</li>
<li>You can also add request object scope variable, registry()->request()->setVariableName(‘this is my value’);. Get the value by registry()->request()->getVariableName();</li>
</ul>
Session handler:
Handle the data in session as easy as registry()->session()->setDynamicMethodName(‘this is my value’); and get it as registry()->session()->getDynamicMethodName(); Unset it registry()->session()->unsDynamicMethodName();

WordPress Registry

Makes variables and values globally accessible from everywhere. Better handling of $_GET and $_POST. Session data management.

Fundamento vs WordPress Registry