Title: Fundamento
Author: w3dev
Published: <strong>مارچ 28, 2022</strong>
Last modified: اکتوبر 28, 2024

---

پلگ انز تلاش کریں

یہ پلگ ان **ورڈپریس کے تازہ ترین 3 ریلیزوں کے ساتھ ٹیسٹ نہیں کیا گیا ہے**۔ اب یہ
برقرار نہیں رکھا جا سکتا یا معاونت نہیں کی جا سکتی اور اس کو ورڈپریس کے تازہ ترین
ورژنز کے ساتھ استعمال کیے جانے پر مطابقت کے مسائل ہو سکتے ہیں۔

![](https://ps.w.org/fundamento/assets/icon-256x256.jpg?rev=2700890)

# Fundamento

 منجانب [w3dev](https://profiles.wordpress.org/w3dev/)

[ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/fundamento.zip)

 * [تفصیلات](https://ur.wordpress.org/plugins/fundamento/#description)
 * [جائزے](https://ur.wordpress.org/plugins/fundamento/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/fundamento/#installation)
 * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/fundamento/#developers)

 [معاونت](https://wordpress.org/support/plugin/fundamento/)

## تفصیل

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.

### Usage

Tell Elementor that you have a new skin available by utilizing the following code
in your `functions.php` file:

 1. Add an action to initialize Fundamento, then add a call to Fundamento’s `register_skin()`
    function:
 2.     ```
        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');
        }
        ```
    
 3. Add the selector to your css file:
 4.     ```
        /* Class will always be .skin-{element}-{name} */
        /* Name is transformed to lowercase and spaces are replaced with "-" */
        .skin-button-red {
            background: #f00;
        }
        ```
    

Tell Elementor that you have a new padding preset by utilizing the following code
in your `functions.php` file:

 1. Add an action to initialize Fundamento, then add a call to Fundamento’s `register_padding()`
    function:
 2.     ```
        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');
        }
        ```
    

## انسٹالیشن

 1. Upload the `fundamento` folder to your `plugins` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Add the Fundamento function call to your WordPress theme’s `functions.php` file
 4. Select a widget on your Elementor-enabled page and choose the custom skin you created
    
    or
 5. Select a widget on your Elementor-enabled page and choose the padding preset you
    created

## جائزے

![](https://secure.gravatar.com/avatar/5fe523052807a3bfc3e3db76f78cc7c78a772bba7b3a9ff5e46a2a5e170e6892?
s=60&d=retro&r=g)

### 󠀁[Use it every day on every site.](https://wordpress.org/support/topic/use-it-every-day-on-every-site/)󠁿

 [Isaac](https://profiles.wordpress.org/torchsmith/) جون 1, 2023

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

![](https://secure.gravatar.com/avatar/d3f1110eb3e0f1f8c0ebc9cd933256b4e84d52b006d67e9ab3f7f86a4f994613?
s=60&d=retro&r=g)

### 󠀁[What can I say](https://wordpress.org/support/topic/what-can-i-say-11/)󠁿

 [w3dev](https://profiles.wordpress.org/w3dev/) مئی 19, 2022

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

 [ تمام 2 جائزے پڑھیں ](https://wordpress.org/support/plugin/fundamento/reviews/)

## شراکت دار اور ڈیویلپرز

“Fundamento” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں حصہ لیا:

شراکت دار

 *   [ w3dev ](https://profiles.wordpress.org/w3dev/)
 *   [ Isaac ](https://profiles.wordpress.org/torchsmith/)

[“Fundamento” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/fundamento)

### ڈویلپمینٹ میں دلچسپی ہے؟

[کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/fundamento/)، [ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/fundamento/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/fundamento/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/fundamento/?limit=100&mode=stop_on_copy&format=rss)۔

## چینج لاگ

#### 1.1.10

 * Updated version alignment/support.

#### 1.1.9

 * Add padding-top/bottom/left/right for inline and block padding on Elementor 3.16
   +.

#### 1.1.8

 * Fixed bug where classes were not always being added to frontend in Elementor 
   v3.14+.

#### 1.1.7

 * Moved container padding presets to a custom controls section

#### 1.1.6

 * Tested in updated WP / Elementor environments

#### 1.1.5

 * Update padding-control.php to work with section/container templates

#### 1.1.4

 * Update readme.txt

#### 1.1.3

 * Added improved, responsive padding controls

#### 1.1.2

 * Fix behavior of `Default` padding preset

#### 1.1.1

 * Fix selector for padding presets on `column` element
 * Change `None (default)` for column padding preset to `10px` to match Elementor’s
   default column padding

#### 1.1.0

 * Add register_padding function
 * Fix "Undefined index: skin_options” bug

#### 1.0.5

 * Optimize how classes are being added to elements
 * Fix sections/columns not getting classes applied to them

#### 1.0.4

 * Add WP Admin notice if not registering skins in the right hook

#### 1.0.3

 * Enqueue all skin styles and scripts into page editor

#### 1.0.2

 * Fix plugin so it can add skins dropdown to any element

#### 1.0.1

 * Added is_default option.
 * Prevent Fundamento from double-enqueuing the same css/js file for an element.

#### 1.0

 * Our initial release.

## میٹا

 *  Version **1.1.10**
 *  Last updated **2 سال پہلے**
 *  Active installations **70+**
 *  WordPress version ** 5.2 یا اس سے جدید **
 *  Tested up to **6.7.9**
 *  PHP version ** 7.4 یا اس سے جدید **
 *  Language
 * [English (US)](https://wordpress.org/plugins/fundamento/)
 * Tags
 * [elementor](https://ur.wordpress.org/plugins/tags/elementor/)[globals](https://ur.wordpress.org/plugins/tags/globals/)
   [skin](https://ur.wordpress.org/plugins/tags/skin/)[template](https://ur.wordpress.org/plugins/tags/template/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/fundamento/advanced/)

## درجہ بندیاں

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/fundamento/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/fundamento/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/fundamento/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/fundamento/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/fundamento/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/fundamento/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/fundamento/reviews/)

## شراکت دار

 *   [ w3dev ](https://profiles.wordpress.org/w3dev/)
 *   [ Isaac ](https://profiles.wordpress.org/torchsmith/)

## معاونت

کچھ کہنا ہے؟ مدد چاہیے؟

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/fundamento/)