{"id":14893,"date":"2022-08-25T12:09:29","date_gmt":"2022-08-25T10:09:29","guid":{"rendered":"https:\/\/hesmid.nl\/test\/?p=14893"},"modified":"2022-08-25T16:04:37","modified_gmt":"2022-08-25T14:04:37","slug":"color-support-in-acf-composer-blocks","status":"publish","type":"post","link":"https:\/\/hesmid.nl\/test\/color-support-in-acf-composer-blocks\/","title":{"rendered":"Color support in acf-(composer) blocks"},"content":{"rendered":"\n<p><strong>In MyBlock.php<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">public $supports = [\n        ...\n        'color' => true\n    ];<\/pre>\n\n\n\n<p>Or more fine tuned:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">public $supports = [\n  ...\n  'color'  => [\n    'background' => true,\n    'text'       => false,\n  ]\n]\n<\/pre>\n\n\n\n<!--more-->\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"> \/**\n     * Assembles the block's text and background color classes\n     * https:\/\/github.com\/Log1x\/acf-composer\/issues\/107#issuecomment-1089065362\n     *\n      * @return string\n    *\/\n\n    public function getColorClasses()\n    {\n    \/\/ No need to generate them if we're inside the Editor:\n      if ($this->preview) {\n        return '';\n      }\n\n      $classes = [];\n\n      $bgColor = $this->block->backgroundColor ?? null;\n      \n    \n      \n      if (!empty($bgColor)) {\n        $classes[] = sprintf('has-background has-%s-background-color', $bgColor);\n      }\n\n      $textColor = $this->block->textColor ?? null;\n      if (!empty($textColor)) {\n        $classes[] = sprintf('has-%s-color', $textColor);\n      }\n\n      return implode(' ', $classes);\n    }<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">    \/**\n     * Data to be passed to the block before rendering.\n     *\n     * @return array\n     *\/\n    public function with()\n    {\n        return [\n            \/\/ 'items' => $this->items(),\n            'colorClasses' => $this->getColorClasses(),\n        ];\n    }<\/pre>\n\n\n\n<p><strong>In you blade view:<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div class=\"{{ $block->classes }} {{$colorClasses}}\"><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>In MyBlock.php Or more fine tuned:<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17],"tags":[751,452,735],"acf":[],"_links":{"self":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/14893"}],"collection":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/comments?post=14893"}],"version-history":[{"count":4,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/14893\/revisions"}],"predecessor-version":[{"id":14899,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/14893\/revisions\/14899"}],"wp:attachment":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/media?parent=14893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/categories?post=14893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/tags?post=14893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}