├── assets ├── admin-editor-toggle.js ├── admin-page-builder.css ├── admin-page-builder.js └── page-builder.css ├── fx-page-builder-base.php ├── includes ├── front-end.php ├── functions.php └── page-builder.php ├── license.txt └── readme.md /assets/admin-editor-toggle.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Toggle Content Editor/Page Builder 3 | * @author David Chandra Purnama 4 | * @copyright Copyright (c) 2016, Genbu Media 5 | */ 6 | jQuery( document ).ready( function($) { 7 | 8 | /* Editor Toggle Function */ 9 | function fxPb_Editor_Toggle(){ 10 | if( 'templates/page-builder.php' == $( '#page_template' ).val() ){ 11 | $( '#postdivrich' ).hide(); 12 | $( '#fx-page-builder' ).show(); 13 | } 14 | else{ 15 | $( '#postdivrich' ).show(); 16 | $( '#fx-page-builder' ).hide(); 17 | } 18 | } 19 | 20 | /* Toggle On Page Load */ 21 | fxPb_Editor_Toggle(); 22 | 23 | /* If user change page template drop down */ 24 | $( "#page_template" ).change( function(e) { 25 | fxPb_Editor_Toggle(); 26 | }); 27 | 28 | }); -------------------------------------------------------------------------------- /assets/admin-page-builder.css: -------------------------------------------------------------------------------- 1 | /** 2 | * f(x) Page Builder Base Admin CSS 3 | * License: GPLv2 or later 4 | * License URI: http://www.gnu.org/licenses/gpl-2.0.txt 5 | * 6 | * @link https://shellcreeper.com/wp-page-builder-plugin-from-scratch/ 7 | * @author David Chandra Purnama 8 | * @copyright Copyright (c) 2016, Genbu Media 9 | **/ 10 | #postdivrich{ 11 | display: none; /* JS toggle will display this */ 12 | } 13 | #fx-page-builder{ 14 | display: none; /* JS toggle will display this */ 15 | margin: 20px 0; 16 | } 17 | /* Templates */ 18 | .fxpb-templates{ 19 | display: none; 20 | } 21 | /* Rows */ 22 | .fxpb-rows{ 23 | margin-bottom: 30px; 24 | } 25 | .fxpb-rows-message{ 26 | border: 2px dashed #ccc; 27 | padding: 10px 20px; 28 | text-align: center; 29 | } 30 | /* Buttons */ 31 | .fxpb-actions{ 32 | margin-bottom: 30px; 33 | } 34 | /* Row */ 35 | .fxpb-row{ 36 | font-size: 16px; 37 | border: 1px solid #ccc; 38 | background: #fff; 39 | margin-bottom: 20px; 40 | } 41 | /* Sortable Placeholder */ 42 | .fxpb-row.ui-sortable-placeholder{ 43 | border: 1px dashed #ccc; 44 | visibility: visible !important; 45 | background: transparent; 46 | } 47 | .fxpb-row-title{ 48 | } 49 | .fxpb-row-title:after{ 50 | content:".";display:block;height:0;clear:both;visibility:hidden; 51 | } 52 | .fxpb-handle{ 53 | padding: 10px; 54 | border-right: 1px solid #ccc; 55 | cursor: grab; 56 | } 57 | .fxpb-handle:hover{ 58 | } 59 | .fxpb-order{ 60 | background: #efefef; 61 | color: #aaa; 62 | border: 1px solid #ccc; 63 | border-radius: 50%; 64 | display: inline-block; 65 | font-size: 18px; 66 | font-style: normal; 67 | font-weight: normal; 68 | height: 20px; 69 | line-height: 1; 70 | margin-top: 5px; 71 | padding: 5px 6px; 72 | text-align: center; 73 | text-decoration: inherit; 74 | vertical-align: top; 75 | width: 20px; 76 | } 77 | .fxpb-row-title-text{ 78 | padding: 12px 10px 9px 0; 79 | display: inline-block; 80 | } 81 | .fxpb-remove{ 82 | padding: 10px; 83 | border-left: 1px solid #ccc; 84 | float: right; 85 | cursor: pointer; 86 | } 87 | .fxpb-remove:hover{ 88 | background: red; 89 | color: #fff; 90 | } 91 | .fxpb-row-fields{ 92 | border-top: 1px solid #ccc; 93 | padding: 10px; 94 | } 95 | .fxpb-row-fields:after{ 96 | content:".";display:block;height:0;clear:both;visibility:hidden; 97 | } 98 | .fxpb-row-fields textarea{ 99 | width: 100%; 100 | height: 100px; 101 | } 102 | /* 1 column template */ 103 | .fxpb-col-1{ 104 | } 105 | /* 2 columns template */ 106 | .fxpb-col-2{ 107 | } 108 | .fxpb-col-2 .fxpb-col-2-left{ 109 | width: 49%; 110 | float: left; 111 | } 112 | .fxpb-col-2 .fxpb-col-2-right{ 113 | width: 49%; 114 | float: right; 115 | } -------------------------------------------------------------------------------- /assets/admin-page-builder.js: -------------------------------------------------------------------------------- 1 | /** 2 | * f(x) Page Builder Base Admin JS 3 | * License: GPLv2 or later 4 | * License URI: http://www.gnu.org/licenses/gpl-2.0.txt 5 | * 6 | * @link https://shellcreeper.com/wp-page-builder-plugin-from-scratch/ 7 | * @author David Chandra Purnama 8 | * @copyright Copyright (c) 2016, Genbu Media 9 | **/ 10 | jQuery( document ).ready( function( $ ){ 11 | 12 | /* Function: Update Order */ 13 | function fxPB_UpdateOrder(){ 14 | 15 | /* In each of rows */ 16 | $('.fxpb-rows > .fxpb-row').each( function(i){ 17 | 18 | /* Increase num by 1 to avoid "0" as first index. */ 19 | var num = i + 1; 20 | 21 | /* Update order number in row title */ 22 | $( this ).find( '.fxpb-order' ).text( num ); 23 | 24 | /* In each input in the row */ 25 | $( this ).find( '.fxpb-row-input' ).each( function(i) { 26 | 27 | /* Get field id for this input */ 28 | var field = $( this ).attr( 'data-field' ); 29 | 30 | /* Update name attribute with order and field name. */ 31 | $( this ).attr( 'name', 'fxpb[' + num + '][' + field + ']'); 32 | }); 33 | }); 34 | } 35 | 36 | /* Update Order on Page load */ 37 | fxPB_UpdateOrder(); 38 | 39 | /* Make Row Sortable */ 40 | $( '.fxpb-rows' ).sortable({ 41 | handle: '.fxpb-handle', 42 | cursor: 'grabbing', 43 | stop: function( e, ui ) { 44 | fxPB_UpdateOrder(); 45 | }, 46 | }); 47 | 48 | /* Add Row */ 49 | $( 'body' ).on( 'click', '.fxpb-add-row', function(e){ 50 | e.preventDefault(); 51 | 52 | /* Target the template. */ 53 | var template = '.fxpb-templates > .fxpb-' + $( this ).attr( 'data-template' ); 54 | 55 | /* Clone the template and add it. */ 56 | $( template ).clone().appendTo( '.fxpb-rows' ); 57 | 58 | /* Hide Empty Row Message */ 59 | $( '.fxpb-rows-message' ).hide(); 60 | 61 | /* Update Order */ 62 | fxPB_UpdateOrder(); 63 | }); 64 | 65 | /* Hide/Show Empty Row Message On Page Load */ 66 | if( $( '.fxpb-rows > .fxpb-row' ).length ){ 67 | $( '.fxpb-rows-message' ).hide(); 68 | } 69 | else{ 70 | $( '.fxpb-rows-message' ).show(); 71 | } 72 | 73 | /* Delete Row */ 74 | $( 'body' ).on( 'click', '.fxpb-remove', function(e){ 75 | e.preventDefault(); 76 | 77 | /* Delete Row */ 78 | $( this ).parents( '.fxpb-row' ).remove(); 79 | 80 | /* Show Empty Message When Applicable. */ 81 | if( ! $( '.fxpb-rows > .fxpb-row' ).length ){ 82 | $( '.fxpb-rows-message' ).show(); 83 | } 84 | 85 | /* Update Order */ 86 | fxPB_UpdateOrder(); 87 | }); 88 | 89 | }); 90 | -------------------------------------------------------------------------------- /assets/page-builder.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Front End Columns 3 | **/ 4 | .fxpb-row:after{ 5 | content:".";display:block;height:0;clear:both;visibility:hidden; 6 | } 7 | .fxpb-col-1 .row-content{ 8 | width: 100%; 9 | } 10 | .fxpb-col-2 .row-content-1{ 11 | width: 48%; 12 | float: left; 13 | } 14 | .fxpb-col-2 .row-content-2{ 15 | width: 48%; 16 | float: right; 17 | } -------------------------------------------------------------------------------- /fx-page-builder-base.php: -------------------------------------------------------------------------------- 1 | 13 | * @copyright Copyright (c) 2016, Genbu Media 14 | **/ 15 | 16 | /* Do not access this file directly */ 17 | if ( ! defined( 'WPINC' ) ) { die; } 18 | 19 | /* Constants 20 | ------------------------------------------ */ 21 | 22 | /* Set plugin version constant. */ 23 | define( 'FX_PBBASE_VERSION', '1.0.0' ); 24 | 25 | /* Set constant path to the plugin directory. */ 26 | define( 'FX_PBBASE_PATH', trailingslashit( plugin_dir_path(__FILE__) ) ); 27 | 28 | /* Set the constant path to the plugin directory URI. */ 29 | define( 'FX_PBBASE_URI', trailingslashit( plugin_dir_url( __FILE__ ) ) ); 30 | 31 | 32 | /* Includes 33 | ------------------------------------------ */ 34 | 35 | /* Functions */ 36 | require_once( FX_PBBASE_PATH . 'includes/functions.php' ); 37 | 38 | /* Page Builder */ 39 | if( is_admin() ){ 40 | require_once( FX_PBBASE_PATH . 'includes/page-builder.php' ); 41 | } 42 | 43 | /* Functions */ 44 | require_once( FX_PBBASE_PATH . 'includes/front-end.php' ); 45 | 46 | -------------------------------------------------------------------------------- /includes/front-end.php: -------------------------------------------------------------------------------- 1 | $row_data ){ 47 | $order = intval( $order ); 48 | 49 | /* === Row with 1 column === */ 50 | if( 'col-1' == $row_data['type'] ){ 51 | $content .= '
' . "\r\n"; 52 | $content .= '
' . "\r\n\r\n"; 53 | $content .= $row_data['content'] . "\r\n\r\n"; 54 | $content .= '
' . "\r\n"; 55 | $content .= '
' . "\r\n\r\n"; 56 | } 57 | /* === Row with 2 columns === */ 58 | elseif( 'col-2' == $row_data['type'] ){ 59 | $content .= '
' . "\r\n"; 60 | $content .= '
' . "\r\n\r\n"; 61 | $content .= $row_data['content-1'] . "\r\n\r\n"; 62 | $content .= '
' . "\r\n"; 63 | $content .= '
' . "\r\n\r\n"; 64 | $content .= $row_data['content-2'] . "\r\n\r\n"; 65 | $content .= '
' . "\r\n"; 66 | $content .= '
' . "\r\n\r\n"; 67 | } 68 | } 69 | return $content; 70 | } 71 | 72 | 73 | /* === FRONT-END SCRIPTS === */ 74 | 75 | /* Enqueue Script */ 76 | add_action( 'wp_enqueue_scripts', 'fx_pbbase_front_end_scripts' ); 77 | 78 | /** 79 | * Admin Scripts 80 | * @since 1.0.0 81 | */ 82 | function fx_pbbase_front_end_scripts(){ 83 | 84 | /* In a page using page builder */ 85 | if( is_page() && ( 'templates/page-builder.php' == get_page_template_slug( get_queried_object_id() ) ) ){ 86 | 87 | /* Enqueue CSS & JS For Page Builder */ 88 | wp_enqueue_style( 'fx-page-builder', FX_PBBASE_URI. 'assets/page-builder.css', array(), FX_PBBASE_VERSION ); 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /includes/functions.php: -------------------------------------------------------------------------------- 1 | 8 | * @copyright Copyright (c) 2016, Genbu Media 9 | **/ 10 | 11 | /** 12 | * Sanitize Page Builder Data 13 | * @since 1.0.0 14 | */ 15 | function fxpb_sanitize( $input ){ 16 | 17 | /* If data is not array, return. */ 18 | if( !is_array( $input ) ){ 19 | return null; 20 | } 21 | 22 | /* Output var */ 23 | $output = array(); 24 | 25 | /* Loop the data submitted */ 26 | foreach( $input as $row_order => $row_data ){ 27 | 28 | /* Only if row type is set */ 29 | if( isset( $row_data['type'] ) && $row_data['type'] ){ 30 | 31 | /* Get type of row ("col-1" or "col-2") */ 32 | $row_type = esc_attr( $row_data['type'] ); 33 | 34 | /* Row with 1 Column */ 35 | if( 'col-1' == $row_type ){ 36 | 37 | /* Sanitize value for "content" field. */ 38 | $output[$row_order]['content'] = wp_kses_post( $row_data['content'] ); 39 | $output[$row_order]['type'] = $row_type; 40 | } 41 | 42 | /* Row with 2 Columns */ 43 | elseif( 'col-2' == $row_type ){ 44 | 45 | /* Sanitize value for "content-1" and "content-2" field */ 46 | $output[$row_order]['content-1'] = wp_kses_post( $row_data['content-1'] ); 47 | $output[$row_order]['content-2'] = wp_kses_post( $row_data['content-2'] ); 48 | $output[$row_order]['type'] = $row_type; 49 | } 50 | } 51 | } 52 | 53 | return $output; 54 | } 55 | 56 | 57 | /** 58 | * Enable Default Content Filter 59 | * @since 1.0.0 60 | */ 61 | function fxpb_default_content_filter( $content ){ 62 | if( $content ){ 63 | global $wp_embed; 64 | $content = $wp_embed->run_shortcode( $content ); 65 | $content = $wp_embed->autoembed( $content ); 66 | $content = wptexturize( $content ); 67 | $content = convert_smilies( $content ); 68 | $content = convert_chars( $content ); 69 | $content = wptexturize( $content ); 70 | $content = do_shortcode( $content ); 71 | $content = shortcode_unautop( $content ); 72 | if( function_exists('wp_make_content_images_responsive') ) { /* WP 4.4+ */ 73 | $content = wp_make_content_images_responsive( $content ); 74 | } 75 | $content = wpautop( $content ); 76 | } 77 | return $content; 78 | } 79 | 80 | -------------------------------------------------------------------------------- /includes/page-builder.php: -------------------------------------------------------------------------------- 1 | 11 | * @copyright Copyright (c) 2016, Genbu Media 12 | **/ 13 | 14 | /* === REGISTER PAGE TEMPLATE === */ 15 | 16 | /* Add page templates */ 17 | add_filter( 'theme_page_templates', 'fx_pbbase_register_page_template' ); 18 | 19 | /** 20 | * Register Page Template: Page Builder 21 | * @since 1.0.0 22 | */ 23 | function fx_pbbase_register_page_template( $templates ){ 24 | $templates['templates/page-builder.php'] = 'Page Builder'; 25 | return $templates; 26 | } 27 | 28 | 29 | /* === ADD PAGE BUILDER CONTROL === */ 30 | 31 | /* Add page builder form after editor */ 32 | add_action( 'edit_form_after_editor', 'fx_pbbase_editor_callback', 10, 2 ); 33 | 34 | /** 35 | * Page Builder Control 36 | * Added after Content Editor in Page Edit Screen. 37 | * @since 1.0.0 38 | */ 39 | function fx_pbbase_editor_callback( $post ){ 40 | if( 'page' !== $post->post_type ){ 41 | return; 42 | } 43 | ?> 44 |
45 | 46 |
47 | 48 |
49 | 50 |
51 | Add 1 Column 52 | Add 2 Columns 53 |
54 | 55 | 97 | 98 | 99 | 100 |
101 | post_type ); 129 | if ( 'page' != $post->post_type || !current_user_can( $post_type->cap->edit_post, $post_id ) ){ 130 | return $post_id; 131 | } 132 | 133 | /* == Save, Delete, or Update Page Builder Data == */ 134 | 135 | /* Get (old) saved page builder data */ 136 | $saved_data = get_post_meta( $post_id, 'fxpb', true ); 137 | 138 | /* Get new submitted data and sanitize it. */ 139 | $submitted_data = isset( $request['fxpb'] ) ? fxpb_sanitize( $request['fxpb'] ) : null; 140 | 141 | /* New data submitted, No previous data, create it */ 142 | if ( $submitted_data && '' == $saved_data ){ 143 | add_post_meta( $post_id, 'fxpb', $submitted_data, true ); 144 | } 145 | /* New data submitted, but it's different data than previously stored data, update it */ 146 | elseif( $submitted_data && ( $submitted_data != $saved_data ) ){ 147 | update_post_meta( $post_id, 'fxpb', $submitted_data ); 148 | } 149 | /* New data submitted is empty, but there's old data available, delete it. */ 150 | elseif ( empty( $submitted_data ) && $saved_data ){ 151 | delete_post_meta( $post_id, 'fxpb' ); 152 | } 153 | 154 | /* == Get Selected Page Template == */ 155 | $page_template = isset( $request['page_template'] ) ? esc_attr( $request['page_template'] ) : null; 156 | 157 | /* == Page Builder Template Selected, Save to Post Content == */ 158 | if( 'templates/page-builder.php' == $page_template ){ 159 | 160 | /* Page builder content without row/column wrapper */ 161 | $pb_content = fxpb_format_post_content_data( $submitted_data ); 162 | 163 | /* Post Data To Save */ 164 | $this_post = array( 165 | 'ID' => $post_id, 166 | 'post_content' => sanitize_post_field( 'post_content', $pb_content, $post_id, 'db' ), 167 | ); 168 | 169 | /** 170 | * Prevent infinite loop. 171 | * @link https://developer.wordpress.org/reference/functions/wp_update_post/ 172 | */ 173 | remove_action( 'save_post', 'fx_pbbase_save_post' ); 174 | wp_update_post( $this_post ); 175 | add_action( 'save_post', 'fx_pbbase_save_post' ); 176 | } 177 | 178 | /* == Always delete page builder data if page template not selected == */ 179 | else{ 180 | delete_post_meta( $post_id, 'fxpb' ); 181 | } 182 | } 183 | 184 | 185 | /** 186 | * Format Page Builder Content Without Wrapper Div. 187 | * This is added to post content. 188 | * @since 1.0.0 189 | **/ 190 | function fxpb_format_post_content_data( $row_datas ){ 191 | 192 | /* return if no rows data */ 193 | if( !$row_datas ){ 194 | return ''; 195 | } 196 | 197 | /* Output */ 198 | $content = ''; 199 | 200 | /* Loop for each rows */ 201 | foreach( $row_datas as $order => $row_data ){ 202 | $order = intval( $order ); 203 | 204 | /* === Row with 1 column === */ 205 | if( 'col-1' == $row_data['type'] ){ 206 | $content .= $row_data['content'] . "\r\n\r\n"; 207 | } 208 | /* === Row with 2 columns === */ 209 | elseif( 'col-2' == $row_data['type'] ){ 210 | $content .= $row_data['content-1'] . "\r\n\r\n"; 211 | $content .= $row_data['content-2'] . "\r\n\r\n"; 212 | } 213 | } 214 | return $content; 215 | } 216 | 217 | 218 | /** 219 | * Render Saved Rows 220 | * @since 1.0.0 221 | */ 222 | function fxpb_render_rows( $post ){ 223 | 224 | /* Get saved rows data and sanitize it */ 225 | $row_datas = fxpb_sanitize( get_post_meta( $post->ID, 'fxpb', true ) ); 226 | 227 | /* Default Message */ 228 | $default_message = 'Please add row to start!'; 229 | 230 | /* return if no rows data */ 231 | if( !$row_datas ){ 232 | echo '

' . $default_message . '

'; 233 | return; 234 | } 235 | /* Data available, hide default notice */ 236 | else{ 237 | echo ''; 238 | } 239 | 240 | /* Loop for each rows */ 241 | foreach( $row_datas as $order => $row_data ){ 242 | $order = intval( $order ); 243 | 244 | /* === Row with 1 column === */ 245 | if( 'col-1' == $row_data['type'] ){ 246 | ?> 247 |
248 | 249 |
250 | 251 | 252 | 1 Column 253 | 254 |
255 | 256 |
257 | 258 | 259 |
260 | 261 |
262 | 267 |
268 | 269 |
270 | 271 | 272 | 2 Columns 273 | 274 |
275 | 276 |
277 |
278 | 279 |
280 |
281 | 282 |
283 | 284 |
285 | 286 |
287 | 5 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA 6 | Everyone is permitted to copy and distribute verbatim copies 7 | of this license document, but changing it is not allowed. 8 | 9 | Preamble 10 | 11 | The licenses for most software are designed to take away your 12 | freedom to share and change it. By contrast, the GNU General Public 13 | License is intended to guarantee your freedom to share and change free 14 | software--to make sure the software is free for all its users. This 15 | General Public License applies to most of the Free Software 16 | Foundation's software and to any other program whose authors commit to 17 | using it. (Some other Free Software Foundation software is covered by 18 | the GNU Lesser General Public License instead.) You can apply it to 19 | your programs, too. 20 | 21 | When we speak of free software, we are referring to freedom, not 22 | price. Our General Public Licenses are designed to make sure that you 23 | have the freedom to distribute copies of free software (and charge for 24 | this service if you wish), that you receive source code or can get it 25 | if you want it, that you can change the software or use pieces of it 26 | in new free programs; and that you know you can do these things. 27 | 28 | To protect your rights, we need to make restrictions that forbid 29 | anyone to deny you these rights or to ask you to surrender the rights. 30 | These restrictions translate to certain responsibilities for you if you 31 | distribute copies of the software, or if you modify it. 32 | 33 | For example, if you distribute copies of such a program, whether 34 | gratis or for a fee, you must give the recipients all the rights that 35 | you have. You must make sure that they, too, receive or can get the 36 | source code. And you must show them these terms so they know their 37 | rights. 38 | 39 | We protect your rights with two steps: (1) copyright the software, and 40 | (2) offer you this license which gives you legal permission to copy, 41 | distribute and/or modify the software. 42 | 43 | Also, for each author's protection and ours, we want to make certain 44 | that everyone understands that there is no warranty for this free 45 | software. If the software is modified by someone else and passed on, we 46 | want its recipients to know that what they have is not the original, so 47 | that any problems introduced by others will not reflect on the original 48 | authors' reputations. 49 | 50 | Finally, any free program is threatened constantly by software 51 | patents. We wish to avoid the danger that redistributors of a free 52 | program will individually obtain patent licenses, in effect making the 53 | program proprietary. To prevent this, we have made it clear that any 54 | patent must be licensed for everyone's free use or not licensed at all. 55 | 56 | The precise terms and conditions for copying, distribution and 57 | modification follow. 58 | 59 | GNU GENERAL PUBLIC LICENSE 60 | TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 61 | 62 | 0. This License applies to any program or other work which contains 63 | a notice placed by the copyright holder saying it may be distributed 64 | under the terms of this General Public License. The "Program", below, 65 | refers to any such program or work, and a "work based on the Program" 66 | means either the Program or any derivative work under copyright law: 67 | that is to say, a work containing the Program or a portion of it, 68 | either verbatim or with modifications and/or translated into another 69 | language. (Hereinafter, translation is included without limitation in 70 | the term "modification".) Each licensee is addressed as "you". 71 | 72 | Activities other than copying, distribution and modification are not 73 | covered by this License; they are outside its scope. The act of 74 | running the Program is not restricted, and the output from the Program 75 | is covered only if its contents constitute a work based on the 76 | Program (independent of having been made by running the Program). 77 | Whether that is true depends on what the Program does. 78 | 79 | 1. You may copy and distribute verbatim copies of the Program's 80 | source code as you receive it, in any medium, provided that you 81 | conspicuously and appropriately publish on each copy an appropriate 82 | copyright notice and disclaimer of warranty; keep intact all the 83 | notices that refer to this License and to the absence of any warranty; 84 | and give any other recipients of the Program a copy of this License 85 | along with the Program. 86 | 87 | You may charge a fee for the physical act of transferring a copy, and 88 | you may at your option offer warranty protection in exchange for a fee. 89 | 90 | 2. You may modify your copy or copies of the Program or any portion 91 | of it, thus forming a work based on the Program, and copy and 92 | distribute such modifications or work under the terms of Section 1 93 | above, provided that you also meet all of these conditions: 94 | 95 | a) You must cause the modified files to carry prominent notices 96 | stating that you changed the files and the date of any change. 97 | 98 | b) You must cause any work that you distribute or publish, that in 99 | whole or in part contains or is derived from the Program or any 100 | part thereof, to be licensed as a whole at no charge to all third 101 | parties under the terms of this License. 102 | 103 | c) If the modified program normally reads commands interactively 104 | when run, you must cause it, when started running for such 105 | interactive use in the most ordinary way, to print or display an 106 | announcement including an appropriate copyright notice and a 107 | notice that there is no warranty (or else, saying that you provide 108 | a warranty) and that users may redistribute the program under 109 | these conditions, and telling the user how to view a copy of this 110 | License. (Exception: if the Program itself is interactive but 111 | does not normally print such an announcement, your work based on 112 | the Program is not required to print an announcement.) 113 | 114 | These requirements apply to the modified work as a whole. If 115 | identifiable sections of that work are not derived from the Program, 116 | and can be reasonably considered independent and separate works in 117 | themselves, then this License, and its terms, do not apply to those 118 | sections when you distribute them as separate works. But when you 119 | distribute the same sections as part of a whole which is a work based 120 | on the Program, the distribution of the whole must be on the terms of 121 | this License, whose permissions for other licensees extend to the 122 | entire whole, and thus to each and every part regardless of who wrote it. 123 | 124 | Thus, it is not the intent of this section to claim rights or contest 125 | your rights to work written entirely by you; rather, the intent is to 126 | exercise the right to control the distribution of derivative or 127 | collective works based on the Program. 128 | 129 | In addition, mere aggregation of another work not based on the Program 130 | with the Program (or with a work based on the Program) on a volume of 131 | a storage or distribution medium does not bring the other work under 132 | the scope of this License. 133 | 134 | 3. You may copy and distribute the Program (or a work based on it, 135 | under Section 2) in object code or executable form under the terms of 136 | Sections 1 and 2 above provided that you also do one of the following: 137 | 138 | a) Accompany it with the complete corresponding machine-readable 139 | source code, which must be distributed under the terms of Sections 140 | 1 and 2 above on a medium customarily used for software interchange; or, 141 | 142 | b) Accompany it with a written offer, valid for at least three 143 | years, to give any third party, for a charge no more than your 144 | cost of physically performing source distribution, a complete 145 | machine-readable copy of the corresponding source code, to be 146 | distributed under the terms of Sections 1 and 2 above on a medium 147 | customarily used for software interchange; or, 148 | 149 | c) Accompany it with the information you received as to the offer 150 | to distribute corresponding source code. (This alternative is 151 | allowed only for noncommercial distribution and only if you 152 | received the program in object code or executable form with such 153 | an offer, in accord with Subsection b above.) 154 | 155 | The source code for a work means the preferred form of the work for 156 | making modifications to it. For an executable work, complete source 157 | code means all the source code for all modules it contains, plus any 158 | associated interface definition files, plus the scripts used to 159 | control compilation and installation of the executable. However, as a 160 | special exception, the source code distributed need not include 161 | anything that is normally distributed (in either source or binary 162 | form) with the major components (compiler, kernel, and so on) of the 163 | operating system on which the executable runs, unless that component 164 | itself accompanies the executable. 165 | 166 | If distribution of executable or object code is made by offering 167 | access to copy from a designated place, then offering equivalent 168 | access to copy the source code from the same place counts as 169 | distribution of the source code, even though third parties are not 170 | compelled to copy the source along with the object code. 171 | 172 | 4. You may not copy, modify, sublicense, or distribute the Program 173 | except as expressly provided under this License. Any attempt 174 | otherwise to copy, modify, sublicense or distribute the Program is 175 | void, and will automatically terminate your rights under this License. 176 | However, parties who have received copies, or rights, from you under 177 | this License will not have their licenses terminated so long as such 178 | parties remain in full compliance. 179 | 180 | 5. You are not required to accept this License, since you have not 181 | signed it. However, nothing else grants you permission to modify or 182 | distribute the Program or its derivative works. These actions are 183 | prohibited by law if you do not accept this License. Therefore, by 184 | modifying or distributing the Program (or any work based on the 185 | Program), you indicate your acceptance of this License to do so, and 186 | all its terms and conditions for copying, distributing or modifying 187 | the Program or works based on it. 188 | 189 | 6. Each time you redistribute the Program (or any work based on the 190 | Program), the recipient automatically receives a license from the 191 | original licensor to copy, distribute or modify the Program subject to 192 | these terms and conditions. You may not impose any further 193 | restrictions on the recipients' exercise of the rights granted herein. 194 | You are not responsible for enforcing compliance by third parties to 195 | this License. 196 | 197 | 7. If, as a consequence of a court judgment or allegation of patent 198 | infringement or for any other reason (not limited to patent issues), 199 | conditions are imposed on you (whether by court order, agreement or 200 | otherwise) that contradict the conditions of this License, they do not 201 | excuse you from the conditions of this License. If you cannot 202 | distribute so as to satisfy simultaneously your obligations under this 203 | License and any other pertinent obligations, then as a consequence you 204 | may not distribute the Program at all. For example, if a patent 205 | license would not permit royalty-free redistribution of the Program by 206 | all those who receive copies directly or indirectly through you, then 207 | the only way you could satisfy both it and this License would be to 208 | refrain entirely from distribution of the Program. 209 | 210 | If any portion of this section is held invalid or unenforceable under 211 | any particular circumstance, the balance of the section is intended to 212 | apply and the section as a whole is intended to apply in other 213 | circumstances. 214 | 215 | It is not the purpose of this section to induce you to infringe any 216 | patents or other property right claims or to contest validity of any 217 | such claims; this section has the sole purpose of protecting the 218 | integrity of the free software distribution system, which is 219 | implemented by public license practices. Many people have made 220 | generous contributions to the wide range of software distributed 221 | through that system in reliance on consistent application of that 222 | system; it is up to the author/donor to decide if he or she is willing 223 | to distribute software through any other system and a licensee cannot 224 | impose that choice. 225 | 226 | This section is intended to make thoroughly clear what is believed to 227 | be a consequence of the rest of this License. 228 | 229 | 8. If the distribution and/or use of the Program is restricted in 230 | certain countries either by patents or by copyrighted interfaces, the 231 | original copyright holder who places the Program under this License 232 | may add an explicit geographical distribution limitation excluding 233 | those countries, so that distribution is permitted only in or among 234 | countries not thus excluded. In such case, this License incorporates 235 | the limitation as if written in the body of this License. 236 | 237 | 9. The Free Software Foundation may publish revised and/or new versions 238 | of the General Public License from time to time. Such new versions will 239 | be similar in spirit to the present version, but may differ in detail to 240 | address new problems or concerns. 241 | 242 | Each version is given a distinguishing version number. If the Program 243 | specifies a version number of this License which applies to it and "any 244 | later version", you have the option of following the terms and conditions 245 | either of that version or of any later version published by the Free 246 | Software Foundation. If the Program does not specify a version number of 247 | this License, you may choose any version ever published by the Free Software 248 | Foundation. 249 | 250 | 10. If you wish to incorporate parts of the Program into other free 251 | programs whose distribution conditions are different, write to the author 252 | to ask for permission. For software which is copyrighted by the Free 253 | Software Foundation, write to the Free Software Foundation; we sometimes 254 | make exceptions for this. Our decision will be guided by the two goals 255 | of preserving the free status of all derivatives of our free software and 256 | of promoting the sharing and reuse of software generally. 257 | 258 | NO WARRANTY 259 | 260 | 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY 261 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN 262 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES 263 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED 264 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 265 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS 266 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE 267 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, 268 | REPAIR OR CORRECTION. 269 | 270 | 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 271 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR 272 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, 273 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING 274 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED 275 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY 276 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER 277 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE 278 | POSSIBILITY OF SUCH DAMAGES. 279 | 280 | END OF TERMS AND CONDITIONS 281 | 282 | How to Apply These Terms to Your New Programs 283 | 284 | If you develop a new program, and you want it to be of the greatest 285 | possible use to the public, the best way to achieve this is to make it 286 | free software which everyone can redistribute and change under these terms. 287 | 288 | To do so, attach the following notices to the program. It is safest 289 | to attach them to the start of each source file to most effectively 290 | convey the exclusion of warranty; and each file should have at least 291 | the "copyright" line and a pointer to where the full notice is found. 292 | 293 | {description} 294 | Copyright (C) {year} {fullname} 295 | 296 | This program is free software; you can redistribute it and/or modify 297 | it under the terms of the GNU General Public License as published by 298 | the Free Software Foundation; either version 2 of the License, or 299 | (at your option) any later version. 300 | 301 | This program is distributed in the hope that it will be useful, 302 | but WITHOUT ANY WARRANTY; without even the implied warranty of 303 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 304 | GNU General Public License for more details. 305 | 306 | You should have received a copy of the GNU General Public License along 307 | with this program; if not, write to the Free Software Foundation, Inc., 308 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. 309 | 310 | Also add information on how to contact you by electronic and paper mail. 311 | 312 | If the program is interactive, make it output a short notice like this 313 | when it starts in an interactive mode: 314 | 315 | Gnomovision version 69, Copyright (C) year name of author 316 | Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 317 | This is free software, and you are welcome to redistribute it 318 | under certain conditions; type `show c' for details. 319 | 320 | The hypothetical commands `show w' and `show c' should show the appropriate 321 | parts of the General Public License. Of course, the commands you use may 322 | be called something other than `show w' and `show c'; they could even be 323 | mouse-clicks or menu items--whatever suits your program. 324 | 325 | You should also get your employer (if you work as a programmer) or your 326 | school, if any, to sign a "copyright disclaimer" for the program, if 327 | necessary. Here is a sample; alter the names: 328 | 329 | Yoyodyne, Inc., hereby disclaims all copyright interest in the program 330 | `Gnomovision' (which makes passes at compilers) written by James Hacker. 331 | 332 | {signature of Ty Coon}, 1 April 1989 333 | Ty Coon, President of Vice 334 | 335 | This General Public License does not permit incorporating your program into 336 | proprietary programs. If your program is a subroutine library, you may 337 | consider it more useful to permit linking proprietary applications with the 338 | library. If this is what you want to do, use the GNU Lesser General 339 | Public License instead of this License. 340 | 341 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Custom WP Page Builder Tutorial 2 | 3 | This plugin is created as example in [Page Builder Tutorial Series](https://shellcreeper.com/series/page-builder-tuts/) in my blog. 4 | 5 | :turtle: Follow my twitter for updates: [@turtlepod](https://twitter.com/turtlepod).
6 | :coffee: Useful? [Buy me coffee](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=TT23LVNKA3AU2). 7 | 8 | ## (Intro) Create Your Own WordPress Page Builder Plugin From Scratch 9 | 10 | [Read Tutorial](https://shellcreeper.com/wp-page-builder-plugin-from-scratch/) 11 | 12 | ## PART #1: Create Page Builder Page Template 13 | 14 | [Read Tutorial](https://shellcreeper.com/wp-page-builder-from-scratch-1-create-page-builder-page-template/) 15 | 16 | ## PART #2: Features, Design, and UI 17 | 18 | [Read Tutorial](https://shellcreeper.com/wp-page-builder-from-scratch-2-features-design-and-ui/) 19 | 20 | ## PART #3: Data Structure and Saving Page Builder Data 21 | 22 | [Read Tutorial](https://shellcreeper.com/wp-page-builder-from-scratch-3-data-structure-and-saving-page-builder-data/) 23 | 24 | ## PART #4: Front-End Output, Theme Dependency, Save Data to Content 25 | 26 | [Read Tutorial](https://shellcreeper.com/wp-page-builder-from-scratch-4-front-end-output-theme-dependency-saving-data-to-content/) 27 | 28 | peace,
29 | David. 30 | 31 | --------------------------------------------------------------------------------