You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
0c33094de9 | 7 months ago | |
---|---|---|
.. | ||
3d-diamonds.php | 7 months ago | |
README.md | 7 months ago | |
checkerboard.php | 7 months ago | |
confetti.php | 7 months ago | |
crosses.php | 7 months ago | |
cubes.php | 7 months ago | |
diagonal-stripes-2.php | 7 months ago | |
diagonal-stripes.php | 7 months ago | |
diamonds.php | 7 months ago | |
honeycomb.php | 7 months ago | |
inverted-chevrons-2.php | 7 months ago | |
inverted-chevrons.php | 7 months ago | |
ogees.php | 7 months ago | |
pills.php | 7 months ago | |
pinwheel.php | 7 months ago | |
polka-dots.php | 7 months ago | |
scallops.php | 7 months ago | |
shippo.php | 7 months ago | |
smiles.php | 7 months ago | |
squares.php | 7 months ago | |
triangles.php | 7 months ago | |
tufted.php | 7 months ago | |
waves.php | 7 months ago | |
zig-zag-2.php | 7 months ago | |
zig-zag.php | 7 months ago |
README.md
Adding New Pattern Style
To add new Pattern style in the Divi Builder follow the Actions Items.
Action Items
- Copy Pattern Template (see bellow).
- Replace
NAME
, all theET_Builder_Pattern_NAME
in the template (3 places). - Replace
TITLE
in the template (2 places). - Replace
PRIORITY
in the template, lower number will make it show-up early in Pattern Style Dropdown list in the VB. - Save in a new file, e.g:
some-name.php
, in this folder, add/commit to the repository.
Tip:
- For
NAME
, if it's multiple words likeDiagonal Lines
, use_
to join, e.gDiagonal_Lines
. - For
filename
, if it's multiple words likeDiagonal Lines
, use-
to join and make it lower case, e.gdiagonal-lines.php
. - Once new
filename.php
placed in this folder, the new pattern would automatically appear in the VB (just refresh). - default', 'default-inverted', 'thumbnail' should only contain all tags inside the
<svg></svg>
file, e.g:
'thumbnail' => '<path d="M28,28H56V56H28ZM0,0H28V28H0Z"/>',
Pattern Template:
<?php
/**
* Background Pattern Style - TITLE.
*
* @package Divi
* @sub-package Builder
* @since ??
*/
if ( ! defined( 'ABSPATH' ) ) {
die( 'Direct access forbidden.' );
}
/**
* Class ET_Builder_Pattern_NAME
*
* @since ??
*/
class ET_Builder_Pattern_NAME extends ET_Builder_Background_Pattern_Style_Base {
/**
* Configuration.
*
* @return array
*/
public function settings() {
return array(
'label' => esc_html__( 'TITLE', 'et-builder' ),
'svgContent' => array(
'default' => '',
'default-inverted' => '',
'rotated' => '',
'rotated-inverted' => '',
'thumbnail' => '',
),
'width' => '11px',
'height' => '11px',
// Replace following PRIORITY with number (1-9) and uncomment to make it on top 9 list.
// phpcs:ignore Squiz.PHP.CommentedOutCode.Found -- temporary comment.
// 'priority' => PRIORITY,
);
}
}
return new ET_Builder_Pattern_NAME();
Last Updated: Mar 10, 2022.