{"id":155127,"date":"2022-03-28T23:24:03","date_gmt":"2022-03-28T23:24:03","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/fundamento\/"},"modified":"2024-10-28T11:41:36","modified_gmt":"2024-10-28T11:41:36","slug":"fundamento","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/fundamento\/","author":15674960,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.10","stable_tag":"trunk","tested":"6.7.5","requires":"5.2","requires_php":"7.4","requires_plugins":null,"header_name":"Fundamento","header_author":"Web Programming Solutions","header_description":"Additional Skins and Controls for Elementor.","assets_banners_color":"3d0304","last_updated":"2024-10-28 11:41:36","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/webprogrammingsolutions.com\/","rating":5,"author_block_rating":0,"active_installs":70,"downloads":8963,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.0":{"tag":"1.0","author":"w3dev","date":"2022-03-28 23:23:31"},"1.0.1":{"tag":"1.0.1","author":"torchsmith","date":"2022-03-29 00:56:05"},"1.0.2":{"tag":"1.0.2","author":"w3dev","date":"2022-03-30 20:36:46"},"1.0.3":{"tag":"1.0.3","author":"w3dev","date":"2022-03-31 14:07:10"},"1.0.4":{"tag":"1.0.4","author":"w3dev","date":"2022-04-03 03:52:49"},"1.0.5":{"tag":"1.0.5","author":"torchsmith","date":"2022-04-04 14:41:52"},"1.1.0":{"tag":"1.1.0","author":"torchsmith","date":"2022-04-06 17:36:00"},"1.1.1":{"tag":"1.1.1","author":"torchsmith","date":"2022-04-06 17:51:41"},"1.1.2":{"tag":"1.1.2","author":"torchsmith","date":"2022-04-06 18:09:42"},"1.1.3":{"tag":"1.1.3","author":"torchsmith","date":"2022-05-17 12:21:30"},"1.1.4":{"tag":"1.1.4","author":"torchsmith","date":"2022-08-15 13:27:22"},"1.1.5":{"tag":"1.1.5","author":"torchsmith","date":"2022-08-15 14:21:36"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":2700890,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":2700890,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":2700890,"resolution":"1544x500","location":"assets","locale":""},"banner-722x250.jpg":{"filename":"banner-722x250.jpg","revision":2700890,"resolution":"722x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.1.0","1.1.1","1.1.2","1.1.3","1.1.4","1.1.5"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[76538,19988,753,975],"plugin_category":[43],"plugin_contributors":[209055,146822],"plugin_business_model":[],"class_list":["post-155127","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-globals","plugin_tags-skin","plugin_tags-template","plugin_category-customization","plugin_contributors-torchsmith","plugin_contributors-w3dev","plugin_committers-torchsmith","plugin_committers-w3dev"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/fundamento\/assets\/icon-128x128.jpg?rev=2700890","icon_2x":"https:\/\/ps.w.org\/fundamento\/assets\/icon-256x256.jpg?rev=2700890","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Have you ever wanted to alter the way Elementor renders one of its widgets on your website?<\/p>\n\n<p>Fundamento provides an easier way to achieve this by allowing you to inject extra CSS classes into Elementor's widgets.<\/p>\n\n<h3>Usage<\/h3>\n\n<p>Tell Elementor that you have a new skin available by utilizing the following code in your <code>functions.php<\/code> file:<\/p>\n\n<ol>\n<li><p>Add an action to initialize Fundamento, then add a call to Fundamento's <code>register_skin()<\/code> function:<\/p>\n\n<pre><code>if(is_plugin_active('fundamento\/fundamento.php')) {\n    function fundamento_init() {\n        \/\/ create a new Fundamento instance\n        $f = \\Fundamento\\Plugin::instance(); \n\n        \/\/ register a new skin\n        $f-&gt;register_skin([\n            'name'       =&gt; 'Red',                                                      \/\/ The name of your new skin, as it will appear in Elementor\n            'element'    =&gt; 'button',                                                      \/\/ The elementor element you are skinning\n            'is_default' =&gt; true,                                                          \/\/ optional - should this skin be set by default on all elements of this type\n            'css'        =&gt; get_stylesheet_directory_uri() . '\/skins\/button\/red.css',   \/\/ optional - have Fundamento enqueue an extra css file\n            'js'         =&gt; get_stylesheet_directory_uri() . '\/skins\/button\/red.js',    \/\/ optional - have Fundamento enqueue an extra js file\n        ]);\n    }\n    add_action('elementor\/init', 'fundamento_init');\n}\n<\/code><\/pre><\/li>\n<li><p>Add the selector to your css file:<\/p>\n\n<pre><code>\/* Class will always be .skin-{element}-{name} *\/\n\/* Name is transformed to lowercase and spaces are replaced with \"-\" *\/\n.skin-button-red {\n    background: #f00;\n}\n<\/code><\/pre><\/li>\n<\/ol>\n\n<p>Tell Elementor that you have a new padding preset by utilizing the following code in your <code>functions.php<\/code> file:<\/p>\n\n<ol>\n<li><p>Add an action to initialize Fundamento, then add a call to Fundamento's <code>register_padding()<\/code> function:<\/p>\n\n<pre><code>if(is_plugin_active('fundamento\/fundamento.php')) {\n    function fundamento_init() {\n        \/\/ create a new Fundamento instance\n        $f = \\Fundamento\\Plugin::instance(); \n\n        \/\/ register a new skin\n        $f-&gt;register_padding([\n            'name'       =&gt; 'Standard',                                                    \/\/ The name of your padding preset, as it will appear in Elementor\n            'element'    =&gt; 'section',                                                     \/\/ The elementor element you are skinning\n            'padding'    =&gt; '30px',                                                        \/\/ The value and unit of the amount of padding this preset should apply\n            'is_default' =&gt; true,                                                          \/\/ optional - should this skin be set by default on all elements of this type\n        ]);\n    }\n    add_action('elementor\/init', 'fundamento_init');\n}\n<\/code><\/pre><\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>fundamento<\/code> folder to your <code>plugins<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Add the Fundamento function call to your Wordpress theme's <code>functions.php<\/code> file<\/li>\n<li>Select a widget on your Elementor-enabled page and choose the custom skin you created\nor<\/li>\n<li>Select a widget on your Elementor-enabled page and choose the padding preset you created<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>1.1.10<\/h4>\n\n<ul>\n<li>Updated version alignment\/support.<\/li>\n<\/ul>\n\n<h4>1.1.9<\/h4>\n\n<ul>\n<li>Add padding-top\/bottom\/left\/right for inline and block padding on Elementor 3.16+.<\/li>\n<\/ul>\n\n<h4>1.1.8<\/h4>\n\n<ul>\n<li>Fixed bug where classes were not always being added to frontend in Elementor v3.14+.<\/li>\n<\/ul>\n\n<h4>1.1.7<\/h4>\n\n<ul>\n<li>Moved container padding presets to a custom controls section<\/li>\n<\/ul>\n\n<h4>1.1.6<\/h4>\n\n<ul>\n<li>Tested in updated WP \/ Elementor environments<\/li>\n<\/ul>\n\n<h4>1.1.5<\/h4>\n\n<ul>\n<li>Update padding-control.php to work with section\/container templates<\/li>\n<\/ul>\n\n<h4>1.1.4<\/h4>\n\n<ul>\n<li>Update readme.txt<\/li>\n<\/ul>\n\n<h4>1.1.3<\/h4>\n\n<ul>\n<li>Added improved, responsive padding controls<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<ul>\n<li>Fix behavior of <code>Default<\/code> padding preset<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fix selector for padding presets on <code>column<\/code> element<\/li>\n<li>Change <code>None (default)<\/code> for column padding preset to <code>10px<\/code> to match Elementor's default column padding<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Add register_padding function<\/li>\n<li>Fix \"Undefined index: skin_options\" bug<\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Optimize how classes are being added to elements<\/li>\n<li>Fix sections\/columns not getting classes applied to them<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Add WP Admin notice if not registering skins in the right hook<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Enqueue all skin styles and scripts into page editor<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Fix plugin so it can add skins dropdown to any element<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Added is_default option.<\/li>\n<li>Prevent Fundamento from double-enqueuing the same css\/js file for an element. <\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Our initial release.<\/li>\n<\/ul>","raw_excerpt":"Fundamento creates the ability to easily add custom skins and padding-presets into your Elementor-based Wordpress website.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/155127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=155127"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/w3dev"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=155127"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=155127"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=155127"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=155127"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=155127"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=155127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}