Compare commits
No commits in common. "33ff9faa0dc0b41f4f0f7fbda17ccb6e8199fb9f" and "a9f613d8cb8421f8e7937475fa3e73d05a124be5" have entirely different histories.
33ff9faa0d
...
a9f613d8cb
|
|
@ -283,14 +283,6 @@ return array(
|
||||||
'blockVariant' => array(
|
'blockVariant' => array(
|
||||||
'type' => 'string',
|
'type' => 'string',
|
||||||
'default' => 'framed'
|
'default' => 'framed'
|
||||||
),
|
|
||||||
'blockWidth' => array(
|
|
||||||
'type' => 'string',
|
|
||||||
'default' => 'full',
|
|
||||||
'enum' => array(
|
|
||||||
'full',
|
|
||||||
'contained'
|
|
||||||
)
|
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
|
|
@ -511,12 +503,6 @@ return array(
|
||||||
'editorStyle' => 'file:./index.css',
|
'editorStyle' => 'file:./index.css',
|
||||||
'style' => 'file:./style-index.css',
|
'style' => 'file:./style-index.css',
|
||||||
'viewScript' => 'file:./view.js',
|
'viewScript' => 'file:./view.js',
|
||||||
'styles' => array(
|
|
||||||
array(
|
|
||||||
'name' => 'stroked-after',
|
|
||||||
'label' => 'Titre + trait '
|
|
||||||
)
|
|
||||||
),
|
|
||||||
'attributes' => array(
|
'attributes' => array(
|
||||||
'hierarchy' => array(
|
'hierarchy' => array(
|
||||||
'type' => 'string',
|
'type' => 'string',
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
<?php return array('dependencies' => array('react', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n', 'wp-primitives'), 'version' => '20310519f99c6d7fbfc4');
|
<?php return array('dependencies' => array('react', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n', 'wp-primitives'), 'version' => 'a3913cd7d447c34aa294');
|
||||||
|
|
|
||||||
|
|
@ -183,6 +183,8 @@ function Edit({
|
||||||
hasLightBackground: isLightBackgroundColor
|
hasLightBackground: isLightBackgroundColor
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
console.log(backgroundColor);
|
||||||
|
console.log((0,_utilities_utilities__WEBPACK_IMPORTED_MODULE_7__.isColorLight)(backgroundColor));
|
||||||
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment, {
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment, {
|
||||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InspectorControls, {
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InspectorControls, {
|
||||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -37,14 +37,6 @@
|
||||||
"blockVariant": {
|
"blockVariant": {
|
||||||
"type": "string",
|
"type": "string",
|
||||||
"default": "framed"
|
"default": "framed"
|
||||||
},
|
|
||||||
"blockWidth": {
|
|
||||||
"type": "string",
|
|
||||||
"default": "full",
|
|
||||||
"enum": [
|
|
||||||
"full",
|
|
||||||
"contained"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1 +1 @@
|
||||||
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-i18n'), 'version' => '45f49839a2c1b3f6bfdc');
|
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-i18n'), 'version' => 'c3dee79056580a73a99f');
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@ function isColorLight(color) {
|
||||||
\************************************/
|
\************************************/
|
||||||
/***/ ((module) => {
|
/***/ ((module) => {
|
||||||
|
|
||||||
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"carhop-blocks/content-box","version":"0.1.0","title":"Boite de contenu","category":"carhop-blocks","icon":"smiley","description":"Boite de contenu pour la mise en forme d\'éléments de contenu","example":{},"supports":{"html":false,"anchor":true},"textdomain":"carhop-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","viewScript":"file:./view.js","attributes":{"hasBackgroundColor":{"type":"boolean","default":false},"backgroundColor":{"type":"string","default":"#f1fcf9"},"hasLightBackground":{"type":"boolean","default":true},"textColor":{"type":"string","default":"inherit"},"blockVariant":{"type":"string","default":"framed"},"blockWidth":{"type":"string","default":"full","enum":["full","contained"]}}}');
|
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"carhop-blocks/content-box","version":"0.1.0","title":"Boite de contenu","category":"carhop-blocks","icon":"smiley","description":"Boite de contenu pour la mise en forme d\'éléments de contenu","example":{},"supports":{"html":false,"anchor":true},"textdomain":"carhop-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","viewScript":"file:./view.js","attributes":{"hasBackgroundColor":{"type":"boolean","default":false},"backgroundColor":{"type":"string","default":"#f1fcf9"},"hasLightBackground":{"type":"boolean","default":true},"textColor":{"type":"string","default":"inherit"},"blockVariant":{"type":"string","default":"framed"}}}');
|
||||||
|
|
||||||
/***/ }),
|
/***/ }),
|
||||||
|
|
||||||
|
|
@ -88,10 +88,9 @@ function Edit({
|
||||||
backgroundColor,
|
backgroundColor,
|
||||||
textColor,
|
textColor,
|
||||||
hasLightBackground,
|
hasLightBackground,
|
||||||
blockVariant,
|
blockVariant
|
||||||
blockWidth
|
|
||||||
} = attributes;
|
} = attributes;
|
||||||
console.log(blockWidth);
|
|
||||||
// Détecter le type de post actuel
|
// Détecter le type de post actuel
|
||||||
const postType = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_3__.useSelect)(select => {
|
const postType = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_3__.useSelect)(select => {
|
||||||
return select("core/editor").getCurrentPostType();
|
return select("core/editor").getCurrentPostType();
|
||||||
|
|
@ -143,14 +142,6 @@ function Edit({
|
||||||
setAttributes({
|
setAttributes({
|
||||||
blockVariant: value
|
blockVariant: value
|
||||||
});
|
});
|
||||||
if (value === "framed" || value === "nude") {
|
|
||||||
setAttributes({
|
|
||||||
backgroundColor: "#fff"
|
|
||||||
});
|
|
||||||
setAttributes({
|
|
||||||
hasLightBackground: true
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment, {
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment, {
|
||||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InspectorControls, {
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InspectorControls, {
|
||||||
|
|
@ -164,31 +155,12 @@ function Edit({
|
||||||
__nextHasNoMarginBottom: true,
|
__nextHasNoMarginBottom: true,
|
||||||
__next40pxDefaultSize: true,
|
__next40pxDefaultSize: true,
|
||||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
||||||
value: "nude",
|
|
||||||
label: "Nu"
|
|
||||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
|
||||||
value: "framed",
|
value: "framed",
|
||||||
label: "Encadr\xE9"
|
label: "Encadr\xE9"
|
||||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
||||||
value: "backgrounded",
|
value: "backgrounded",
|
||||||
label: "Fond color\xE9"
|
label: "Fond color\xE9"
|
||||||
})]
|
})]
|
||||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControl, {
|
|
||||||
label: "Largeur du bloc",
|
|
||||||
value: blockWidth,
|
|
||||||
onChange: value => setAttributes({
|
|
||||||
blockWidth: value
|
|
||||||
}),
|
|
||||||
isBlock: true,
|
|
||||||
__nextHasNoMarginBottom: true,
|
|
||||||
__next40pxDefaultSize: true,
|
|
||||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
|
||||||
value: "full",
|
|
||||||
label: "Pleine largeur"
|
|
||||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
|
||||||
value: "contained",
|
|
||||||
label: "Contenue"
|
|
||||||
})]
|
|
||||||
}), blockVariant === "backgrounded" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Card, {
|
}), blockVariant === "backgrounded" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Card, {
|
||||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CardHeader, {
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CardHeader, {
|
||||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("h1", {
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("h1", {
|
||||||
|
|
@ -219,8 +191,7 @@ function Edit({
|
||||||
})
|
})
|
||||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("section", {
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("section", {
|
||||||
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps)({
|
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps)({
|
||||||
className: `${postType !== "articles" && "alignfull"} content-box content-box--variant-${blockVariant} ${hasLightBackground ? "content-box--bg-light" : "content-box--bg-dark"}
|
className: `${postType !== "articles" && "alignfull"} content-box content-box--variant-${blockVariant} ${hasLightBackground ? "content-box--bg-light" : "content-box--bg-dark"}`,
|
||||||
${blockWidth === "contained" ? "alignwide" : "alignfull"}`,
|
|
||||||
style: {
|
style: {
|
||||||
"--content-box-text-color": textColor !== null && textColor !== void 0 ? textColor : "inherit",
|
"--content-box-text-color": textColor !== null && textColor !== void 0 ? textColor : "inherit",
|
||||||
"--content-box-background-color": blockVariant === "backgrounded" ? backgroundColor : "transparent"
|
"--content-box-background-color": blockVariant === "backgrounded" ? backgroundColor : "transparent"
|
||||||
|
|
@ -322,13 +293,11 @@ function save({
|
||||||
textColor,
|
textColor,
|
||||||
hasLightBackground,
|
hasLightBackground,
|
||||||
hasBackgroundColor,
|
hasBackgroundColor,
|
||||||
blockVariant,
|
blockVariant
|
||||||
blockWidth
|
|
||||||
} = attributes;
|
} = attributes;
|
||||||
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("section", {
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("section", {
|
||||||
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__.useBlockProps.save({
|
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__.useBlockProps.save({
|
||||||
className: `content-box content-box--variant-${blockVariant} ${hasLightBackground ? "content-box--bg-light" : "content-box--bg-dark"}
|
className: `content-box content-box--variant-${blockVariant} ${hasLightBackground ? "content-box--bg-light" : "content-box--bg-dark"}`,
|
||||||
${blockWidth === "contained" ? "alignwide" : "alignfull"}`,
|
|
||||||
style: {
|
style: {
|
||||||
"--content-box-text-color": textColor !== null && textColor !== void 0 ? textColor : "inherit",
|
"--content-box-text-color": textColor !== null && textColor !== void 0 ? textColor : "inherit",
|
||||||
"--content-box-background-color": blockVariant === "backgrounded" ? backgroundColor : "transparent"
|
"--content-box-background-color": blockVariant === "backgrounded" ? backgroundColor : "transparent"
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -16,12 +16,6 @@
|
||||||
"editorStyle": "file:./index.css",
|
"editorStyle": "file:./index.css",
|
||||||
"style": "file:./style-index.css",
|
"style": "file:./style-index.css",
|
||||||
"viewScript": "file:./view.js",
|
"viewScript": "file:./view.js",
|
||||||
"styles": [
|
|
||||||
{
|
|
||||||
"name": "stroked-after",
|
|
||||||
"label": "Titre + trait "
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"attributes": {
|
"attributes": {
|
||||||
"hierarchy": {
|
"hierarchy": {
|
||||||
"type": "string",
|
"type": "string",
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => 'd4e1ebabc5dcdc5cce1d');
|
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => '63c97536bc9b836b7ef7');
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
\********************************/
|
\********************************/
|
||||||
/***/ ((module) => {
|
/***/ ((module) => {
|
||||||
|
|
||||||
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"carhop-blocks/heading","version":"0.1.0","title":"Titrage","category":"carhop-blocks","icon":"smiley","description":"Boite de titrage pour la mise en forme d\'éléments de contenu","example":{},"supports":{"html":false},"textdomain":"carhop-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","viewScript":"file:./view.js","styles":[{"name":"stroked-after","label":"Titre + trait "}],"attributes":{"hierarchy":{"type":"string","enum":["classic","inverted"],"default":"classic"}}}');
|
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"carhop-blocks/heading","version":"0.1.0","title":"Titrage","category":"carhop-blocks","icon":"smiley","description":"Boite de titrage pour la mise en forme d\'éléments de contenu","example":{},"supports":{"html":false},"textdomain":"carhop-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","viewScript":"file:./view.js","attributes":{"hierarchy":{"type":"string","enum":["classic","inverted"],"default":"classic"}}}');
|
||||||
|
|
||||||
/***/ }),
|
/***/ }),
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -100,28 +100,3 @@ function carhop_register_blocks()
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
add_action('init', 'carhop_register_blocks');
|
add_action('init', 'carhop_register_blocks');
|
||||||
|
|
||||||
/* ----------------------------------------------------------------
|
|
||||||
##### EDITOR EXTENSIONS
|
|
||||||
------------------------------------------------------------------*/
|
|
||||||
/**
|
|
||||||
* Étend le bloc Titre (core/heading) avec un attribut "carhopVariant"
|
|
||||||
* et ajoute une interface pour choisir une variante (ajoute une classe CSS).
|
|
||||||
*/
|
|
||||||
function carhop_enqueue_editor_assets()
|
|
||||||
{
|
|
||||||
$script_path = __DIR__ . '/src/core-heading-variant/editor.js';
|
|
||||||
if (!file_exists($script_path)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
wp_enqueue_script(
|
|
||||||
'carhop-heading-variant',
|
|
||||||
plugins_url('src/core-heading-variant/editor.js', __FILE__),
|
|
||||||
array('wp-blocks', 'wp-element', 'wp-dom-ready', 'wp-components', 'wp-compose', 'wp-data', 'wp-hooks', 'wp-i18n', 'wp-block-editor', 'wp-edit-post'),
|
|
||||||
filemtime($script_path),
|
|
||||||
true
|
|
||||||
);
|
|
||||||
}
|
|
||||||
add_action('enqueue_block_editor_assets', 'carhop_enqueue_editor_assets');
|
|
||||||
|
|
|
||||||
|
|
@ -86,6 +86,8 @@ export default function Edit({ attributes, setAttributes, ...props }) {
|
||||||
const isLightBackgroundColor = isColorLight(backgroundColor);
|
const isLightBackgroundColor = isColorLight(backgroundColor);
|
||||||
setAttributes({ hasLightBackground: isLightBackgroundColor });
|
setAttributes({ hasLightBackground: isLightBackgroundColor });
|
||||||
}
|
}
|
||||||
|
console.log(backgroundColor);
|
||||||
|
console.log(isColorLight(backgroundColor));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
|
||||||
|
|
@ -37,14 +37,6 @@
|
||||||
"blockVariant": {
|
"blockVariant": {
|
||||||
"type": "string",
|
"type": "string",
|
||||||
"default": "framed"
|
"default": "framed"
|
||||||
},
|
|
||||||
"blockWidth": {
|
|
||||||
"type": "string",
|
|
||||||
"default": "full",
|
|
||||||
"enum": [
|
|
||||||
"full",
|
|
||||||
"contained"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -37,7 +37,6 @@ export default function Edit({ attributes, setAttributes, ...props }) {
|
||||||
textColor,
|
textColor,
|
||||||
hasLightBackground,
|
hasLightBackground,
|
||||||
blockVariant,
|
blockVariant,
|
||||||
blockWidth,
|
|
||||||
} = attributes;
|
} = attributes;
|
||||||
|
|
||||||
// Détecter le type de post actuel
|
// Détecter le type de post actuel
|
||||||
|
|
@ -78,11 +77,6 @@ export default function Edit({ attributes, setAttributes, ...props }) {
|
||||||
}
|
}
|
||||||
function onBlockVariantChange(value) {
|
function onBlockVariantChange(value) {
|
||||||
setAttributes({ blockVariant: value });
|
setAttributes({ blockVariant: value });
|
||||||
|
|
||||||
if (value === "framed" || value === "nude") {
|
|
||||||
setAttributes({ backgroundColor: "#fff" });
|
|
||||||
setAttributes({ hasLightBackground: true });
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
@ -96,24 +90,12 @@ export default function Edit({ attributes, setAttributes, ...props }) {
|
||||||
__nextHasNoMarginBottom
|
__nextHasNoMarginBottom
|
||||||
__next40pxDefaultSize
|
__next40pxDefaultSize
|
||||||
>
|
>
|
||||||
<ToggleGroupControlOption value="nude" label="Nu" />
|
|
||||||
<ToggleGroupControlOption value="framed" label="Encadré" />
|
<ToggleGroupControlOption value="framed" label="Encadré" />
|
||||||
<ToggleGroupControlOption
|
<ToggleGroupControlOption
|
||||||
value="backgrounded"
|
value="backgrounded"
|
||||||
label="Fond coloré"
|
label="Fond coloré"
|
||||||
/>
|
/>
|
||||||
</ToggleGroupControl>
|
</ToggleGroupControl>
|
||||||
<ToggleGroupControl
|
|
||||||
label="Largeur du bloc"
|
|
||||||
value={blockWidth}
|
|
||||||
onChange={(value) => setAttributes({ blockWidth: value })}
|
|
||||||
isBlock
|
|
||||||
__nextHasNoMarginBottom
|
|
||||||
__next40pxDefaultSize
|
|
||||||
>
|
|
||||||
<ToggleGroupControlOption value="full" label="Pleine largeur" />
|
|
||||||
<ToggleGroupControlOption value="contained" label="Contenue" />
|
|
||||||
</ToggleGroupControl>
|
|
||||||
|
|
||||||
{blockVariant === "backgrounded" && (
|
{blockVariant === "backgrounded" && (
|
||||||
<Card>
|
<Card>
|
||||||
|
|
@ -156,8 +138,7 @@ export default function Edit({ attributes, setAttributes, ...props }) {
|
||||||
hasLightBackground
|
hasLightBackground
|
||||||
? "content-box--bg-light"
|
? "content-box--bg-light"
|
||||||
: "content-box--bg-dark"
|
: "content-box--bg-dark"
|
||||||
}
|
}`,
|
||||||
${blockWidth === "contained" ? "alignwide" : "alignfull"}`,
|
|
||||||
style: {
|
style: {
|
||||||
"--content-box-text-color": textColor ?? "inherit",
|
"--content-box-text-color": textColor ?? "inherit",
|
||||||
"--content-box-background-color":
|
"--content-box-background-color":
|
||||||
|
|
|
||||||
|
|
@ -8,15 +8,13 @@ export default function save({ attributes }) {
|
||||||
hasLightBackground,
|
hasLightBackground,
|
||||||
hasBackgroundColor,
|
hasBackgroundColor,
|
||||||
blockVariant,
|
blockVariant,
|
||||||
blockWidth,
|
|
||||||
} = attributes;
|
} = attributes;
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
{...useBlockProps.save({
|
{...useBlockProps.save({
|
||||||
className: `content-box content-box--variant-${blockVariant} ${
|
className: `content-box content-box--variant-${blockVariant} ${
|
||||||
hasLightBackground ? "content-box--bg-light" : "content-box--bg-dark"
|
hasLightBackground ? "content-box--bg-light" : "content-box--bg-dark"
|
||||||
}
|
}`,
|
||||||
${blockWidth === "contained" ? "alignwide" : "alignfull"}`,
|
|
||||||
style: {
|
style: {
|
||||||
"--content-box-text-color": textColor ?? "inherit",
|
"--content-box-text-color": textColor ?? "inherit",
|
||||||
"--content-box-background-color":
|
"--content-box-background-color":
|
||||||
|
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
// wp.blocks.registerBlockVariation("core/heading", {
|
|
||||||
// name: "heading-variant",
|
|
||||||
// title: "Titre + trait ",
|
|
||||||
|
|
||||||
// attributes: {
|
|
||||||
// className: "is-styled-stroked-after",
|
|
||||||
// },
|
|
||||||
// scope: ["inserter", "block", "transform"],
|
|
||||||
// });
|
|
||||||
|
|
||||||
wp.blocks.registerBlockStyle("core/heading", {
|
|
||||||
name: "stroked-after",
|
|
||||||
label: "Titre + trait ",
|
|
||||||
});
|
|
||||||
|
|
||||||
// wp.blocks.registerBlockStyle("carhop-blocks/heading", {
|
|
||||||
// name: "stroked-after",
|
|
||||||
// label: "Titre + trait ",
|
|
||||||
// });
|
|
||||||
|
|
@ -16,12 +16,6 @@
|
||||||
"editorStyle": "file:./index.css",
|
"editorStyle": "file:./index.css",
|
||||||
"style": "file:./style-index.css",
|
"style": "file:./style-index.css",
|
||||||
"viewScript": "file:./view.js",
|
"viewScript": "file:./view.js",
|
||||||
"styles": [
|
|
||||||
{
|
|
||||||
"name": "stroked-after",
|
|
||||||
"label": "Titre + trait "
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"attributes": {
|
"attributes": {
|
||||||
"hierarchy": {
|
"hierarchy": {
|
||||||
"type": "string",
|
"type": "string",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user