{"id":29027,"date":"2014-04-22T21:58:45","date_gmt":"2014-04-22T21:58:45","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/drag-and-drop-front-end-design-builder\/"},"modified":"2014-04-30T18:26:39","modified_gmt":"2014-04-30T18:26:39","slug":"drag-and-drop-front-end-design-builder","status":"publish","type":"plugin","link":"https:\/\/ko.wordpress.org\/plugins\/drag-and-drop-front-end-design-builder\/","author":1238828,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0","stable_tag":"trunk","tested":"3.7.41","requires":"3.0.1","requires_php":"","requires_plugins":"","header_name":"Drag and Drop Front-End Design Builder","header_author":"diegpl, pkelbert","header_description":"","assets_banners_color":"","last_updated":"2014-04-30 18:26:39","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/wpsoft.com.br\/","header_plugin_uri":"http:\/\/wpsoft.com.br","header_author_uri":"http:\/\/wpsoft.com.br","rating":0,"author_block_rating":0,"active_installs":10,"downloads":4838,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":"1573809","resolution":"1","location":"plugin"},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":"1573809","resolution":"2","location":"plugin"}},"screenshots":{"1":"Attributes opened after a click","2":"Console running some logs"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[24681,3938,2788,22371,22370],"plugin_category":[],"plugin_contributors":[88159,88160],"plugin_business_model":[],"class_list":["post-29027","plugin","type-plugin","status-publish","hentry","plugin_tags-design-builder","plugin_tags-drag-and-drop","plugin_tags-front-end","plugin_tags-limitless","plugin_tags-live-edition","plugin_contributors-diegpl","plugin_contributors-pkelbert","plugin_committers-diegpl"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/drag-and-drop-front-end-design-builder.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/drag-and-drop-front-end-design-builder\/trunk\/screenshot-1.jpg?rev=1573809","caption":"Attributes opened after a click"},{"src":"https:\/\/ps.w.org\/drag-and-drop-front-end-design-builder\/trunk\/screenshot-2.jpg?rev=1573809","caption":"Console running some logs"}],"raw_content":"<!--section=description-->\n<p>Design Builder that allow live edition in the front end through the Limitless drag and drop system (http:\/\/themeforest.net\/item\/limitless-multipurpose-drag-n-drop-theme\/5528738)\nWith this plugin always when you click in an element, their attributes are opened, avoiding waste of time to find it in a big list.<\/p>\n\n<p>https:\/\/www.youtube.com\/watch?v=xoabbUfg_dE<\/p>\n\n<p>Our sites:\nhttp:\/\/wpsoftwares.com<\/p>\n\n<p>http:\/\/wpsoft.com.br<\/p>\n\n<h3>Arbitrary section<\/h3>\n\n<h3>Markdown<\/h3>\n\n<ol>\n<li>Don`t waste your time<\/li>\n<li>Let your clients more independent<\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload it to plugins folder (\/wp-content\/plugins\/)<\/li>\n<li>Activate the plugin<\/li>\n<li><p>For both versions 1.7.7 or 2.0 in a local host you need to set $firstMatrix = array_keys($section[0]['matrix'])[0] instead array_shift(array_keys($arg['matrix'])). I don`t know why, if someone knows that, please tell me.<\/p>\n\n<p>For the version 1.7.7:  Change the both foreach at line 194 in limitless\/backend\/classes\/class_enigma.php for this code:<\/p>\n\n<pre><code>    foreach ($args as $key =&gt; $section) {\n\n    \/\/first matrix referrer on visual_settings.php\n    $firstMatrix = array_shift(array_keys($section[0]['matrix']));      \n    $firstMatrixFiltered = trim(trim(str_replace(array(' p.', ' p ','.', ' ul ',' li ',' a ',' ,', '   ','  ',','), ' ', str_replace(array('#',' &gt; span','div.',' &gt; a','h2','h1','h4','a.','h3','table','caption','ul li a','ul li','input[type=text]','&gt;li&gt;a'), '',$firstMatrix)), '.'), ' ');\n\n    \/\/$key access the class name\n    $code .='&lt;h4 class=\"engima-styler-title '.$firstMatrixFiltered.'\"&gt;'.$key.'&lt;i class=\"angle-downicon- ioa-front-icon\"&gt;&lt;\/i&gt; &lt;a href=\"\" class=\"en-section-reset\"&gt;'.__('Reset','ioa').'&lt;\/a&gt; &lt;\/h4&gt;&lt;div class=\"enigma-styler-section clearfix\"&gt;';\n\n    foreach ($section as  $key =&gt; $arg) {\n    $firstMatrix = array_shift(array_keys($arg['matrix']));     \n    $firstMatrixFiltered = trim(trim(str_replace(array(' p.', ' p ','.', ' ul ',' li ',' a ',' ,', '   ','  ',','), ' ', str_replace(array('#',' &gt; span','div.',' &gt; a','h2','h1','h4','a.','h3','table','caption','ul li a','ul li','input[type=text]','&gt;li&gt;a'), '',$firstMatrix)), '.'), ' ');\n    \/\/ $arg['class'] to access the class if I have it no visual_settings        \n    \/\/ access the first value of matrix array -- array_shift(array_keys($arg['matrix']))\n    $code .='&lt;h5 class=\"sub-styler-title '.$firstMatrixFiltered.'\"&gt;'.$arg['label'].'&lt;i class=\"angle-downicon- ioa-front-icon\"&gt;&lt;\/i&gt; &lt;a href=\"\" class=\"en-comp-reset\"&gt;'.__('Reset','ioa').'&lt;\/a&gt; &lt;\/h5&gt;&lt;div class=\"sub-styler-section clearfix\"&gt;';\n<\/code><\/pre>\n\n<p>For the version 2.0: Change the both foreach at the line 201 at limitless\/backend\/deprecated\/class_enigma.php<\/p>\n\n<pre><code>foreach ($args as $key =&gt; $section) {\n\n    \/\/first matrix referrer on visual_settings.php\n    \/\/'.var_dump($section[0]['matrix']).'\n\n    $firstMatrix = array_keys($section[0]['matrix'])[0];    \n    \/\/$firstMatrix = array_shift(array_keys($section[0]['matrix']));    \n    \/\/echo var_dump($section[0]['matrix']);\n    \/\/echo $firstMatrix;\n    $firstMatrixFiltered = trim(trim(str_replace(array(' p.', ' p ','.', ' ul ',' li ',' a ',' ,', '   ','  ',','), ' ', str_replace(array('#',' &gt; span','div.',' &gt; a','h2','h1','h4','a.','h3','table','caption','ul li a','ul li','input[type=text]','&gt;li&gt;a'), '',$firstMatrix)), '.'), ' ');\n\n    $code .='&lt;div class=\"en-sub-sec\" data-search=\"'.strtolower($key).'\" &gt;&lt;h4 class=\"engima-styler-title '.$firstMatrixFiltered.'\"&gt;'.$key.'&lt;a href=\"\" class=\"en-section-reset\"&gt;'.__('Reset','ioa').'&lt;\/a&gt; &lt;\/h4&gt;&lt;div class=\"enigma-styler-section clearfix\"&gt;';\n\nforeach ($section as  $key =&gt; $arg) {\n\n    $firstMatrix = array_keys($arg['matrix'])[0];       \n    $firstMatrixFiltered = trim(trim(str_replace(array(' p.', ' p ','.', ' ul ',' li ',' a ',' ,', '   ','  ',','), ' ', str_replace(array('#',' &gt; span','div.',' &gt; a','h2','h1','h4','a.','h3','table','caption','ul li a','ul li','input[type=text]','&gt;li&gt;a'), '',$firstMatrix)), '.'), ' ');\n    \/\/ $arg['class'] to access the class if I have it no visual_settings        \n    \/\/ access the first value of matrix array -- array_shift(array_keys($arg['matrix']))\n\n    $code .='&lt;div class=\"en-sub-sec\" data-search=\"'.strtolower($arg['label']).'\"&gt;&lt;h5 class=\"sub-styler-title '.$firstMatrixFiltered.'\"&gt;'.$arg['label'].'&lt;a href=\"\" class=\"en-comp-reset\"&gt;'.__('Reset','ioa').'&lt;\/a&gt; &lt;\/h5&gt;&lt;div class=\"sub-styler-section clearfix\"&gt;';\n<\/code><\/pre><\/li>\n<li><p>It is done. Use it!!!<\/p><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>What is missing on this plugin?<\/dt>\n<dd><p>It helps to get the attribute category, but still doesn`t show the exact element you clicked over it.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>Plugin released.<\/li>\n<\/ul>","raw_excerpt":"With this plugin always when you click in an element, their attributes are opened, avoiding waste of time to find it in a big list.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/29027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=29027"}],"author":[{"embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/diegpl"}],"wp:attachment":[{"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=29027"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=29027"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=29027"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=29027"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=29027"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ko.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=29027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}