dividezigns
dividezigns
/ single-template_name.php
Last active
June 19, 2018 23:39
This code will use ACF's relationship field to display a WP Forms. Place this code snippet in your single template file located in your child theme directory.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| $posts = get_field('wp_forms'); | |
| if( $posts ): | |
| foreach( $posts as $post): | |
| $form_id = get_the_ID(); | |
| echo do_shortcode('[wpforms id="' . $form_id . '"]'); | |
| endforeach; | |
| wp_reset_postdata(); | |
| endif; |
dividezigns
/ single-template_name.php
Last active
February 15, 2023 16:53
This code will use ACF's galley field with Divi's native gallery module. Place this code snippet in your single template file located in your child theme directory.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| $columnNumber++ | |
| ?> | |
| <div class="et_pb_row et_pb_row_<?php echo $columnNumber++ ?> et_pb_gutters2 wcf_gallery_row"> | |
| <div class="et_pb_column et_pb_column_4_4 et_pb_column_<?php echo $columnNumber++ ?>"> | |
| <div class="et_pb_module et_pb_gallery et_pb_gallery_<?php echo $columnNumber++ ?> et_pb_gallery_grid et_pb_bg_layout_light clearfix"> | |
| <div class="et_pb_gallery_items et_post_gallery clearfix" data-per_page="20"> | |
| <?php |
dividezigns
/ functions.php
Created
May 30, 2018 02:35
This code will hide the WordPress editor bases on a custom template. Good if you're using your own fields. You can add this code snippet to your functions.php file in your child theme directory.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| add_action( 'admin_head', 'hide_editor' ); | |
| function hide_editor() { | |
| $template_file = basename( get_page_template() ); | |
| if($template_file == 'template-name.php'){ | |
| remove_post_type_support('page', 'editor'); | |
| } | |
| } |
dividezigns
/ Template or Page
Last active
May 27, 2018 17:48
Add custom shortcode inside template file
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // This shortcode is placed in any template file | |
| <?php echo do_shortcode("[featured-project]"); ?> | |
| // This shortcode is placed in WordPress page | |
| [featured-project] |
dividezigns
/ Enqueue other styles and scripts
Created
May 27, 2018 04:04
This code will load other style.css files and js scripts. Place this code in the functions.php file in your child theme directory.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| add_action( 'wp_enqueue_scripts', 'my_assets' ); | |
| function my_assets() { | |
| wp_enqueue_style( 'parent-theme-css', get_template_directory_uri() . '/style.css' ); | |
| wp_enqueue_style( 'fancy-box-css', get_stylesheet_directory_uri() . '/css/jquery.fancybox.css' ); | |
| wp_enqueue_script( 'fancy-box-script', get_stylesheet_directory_uri() . '/js/jquery.fancybox.js', array( 'jquery' ) ); | |
| } |
dividezigns
/ Replace List Bullets with Divi Icons
Last active
May 6, 2018 05:35
This code will replace the standard HTML list bullets and with any Divi icon. Place code in style.css file in your child theme directory.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .custom_bullets ul { | |
| padding-bottom: 20px; | |
| } | |
| .custom_bullets li { | |
| padding-left: 15px; | |
| padding-bottom: 0em; | |
| list-style-type: none; | |
| } |
dividezigns
/ Fullwidth Divi Mobile Menu
Last active
May 6, 2018 05:14
This code will force Divi's mobile menu to expand fullwidth. Place this code in style.css file in your child theme directory.
dividezigns
/ List of Social Media Icon Classes for Divi's Secondary Navigation
Last active
May 6, 2018 05:44
These Divi classes will give you more social media icon option in footer and secondary navigation.
dividezigns
/ Enqueue Child Theme
Last active
May 6, 2018 05:10
This code will load your child theme style.css file. Place this code in your child themes functions.php to Enqueue Child Theme.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| add_action( 'wp_enqueue_scripts', 'my_child_theme_scripts' ); | |
| function my_child_theme_scripts() { | |
| wp_enqueue_style( 'parent-theme-css', get_template_directory_uri() . '/style.css' ); | |
| } |
dividezigns
/ New Breakpoint For Mobile Menu
Last active
May 6, 2018 05:25
This code will change the break point to reveal Divi's mobile menu. Place this code in style.css file in your child theme directory.
NewerOlder