{"id":402,"date":"2022-05-06T17:43:24","date_gmt":"2022-05-06T09:43:24","guid":{"rendered":"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/"},"modified":"2022-05-10T16:21:04","modified_gmt":"2022-05-10T08:21:04","slug":"astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf","status":"publish","type":"docs","link":"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/","title":{"rendered":"Astra\u5168\u5c40\u8c03\u8272\u677f"},"content":{"rendered":"\n

Global Color Palette is a feature that allows you to set one or more color palettes. This way you can control colors across your entire website from one place. Also, you can change the colors for your entire website by simply switching to another color palette.<\/p>\n\n\n\n

\u5168\u5c40\u8c03\u8272\u677f\u662f\u4e00\u4e2a\u529f\u80fd\uff0c\u5141\u8bb8\u60a8\u8bbe\u7f6e\u4e00\u4e2a\u6216\u591a\u4e2a\u8c03\u8272\u677f\u3002\u901a\u8fc7\u8fd9\u79cd\u65b9\u5f0f\uff0c\u4f60\u53ef\u4ee5\u4ece\u4e00\u4e2a\u5730\u65b9\u63a7\u5236\u6574\u4e2a\u7f51\u7ad9\u7684\u989c\u8272\u3002\u6b64\u5916\uff0c\u4f60\u53ef\u4ee5\u6539\u53d8\u6574\u4e2a\u7f51\u7ad9\u7684\u989c\u8272\uff0c\u53ea\u9700\u5207\u6362\u5230\u53e6\u4e00\u4e2a\u8c03\u8272\u677f\u3002<\/p>\n\n\n\n

The Global Color Palette feature is available with the Astra theme since version 3.7.0. You can find these settings under Appearance > Customize > Global > Colors.<\/p>\n\n\n\n

\u81ea3.7.0\u7248\u672c\u4ee5\u6765\uff0cAstra\u4e3b\u9898\u5c31\u63d0\u4f9b\u4e86\u5168\u5c40\u8c03\u8272\u677f\u529f\u80fd\u3002\u4f60\u53ef\u4ee5\u5728Appearance > Customize > Global > Colors\u4e0b\u627e\u5230\u8fd9\u4e9b\u8bbe\u7f6e\u3002<\/p>\n\n\n\n

\"Default<\/a><\/figure>\n\n\n\n

Setting Palettes<\/h3>\n\n\n\n

There are three palettes available, each of them containing nine colors in total. These colors are connected throughout the palettes. This means, that when you switch between the palettes, colors will be replaced with their matching colors in the currently activated palettes.<\/p>\n\n\n\n

\u6709\u4e09\u4e2a\u8c03\u8272\u677f\u53ef\u7528\uff0c\u6bcf\u4e2a\u8c03\u8272\u677f\u603b\u5171\u5305\u542b9\u79cd\u989c\u8272\u3002\u8fd9\u4e9b\u989c\u8272\u5728\u6574\u4e2a\u8c03\u8272\u677f\u4e2d\u76f8\u4e92\u8fde\u63a5\u3002\u8fd9\u610f\u5473\u7740\uff0c\u5f53\u60a8\u5728\u8c03\u8272\u677f\u4e4b\u95f4\u5207\u6362\u65f6\uff0c\u989c\u8272\u5c06\u88ab\u5f53\u524d\u6fc0\u6d3b\u7684\u8c03\u8272\u677f\u4e2d\u4e0e\u5176\u5339\u914d\u7684\u989c\u8272\u6240\u53d6\u4ee3\u3002<\/p>\n\n\n\n

For example, let\u2019s say that the \u201cColor 1\u201d is set blue in Palette 1, and set to green in Palette 2. Switching from Palette 1 to Palette 2 will change all settings linked to \u201cColor 1\u201d from blue to green.<\/p>\n\n\n\n

\u4f8b\u5982\uff0c\u6211\u4eec\u5047\u8bbe\u201c\u989c\u82721\u201d\u5728\u8c03\u8272\u677f1\u4e2d\u8bbe\u7f6e\u4e3a\u84dd\u8272\uff0c\u5728\u8c03\u8272\u677f2\u4e2d\u8bbe\u7f6e\u4e3a\u7eff\u8272\u3002\u4ece\u8c03\u8272\u677f1\u5207\u6362\u5230\u8c03\u8272\u677f2\u5c06\u628a\u6240\u6709\u94fe\u63a5\u5230\u201c\u989c\u82721\u201d\u7684\u8bbe\u7f6e\u4ece\u84dd\u8272\u6539\u4e3a\u7eff\u8272\u3002<\/p>\n\n\n\n

Let\u2019s start by editing palettes, following these steps:<\/p>\n\n\n\n

\u8ba9\u6211\u4eec\u4ece\u7f16\u8f91\u9762\u677f\u5f00\u59cb\uff0c\u9075\u5faa\u4ee5\u4e0b\u6b65\u9aa4:<\/p>\n\n\n\n

Step 1<\/strong> \u2013 Click on one of the three available palettes to start editing. This will show you available color slots;https:\/\/www.youtube.com\/embed\/n6exX0bvAJ8?feature=oembed –\u6b65\u9aa41 -\u70b9\u51fb\u4e09\u4e2a\u53ef\u7528\u7684\u8c03\u8272\u677f\u4e2d\u7684\u4e00\u4e2a\u5f00\u59cb\u7f16\u8f91\u3002\u8fd9\u5c06\u663e\u793a\u53ef\u7528\u7684\u989c\u8272\u63d2\u69fd;https:\/\/www.youtube.com\/embed\/n6exXObvAJ8?feature=oembed<\/p>\n\n\n\n

Step 2<\/strong> \u2013 You can set each of these colors by clicking on the color slot. This will open a color picker.https:\/\/www.youtube.com\/embed\/-9s_lMQmdJY?feature=oembed –\u6b65\u9aa42 -\u60a8\u53ef\u4ee5\u901a\u8fc7\u5355\u51fb\u989c\u8272\u63d2\u69fd\u6765\u8bbe\u7f6e\u8fd9\u4e9b\u989c\u8272\u3002\u8fd9\u5c06\u6253\u5f00\u4e00\u4e2a\u989c\u8272\u9009\u62e9\u5668\u3002https:\/\/www.youtube.com\/embed\/-9s_IMQmdJY?feature=oembed<\/p>\n\n\n\n

Step 3<\/strong> \u2013 Choose the color you want to apply to this slot; –\u6b65\u9aa43 -\u9009\u62e9\u4f60\u60f3\u8981\u5e94\u7528\u5230\u8fd9\u4e2a\u63d2\u69fd\u7684\u989c\u8272;<\/p>\n\n\n\n

Step 4<\/strong> \u2013 In the same way, you can set all other colors; \u6b65\u9aa44 -\u7528\u540c\u6837\u7684\u65b9\u6cd5\uff0c\u4f60\u53ef\u4ee5\u8bbe\u7f6e\u6240\u6709\u5176\u4ed6\u989c\u8272;<\/p>\n\n\n\n

Step 5<\/strong> \u2013 Click the \u201cPublish\u201d button to save changes. \u6b65\u9aa45 -\u70b9\u51fb\u201c\u53d1\u5e03\u201d\u6309\u94ae\u4ee5\u4fdd\u5b58\u66f4\u6539\u3002<\/p>\n\n\n\n

You can repeat these steps for each of the three color palettes.<\/p>\n\n\n\n

\u60a8\u53ef\u4ee5\u4e3a\u4e09\u4e2a\u8c03\u8272\u677f\u4e2d\u7684\u6bcf\u4e00\u4e2a\u91cd\u590d\u8fd9\u4e9b\u6b65\u9aa4\u3002<\/p>\n\n\n\n

Also, the Astra Theme is one of the first default themes to implement theme.json for Gutenberg Color Palette, so the palette colors can be edited this way too.<\/p>\n\n\n\n

\u6b64\u5916\uff0cAstra\u4e3b\u9898\u662f\u4e00\u4e2a\u9ed8\u8ba4\u5b9e\u73b0theme.json\u7684\u4e3b\u9898\uff0c\u6240\u4ee5\u8c03\u8272\u677f\u7684\u989c\u8272\u4e5f\u53ef\u4ee5\u8fd9\u6837\u7f16\u8f91\u3002<\/p>\n\n\n\n

Note:<\/h4>\n\n\n\n

Though theme.json enables template editor, since the feature is still in development, we have disabled it until WordPress 5.9 is out.<\/p>\n\n\n\n

\u867d\u7136theme. json\u542f\u7528\u4e86\u6a21\u677f\u7f16\u8f91\u5668\uff0c\u7531\u4e8e\u8be5\u529f\u80fd\u4ecd\u5728\u5f00\u53d1\u4e2d\uff0c\u6211\u4eec\u5df2\u7ecf\u7981\u7528\u4e86\u5b83\uff0c\u76f4\u5230WordPress 5.9\u63a8\u51fa\u3002<\/p>\n\n\n\n

Linking Global Colors<\/h3>\n\n\n\n

Each palette color can be used for any of the color settings on your website. You just need to link the global palette color to your settings and you\u2019re done.<\/p>\n\n\n\n

\u6bcf\u4e2a\u8c03\u8272\u677f\u989c\u8272\u53ef\u4ee5\u7528\u4e8e\u4f60\u7f51\u7ad9\u4e0a\u7684\u4efb\u4f55\u989c\u8272\u8bbe\u7f6e\u3002\u60a8\u53ea\u9700\u8981\u5c06\u5168\u5c40\u8c03\u8272\u677f\u989c\u8272\u94fe\u63a5\u5230\u60a8\u7684\u8bbe\u7f6e\uff0c\u5c31\u5b8c\u6210\u4e86\u3002<\/p>\n\n\n\n

Let\u2019s show you how to link the global colors. For this example, we\u2019ll be linking the button colors:https:\/\/www.youtube.com\/embed\/0og2GdgXBfs?feature=oembed<\/p>\n\n\n\n

\u8ba9\u6211\u4eec\u5411\u60a8\u5c55\u793a\u5982\u4f55\u94fe\u63a5\u5168\u5c40\u989c\u8272\u3002\u5bf9\u4e8e\u672c\u4f8b\uff0c\u6211\u4eec\u5c06\u94fe\u63a5\u6309\u94ae\u7684\u989c\u8272:https:\/\/www.youtube.com\/embed\/Oog2GdgXBfs?feature=oembed<\/p>\n\n\n\n

Step 1 \u2013 Let\u2019s say we have a button in the header. To link its background color with global color, just edit the setting and from the global color palette select the color you want. Clicking on any color from the palette will link it to the current color. –\u6b65\u9aa41 -\u8ba9\u6211\u4eec\u8bf4\u6211\u4eec\u6709\u4e00\u4e2a\u6309\u94ae\u5728\u5934\u90e8\u3002\u8981\u5c06\u5176\u80cc\u666f\u8272\u4e0e\u5168\u5c40\u989c\u8272\u94fe\u63a5\u8d77\u6765\uff0c\u53ea\u9700\u7f16\u8f91\u8bbe\u7f6e\u5e76\u4ece\u5168\u5c40\u8c03\u8272\u677f\u4e2d\u9009\u62e9\u6240\u9700\u7684\u989c\u8272\u3002\u70b9\u51fb\u8c03\u8272\u677f\u4e0a\u7684\u4efb\u4f55\u989c\u8272\u90fd\u4f1a\u5c06\u5176\u94fe\u63a5\u5230\u5f53\u524d\u7684\u989c\u8272\u3002<\/p>\n\n\n\n

Step 2- Now if you navigate to navigate Appearance > Customize > Global > Colors and try to change the color that you linked in the above step, you will observe the linked color will change automatically. –\u6b65\u9aa42-\u73b0\u5728\uff0c\u5982\u679c\u60a8\u5bfc\u822a\u5230\u5bfc\u822a\u5916\u89c2>\u81ea\u5b9a\u4e49>\u5168\u5c40>\u989c\u8272\uff0c\u5e76\u5c1d\u8bd5\u66f4\u6539\u60a8\u5728\u4e0a\u8ff0\u6b65\u9aa4\u4e2d\u94fe\u63a5\u7684\u989c\u8272\uff0c\u60a8\u5c06\u89c2\u5bdf\u94fe\u63a5\u7684\u989c\u8272\u5c06\u81ea\u52a8\u66f4\u6539\u3002<\/p>\n\n\n\n

Step 3 \u2013 Click the \u201cPublish\u201d button to save changes. –\u6b65\u9aa43 -\u70b9\u51fb\u201c\u53d1\u5e03\u201d\u6309\u94ae\u4ee5\u4fdd\u5b58\u66f4\u6539\u3002<\/p>\n\n\n\n

Though you set your Global Color Palettes, you can still use your static colors, as you did previously, for any color settings in your customizer.<\/p>\n\n\n\n

\u867d\u7136\u60a8\u8bbe\u7f6e\u4e86\u5168\u5c40\u8272\u677f\uff0c\u4f46\u60a8\u4ecd\u7136\u53ef\u4ee5\u50cf\u4ee5\u524d\u4e00\u6837\uff0c\u5bf9\u5b9a\u5236\u5668\u4e2d\u7684\u4efb\u4f55\u989c\u8272\u8bbe\u7f6e\u4f7f\u7528\u9759\u6001\u989c\u8272\u3002<\/p>\n\n\n\n

Keep in mind that changing any color settings to some other static color will disconnect the palette colors for these settings. This means that the palette colors will not be automatically applied to these settings anymore.<\/p>\n\n\n\n

\u8bf7\u8bb0\u4f4f\uff0c\u5c06\u4efb\u4f55\u989c\u8272\u8bbe\u7f6e\u66f4\u6539\u4e3a\u5176\u4ed6\u9759\u6001\u989c\u8272\u5c06\u65ad\u5f00\u8fd9\u4e9b\u8bbe\u7f6e\u7684\u8c03\u8272\u677f\u989c\u8272\u3002\u8fd9\u610f\u5473\u7740\u8c03\u8272\u677f\u989c\u8272\u5c06\u4e0d\u518d\u81ea\u52a8\u5e94\u7528\u5230\u8fd9\u4e9b\u8bbe\u7f6e\u3002<\/p>\n\n\n\n

To use palette colors for these options again, you need to link them again.<\/p>\n\n\n\n

\u8981\u518d\u6b21\u4e3a\u8fd9\u4e9b\u9009\u9879\u4f7f\u7528\u8c03\u8272\u677f\u989c\u8272\uff0c\u60a8\u9700\u8981\u518d\u6b21\u5c06\u5b83\u4eec\u94fe\u63a5\u8d77\u6765\u3002<\/p>\n\n\n\n

Switching Between Palettes<\/h3>\n\n\n\n

Now that you have all the color settings linked to Global colors, you can switch between your three palettes to completely change the way your website looks.https:\/\/www.youtube.com\/embed\/JqiZip1ERqo?feature=oembed<\/p>\n\n\n\n

\u73b0\u5728\u4f60\u6709\u4e86\u6240\u6709\u7684\u989c\u8272\u8bbe\u7f6e\u94fe\u63a5\u5230\u5168\u5c40\u989c\u8272\uff0c\u4f60\u53ef\u4ee5\u5728\u4f60\u7684\u4e09\u4e2a\u8c03\u8272\u677f\u4e4b\u95f4\u5207\u6362\uff0c\u4ee5\u5b8c\u5168\u6539\u53d8\u4f60\u7684\u7f51\u7ad9\u5916\u89c2\u7684\u65b9\u5f0f\u3002https:\/\/www.youtube.com\/embed\/JqiZip1ERqo?feature=oembed<\/p>\n\n\n\n

You only need to activate another Global Color Palette and all colors will be replaced on your entire website with the matching color set for this palette:<\/p>\n\n\n\n

\u4f60\u53ea\u9700\u8981\u6fc0\u6d3b\u53e6\u4e00\u4e2a\u5168\u5c40\u8c03\u8272\u677f\uff0c\u6240\u6709\u7684\u989c\u8272\u5c06\u88ab\u66ff\u6362\u5728\u60a8\u7684\u6574\u4e2a\u7f51\u7ad9\u4e0e\u6b64\u8c03\u8272\u677f\u7684\u5339\u914d\u989c\u8272\u8bbe\u7f6e:<\/p>\n\n\n\n

Let\u2019s say that we set the \u201cColor 1\u201d in our \u201cPalette 1\u201d to orange color. In our \u201cPalette 2\u201d the \u201cColor 1\u201d is set to purple color. This means, that when our Palette 1 is active, all website elements linked to the \u201cColor 1\u201d are orange. Switching to \u201cPalette 2\u201d will automatically change all of these elements to purple color.<\/p>\n\n\n\n

\u5047\u8bbe\u6211\u4eec\u5c06\u201cPalette 1\u201d\u4e2d\u7684\u201cColor 1\u201d\u8bbe\u7f6e\u4e3a\u6a59\u8272\u3002\u5728\u6211\u4eec\u7684\u201c\u8c03\u8272\u677f2\u201d\u4e2d\uff0c\u201c\u989c\u82721\u201d\u8bbe\u7f6e\u4e3a\u7d2b\u8272\u3002\u8fd9\u610f\u5473\u7740\uff0c\u5f53\u6211\u4eec\u7684\u8c03\u8272\u677f1\u6fc0\u6d3b\u65f6\uff0c\u6240\u6709\u94fe\u63a5\u5230\u201c\u989c\u82721\u201d\u7684\u7f51\u7ad9\u5143\u7d20\u90fd\u662f\u6a59\u8272\u7684\u3002\u5207\u6362\u5230\u201c\u8c03\u8272\u677f2\u201d\u5c06\u81ea\u52a8\u5c06\u6240\u6709\u8fd9\u4e9b\u5143\u7d20\u66f4\u6539\u4e3a\u7d2b\u8272\u3002<\/p>\n\n\n\n

Let\u2019s show you how we did this in our example:<\/p>\n\n\n\n

\u8ba9\u6211\u4eec\u5728\u4f8b\u5b50\u4e2d\u5c55\u793a\u6211\u4eec\u662f\u5982\u4f55\u505a\u5230\u8fd9\u4e00\u70b9\u7684:<\/p>\n\n\n\n

Step 1 \u2013 Navigate to the Global Palette option (Appearance > Customize > Global > Colors); –\u6b65\u9aa41 -\u5bfc\u822a\u5230\u5168\u5c40\u8c03\u8272\u677f\u9009\u9879(\u5916\u89c2>\u5b9a\u5236>\u5168\u5c40>\u989c\u8272);<\/p>\n\n\n\n

Step 2 \u2013 Click on \u201cPalette 1\u201d to activate and set the \u201cColor 1\u201d to the orange color; –\u6b65\u9aa42 -\u70b9\u51fb\u201c\u8c03\u8272\u677f1\u201d\u6fc0\u6d3b\u5e76\u8bbe\u7f6e\u201c\u989c\u82721\u201d\u4e3a\u6a59\u8272;<\/p>\n\n\n\n

Step 3 \u2013 Click on \u201cPalette 2\u201d and set the \u201cColor 7\u201d to the purple color; –\u6b65\u9aa43 -\u70b9\u51fb\u201c\u8c03\u8272\u677f2\u201d\uff0c\u8bbe\u7f6e\u201c\u989c\u82727\u201d\u4e3a\u7d2b\u8272;<\/p>\n\n\n\n

Step 4 \u2013 Navigate to Appearance > Customize > Global > Buttons –\u6b65\u9aa44 -\u5bfc\u822a\u5230Appearance > Customize > Global > Buttons<\/p>\n\n\n\n

Step 5 \u2013 Here, click on the \u201cBorder Color\u201d and link it to the \u201cColor 1\u201d. This will make the button border white orange when Palette 1 is active, and purple when you switch to Palette 2. –\u6b65\u9aa45 -\u5728\u8fd9\u91cc\uff0c\u70b9\u51fb\u201c\u8fb9\u6846\u989c\u8272\u201d\uff0c\u5e76\u94fe\u63a5\u5230\u201c\u989c\u82721\u201d\u3002\u5f53\u8c03\u8272\u677f1\u5904\u4e8e\u6d3b\u52a8\u72b6\u6001\u65f6\uff0c\u8fd9\u5c06\u4f7f\u6309\u94ae\u7684\u8fb9\u6846\u4e3a\u767d\u8272\u6a59\u8272\uff0c\u5f53\u5207\u6362\u5230\u8c03\u8272\u677f2\u65f6\uff0c\u6309\u94ae\u8fb9\u6846\u4e3a\u7d2b\u8272\u3002<\/p>\n\n\n\n

Step 6 \u2013 Click the \u201cPublish\u201d button to save changes. –\u6b65\u9aa46 -\u70b9\u51fb\u201c\u53d1\u5e03\u201d\u6309\u94ae\u4fdd\u5b58\u66f4\u6539\u3002<\/p>\n\n\n\n

This way, you can easily switch all of your website colors with just one click. For example, this way you could use your standard website color palette most of the time, and switch to the remaining two palettes for special occasions. Thus, you could make adjustments to your whole website for the New Year holidays, St. Valentine\u2019s day, Winter or Summer season, etc. in just one click.<\/p>\n\n\n\n

\u8fd9\u6837\uff0c\u53ea\u9700\u70b9\u51fb\u4e00\u4e0b\uff0c\u4f60\u5c31\u53ef\u4ee5\u8f7b\u677e\u5207\u6362\u6240\u6709\u7684\u7f51\u7ad9\u989c\u8272\u3002\u4f8b\u5982\uff0c\u901a\u8fc7\u8fd9\u79cd\u65b9\u5f0f\uff0c\u4f60\u53ef\u4ee5\u5728\u5927\u591a\u6570\u65f6\u95f4\u4f7f\u7528\u4f60\u7684\u6807\u51c6\u7f51\u7ad9\u8c03\u8272\u677f\uff0c\u5728\u7279\u6b8a\u573a\u5408\u5207\u6362\u5230\u5269\u4e0b\u7684\u4e24\u4e2a\u8c03\u8272\u677f\u3002\u56e0\u6b64\uff0c\u4f60\u53ef\u4ee5\u8c03\u6574\u4f60\u7684\u6574\u4e2a\u7f51\u7ad9\u4e3a\u65b0\u5e74\u5047\u671f\uff0c\u60c5\u4eba\u8282\uff0c\u51ac\u5b63\u6216\u590f\u5b63\u7b49\uff0c\u53ea\u9700\u70b9\u51fb\u3002<\/p>\n\n\n\n

Global Color Palette for Your Content \u5185\u5bb9\u7684\u5168\u5c40\u989c\u8272\u8c03\u8272\u677f<\/h3>\n\n\n\n

Global Color Palette is compatible with both Gutenberg and Elementor.<\/p>\n\n\n\n

\u5168\u5c40\u8c03\u8272\u677f\u4e0e\u53e4\u767b\u5821\u548cElementor\u517c\u5bb9\u3002<\/p>\n\n\n\n

Your active palette colors will be available with your page builder color options out of the box \u2013 just set your palette colors and use them for your content too. Check it out:<\/p>\n\n\n\n

\u60a8\u7684\u6d3b\u52a8\u8c03\u8272\u677f\u989c\u8272\u5c06\u4e0e\u60a8\u7684\u9875\u9762\u751f\u6210\u5668\u7684\u989c\u8272\u9009\u9879\u5f00\u7bb1\u5373\u7528-\u53ea\u9700\u8bbe\u7f6e\u60a8\u7684\u8c03\u8272\u677f\u989c\u8272\uff0c\u5e76\u5c06\u5b83\u4eec\u7528\u4e8e\u60a8\u7684\u5185\u5bb9\u3002\u68c0\u67e5\u4e00\u4e0b:<\/p>\n\n\n\n

Gutenberg Blocks:<\/p>\n\n\n\n

\"Gutenberg<\/a><\/figure>\n\n\n\n

Elementor Widgets:<\/p>\n\n\n\n

\"Astra<\/a><\/figure>\n\n\n\n

Same as with Customizer options, these colors will adjust to your palette selection. Thus, when you change your color palette, your content colors will change accordingly.<\/p>\n\n\n\n

\u4e0eCustomizer\u9009\u9879\u4e00\u6837\uff0c\u8fd9\u4e9b\u989c\u8272\u5c06\u6839\u636e\u60a8\u7684\u8c03\u8272\u677f\u9009\u62e9\u8fdb\u884c\u8c03\u6574\u3002\u56e0\u6b64\uff0c\u5f53\u60a8\u66f4\u6539\u8c03\u8272\u677f\u65f6\uff0c\u60a8\u7684\u5185\u5bb9\u989c\u8272\u4e5f\u4f1a\u76f8\u5e94\u66f4\u6539\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

Global Color Palette is a feature that allows you to se …<\/p>\n

Astra\u5168\u5c40\u8c03\u8272\u677f<\/span> Read More \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[29],"doc_tag":[],"yoast_head":"\nAstra\u5168\u5c40\u8c03\u8272\u677f - ASTRA\u4e2d\u6587<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra\u5168\u5c40\u8c03\u8272\u677f\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Astra\u5168\u5c40\u8c03\u8272\u677f - ASTRA\u4e2d\u6587\" \/>\n<meta property=\"og:description\" content=\"Global Color Palette is a feature that allows you to se … Astra\u5168\u5c40\u8c03\u8272\u677f Read More \u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra\u5168\u5c40\u8c03\u8272\u677f\/\" \/>\n<meta property=\"og:site_name\" content=\"ASTRA\u4e2d\u6587\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-10T08:21:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpastra.com\/wp-content\/uploads\/2021\/09\/default-color-palette-astra-3-7.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/\",\"url\":\"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/\",\"name\":\"Astra\u5168\u5c40\u8c03\u8272\u677f - ASTRA\u4e2d\u6587\",\"isPartOf\":{\"@id\":\"https:\/\/wpeyes.com\/astra\/#website\"},\"datePublished\":\"2022-05-06T09:43:24+00:00\",\"dateModified\":\"2022-05-10T08:21:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/#breadcrumb\"},\"inLanguage\":\"zh-CN\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/wpeyes.com\/astra\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\/\/wpeyes.com\/astra\/docs\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Astra\u5168\u5c40\u8c03\u8272\u677f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpeyes.com\/astra\/#website\",\"url\":\"https:\/\/wpeyes.com\/astra\/\",\"name\":\"ASTRA\u4e2d\u6587\",\"description\":\"wpeyes\u6280\u672f\u89c6\u70b9\",\"publisher\":{\"@id\":\"https:\/\/wpeyes.com\/astra\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpeyes.com\/astra\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-CN\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wpeyes.com\/astra\/#organization\",\"name\":\"ASTRA\u4e2d\u6587\",\"url\":\"https:\/\/wpeyes.com\/astra\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-CN\",\"@id\":\"https:\/\/wpeyes.com\/astra\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wpeyes.com\/astra\/wp-content\/uploads\/sites\/2\/2022\/05\/astra-icons-03.png\",\"contentUrl\":\"https:\/\/wpeyes.com\/astra\/wp-content\/uploads\/sites\/2\/2022\/05\/astra-icons-03.png\",\"width\":500,\"height\":500,\"caption\":\"ASTRA\u4e2d\u6587\"},\"image\":{\"@id\":\"https:\/\/wpeyes.com\/astra\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Astra\u5168\u5c40\u8c03\u8272\u677f - ASTRA\u4e2d\u6587","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra\u5168\u5c40\u8c03\u8272\u677f\/","og_locale":"zh_CN","og_type":"article","og_title":"Astra\u5168\u5c40\u8c03\u8272\u677f - ASTRA\u4e2d\u6587","og_description":"Global Color Palette is a feature that allows you to se … Astra\u5168\u5c40\u8c03\u8272\u677f Read More \u00bb","og_url":"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra\u5168\u5c40\u8c03\u8272\u677f\/","og_site_name":"ASTRA\u4e2d\u6587","article_modified_time":"2022-05-10T08:21:04+00:00","og_image":[{"url":"https:\/\/wpastra.com\/wp-content\/uploads\/2021\/09\/default-color-palette-astra-3-7.png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"5\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/","url":"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/","name":"Astra\u5168\u5c40\u8c03\u8272\u677f - ASTRA\u4e2d\u6587","isPartOf":{"@id":"https:\/\/wpeyes.com\/astra\/#website"},"datePublished":"2022-05-06T09:43:24+00:00","dateModified":"2022-05-10T08:21:04+00:00","breadcrumb":{"@id":"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/#breadcrumb"},"inLanguage":"zh-CN","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpeyes.com\/astra\/docs\/astra-global-color-palette-astra%e5%85%a8%e5%b1%80%e8%b0%83%e8%89%b2%e6%9d%bf\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/wpeyes.com\/astra\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/wpeyes.com\/astra\/docs\/"},{"@type":"ListItem","position":3,"name":"Astra\u5168\u5c40\u8c03\u8272\u677f"}]},{"@type":"WebSite","@id":"https:\/\/wpeyes.com\/astra\/#website","url":"https:\/\/wpeyes.com\/astra\/","name":"ASTRA\u4e2d\u6587","description":"wpeyes\u6280\u672f\u89c6\u70b9","publisher":{"@id":"https:\/\/wpeyes.com\/astra\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpeyes.com\/astra\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-CN"},{"@type":"Organization","@id":"https:\/\/wpeyes.com\/astra\/#organization","name":"ASTRA\u4e2d\u6587","url":"https:\/\/wpeyes.com\/astra\/","logo":{"@type":"ImageObject","inLanguage":"zh-CN","@id":"https:\/\/wpeyes.com\/astra\/#\/schema\/logo\/image\/","url":"https:\/\/wpeyes.com\/astra\/wp-content\/uploads\/sites\/2\/2022\/05\/astra-icons-03.png","contentUrl":"https:\/\/wpeyes.com\/astra\/wp-content\/uploads\/sites\/2\/2022\/05\/astra-icons-03.png","width":500,"height":500,"caption":"ASTRA\u4e2d\u6587"},"image":{"@id":"https:\/\/wpeyes.com\/astra\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"qmk","author_link":"https:\/\/wpeyes.com\/astra\/author\/qmk\/"},"uagb_comment_info":0,"uagb_excerpt":"Global Color Palette is a feature that allows you to se…","_links":{"self":[{"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/docs\/402"}],"collection":[{"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/comments?post=402"}],"version-history":[{"count":1,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/docs\/402\/revisions"}],"predecessor-version":[{"id":537,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/docs\/402\/revisions\/537"}],"wp:attachment":[{"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/media?parent=402"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/doc_category?post=402"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/doc_tag?post=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}