Title: ImagerieNumerique's Replies | WordPress.org

---

# ImagerieNumerique

  [  ](https://wordpress.org/support/users/imagerienumerique/)

 *   [Profile](https://wordpress.org/support/users/imagerienumerique/)
 *   [Topics Started](https://wordpress.org/support/users/imagerienumerique/topics/)
 *   [Replies Created](https://wordpress.org/support/users/imagerienumerique/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/imagerienumerique/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/imagerienumerique/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/imagerienumerique/engagements/)
 *   [Favorites](https://wordpress.org/support/users/imagerienumerique/favorites/)

 Search replies:

## Forum Replies Created

Viewing 11 replies - 1 through 11 (of 11 total)

 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page Builder: KingComposer - Free Drag and Drop page builder by King-Theme] add_map_param() not working with kc_column, kc_column_inner, kc_title…](https://wordpress.org/support/topic/add-add_map-not-working-with-kc_column-kc_column_inner-kc_title/)
 *  Thread Starter [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/add-add_map-not-working-with-kc_column-kc_column_inner-kc_title/#post-7436672)
 * It works !
 * Thank you !
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page Builder: KingComposer - Free Drag and Drop page builder by King-Theme] Adding multiple data-* and values to element](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/)
 *  Thread Starter [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/#post-7417711)
 * Erh… I made a mistake. For the code to work with :
 * `$output .= '<div ' . implode( ' ', $element_attributes) . '>';`
 * **Step 3**
 *     ```
       if( !empty( $atts['xdata'] ) ) {
           $custom_datas = explode(',', $atts['xdata']);
           foreach($custom_datas as $custom_data) {
               $element_attributes[] = trim( $custom_data);
           }
       }
       ```
   
 * DO NOT use _esc\_attr();_ with **$atts[‘my_custom_data’]**
 * and the value of your text field should be encapsulated with double quotes :
 * `data-key="value",data-key2="value2"`
 * Then, data attributes are rendered like this :
 * `<div data-kc-fullheight="true" data-kc-fullwidth="row" data-key="value" data-
   key2="value2" class="kc_row home-row-parallax" data-kc-action="loaded">...</div
   >`
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page Builder: KingComposer - Free Drag and Drop page builder by King-Theme] Adding multiple data-* and values to element](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/)
 *  Thread Starter [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/#post-7417709)
 * And yes it works with my custom posts 🙂
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page Builder: KingComposer - Free Drag and Drop page builder by King-Theme] Adding multiple data-* and values to element](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/)
 *  Thread Starter [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/#post-7417708)
 * OK. I got it, thank to wpeffects posts and your answer.
 * For those who need to get it work here are the steps you need to follow :
 * **Step 1**
 * Add map param in your functions.php (or any file.php included in functions.php
   with _locale\_template();_ ) :
 *     ```
       add_action('init', 'kc_add_data', 99 );
   
           function kc_add_data(){
   
               global $kc;
               $kc->add_map_param(
                   'kc_row',
                   array(
                       'name' => 'my_custom_data',
                          'label' => __('Extra Data', 'KingComposer'),
                          'type' => 'text',
                          'admin_label' => true,
                          'description' => __('Extra Data (ex: data-key="value")', 'KingComposer')
                ), 1 );
           }
       ```
   
 * The code above adds a text field in row settings (kc_row).
 * **Step 2**
 * Create a folder called kingcomposer in your activated template directory. Then
   copy kc_row.php from _wp-content/plugins/kingcomposer/shortcodes/_ folder into
   your template’s kingcomposer folder.
 * **Step 3**
 * Edit your kc_row.php and before :
 * `$output .= '<div class="kc-row-container' . esc_attr($container_class) . '">';`
 * add :
 *     ```
       if( !empty( $atts['my_custom_data'] ) ) {
           $custom_datas = explode(',', esc_attr( $atts['xdata'] ));
           foreach($custom_datas as $custom_data) {
               $element_attributes[] = $custom_data;
           }
       }
       ```
   
 * Now the code part is done, you can go check if the fiel exists in row param in
   King Composer on any page. Be aware that kc_row map is for rows at root of your
   post / page. If you need to add extra data-* attributes to rows inside, replace
   kc_row by kc_row_inner and copy and edit kc_row_inner.php
 * **One last thing !**
 * The code above lets you add multiple data attributs with couple key=value coma
   separated. No need to write quotes, it is added automatically :
 * `data-key=value,data-key2=value2`
 * Renders like this :
 * `<div data-kc-fullheight="true" data-kc-fullwidth="row" data-key="value" data-
   key2="value2" class="kc_row home-row-parallax" data-kc-action="loaded">...</div
   >`
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page Builder: KingComposer - Free Drag and Drop page builder by King-Theme] Adding multiple data-* and values to element](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/)
 *  Thread Starter [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/#post-7417707)
 * Hi!
 * I’m sorry but I don’t understand your answer.
    For me ‘data’ is not CSS but dom
   element attribute.
 * Maybe I didn’t get what add_map_param() really do.
 * I thought that with this function I could add custom data-* attributes to row
   element on the frontend for the row to be rendered like this :
 * `<div class="kc_row" data-key="value"> ... </div>`
 * Is that possible ?
 * Thanks !
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page Builder: KingComposer - Free Drag and Drop page builder by King-Theme] Adding multiple data-* and values to element](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/)
 *  Thread Starter [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/adding-multiple-data-and-values-to-element/#post-7417698)
 * Hi!
 * I managed to create text field with this :
 *     ```
       function kc_add_data(){
   
       	global $kc;
       	$kc->add_map_param(
       		'kc_row',
       		array(
       			'name' => 'data-test',
       			   'label' => __('Extra Data-test', 'KingComposer'),
       			   'type' => 'text',
       			   'admin_label' => true,
       			   'description' => __('Data-test', 'KingComposer')
       	 ), 1 );
       }
       ```
   
 * hHen I look at the content in classic mode, I can see the map param and its value
   in the shortcode :
 * `[kc_row data-test="test data" css="kc-css-5981316|background-color: #ffffde;
   padding-bottom: 2rem; padding-top: 2rem;"]`
 * but it does not render in the frontend :
 * `<div class="kc_row kc-css-5981316">`
 * Did I missed something ?
 * Thanks !
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page Builder: KingComposer - Free Drag and Drop page builder by King-Theme] Frontend CSS broken in Custom Posts](https://wordpress.org/support/topic/frontend-css-broken-in-custom-posts/)
 *  Thread Starter [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/frontend-css-broken-in-custom-posts/#post-7417420)
 * Hi !
 * Well, nothing’s wrong with 3rd party plugin.
 * So I mount a dedicated dev for you with nothing more than a fresh install of 
   wordpress, king composer, and the code I use to create custom posts at the end
   of function.php, and front-end.php calling only custom post content.
 * I send you details to your contact address. Hope that will help you out to find
   what’s going on.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page Builder: KingComposer - Free Drag and Drop page builder by King-Theme] Frontend CSS broken in Custom Posts](https://wordpress.org/support/topic/frontend-css-broken-in-custom-posts/)
 *  Thread Starter [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/frontend-css-broken-in-custom-posts/#post-7417414)
 * Hi !
 * Thank you for your feed-back.
 * I’m gonna disable every plugins except KC and re-enable them one by one.
    I’ll
   let you know the one causing conflict.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page Builder: KingComposer - Free Drag and Drop page builder by King-Theme] Frontend CSS broken in Custom Posts](https://wordpress.org/support/topic/frontend-css-broken-in-custom-posts/)
 *  Thread Starter [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/frontend-css-broken-in-custom-posts/#post-7417384)
 * Hi!
    Any! Rows, columns, images…
 * You can see an example [here](http://dev.flexicurity.pro/)
 * Search for kc-css-3615763
 * Thanks !
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Permalinks Customizer] Undefined index error is outputted in single post views](https://wordpress.org/support/topic/undefined-index-error-is-outputted-in-single-post-views/)
 *  [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/undefined-index-error-is-outputted-in-single-post-views/#post-7232073)
 * Hi Sami,
 * I perfectly understand.
 * I think you can reproduce this issue on a standards strict PHP environment. As
   my devs are hosted on mutualized hosting, I don’t have control of PHP conf, but
   I can tel that conf deployed by my host is not permissive.
 * I get the errors using php console for google chrome as E-NOTICE errors.
 * I hope it can helps you out.
 * Thanks,
    Ben
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Permalinks Customizer] Undefined index error is outputted in single post views](https://wordpress.org/support/topic/undefined-index-error-is-outputted-in-single-post-views/)
 *  [ImagerieNumerique](https://wordpress.org/support/users/imagerienumerique/)
 * (@imagerienumerique)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/undefined-index-error-is-outputted-in-single-post-views/#post-7232048)
 * Hi Sami,
    Hi Sebastian
 * Sami, I assume you developped Permalinks Customizer based on Michael Tyson’s 
   Custom Permalinks, so on line 489 :
 * `$url = parse_url(get_bloginfo('url'));`
 * returns no ‘path’ var in $url array.
 * As resolved on this thread : [https://wordpress.org/support/topic/plugin-custom-permalinks-php-error-undefined-variable-path](https://wordpress.org/support/topic/plugin-custom-permalinks-php-error-undefined-variable-path)
 * specify the parse_url $component argument :
 * `$url = parse_url(get_bloginfo('url'),PHP_URL_PATH);`

Viewing 11 replies - 1 through 11 (of 11 total)