{"id":12,"date":"2026-01-10T03:30:01","date_gmt":"2026-01-10T03:30:01","guid":{"rendered":"https:\/\/playground.wordpress.net\/scope:patient-cozy-ocean\/hello-from-playground\/"},"modified":"2026-01-10T03:30:01","modified_gmt":"2026-01-10T03:30:01","slug":"hello-from-playground","status":"publish","type":"page","link":"https:\/\/jani-nv.com\/nl\/hello-from-playground\/","title":{"rendered":"Hello from WordPress Playground!"},"content":{"rendered":"<div class=\"wp-block-cover alignfull is-light\" style=\"min-height:850px;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-77 size-full\" alt=\"\" src=\"https:\/\/raw.githubusercontent.com\/wordpress\/blueprints\/refs\/heads\/trunk\/blueprints\/welcome\/assets\/imgs\/cover-image-playground.webp\" style=\"object-position:50% 30%\" data-object-fit=\"cover\" data-object-position=\"50% 30%\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-0ca8abc4 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h1 class=\"wp-block-heading has-text-align-left has-xx-large-font-size\">Hello from <mark style=\"background-color:rgba(0, 0, 0, 0);color:#3858e9\" class=\"has-inline-color\">WordPress Playground!<\/mark><\/h1>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size wp-container-content-663c14dd\">This is Playground, a WordPress that runs client-side in your browser. It&#8217;s perfect for training, demonstrating plugins and themes, and for testing purposes. <\/p>\n\n\n\n<p class=\"has-text-align-left has-large-font-size wp-container-content-663c14dd\"><mark style=\"background-color:#f6e38f\" class=\"has-inline-color\">Note that you are logged-in as admin!<\/mark><br>Thus, you can modify this site as you like: edit content, install plugins and play around.<\/p>\n\n\n\n<p class=\"has-text-align-left has-large-font-size wp-container-content-663c14dd\">To start over, simply reload the page!<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fdcfc74e wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.github.io\/wordpress-playground\/\" style=\"border-radius:0px;background-color:#3858e9;text-transform:uppercase\" target=\"_blank\" rel=\"noopener noreferrer\">Discover the mission behind Playground<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-0120b50b07d6a5cc9fcad1fd8a8255d8 is-content-justification-center\" id=\"about-section\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-86f2072d wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/HWPSYWGY0YA?si=EFEzzWw3YI8vNSbd\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen style=\"aspect-ratio: 16 \/ 9; max-height: 100%; max-width: 100%;\"><\/iframe>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">What is WordPress Playground?<\/h2>\n\n\n\n<p>WordPress Playground allows users to experiment and build websites directly within a browser, eliminating the need for local setup. <\/p>\n\n\n\n<p>By leveraging WebAssembly (WASM), it offers a seamless and secure environment that replicates a traditional hosting experience and streamlining workflows.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-content-justification-center\" id=\"blueprints-gallery\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3fa31e86 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide\" style=\"padding-right:24px\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alignwide\">Explore Blueprints Gallery<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-container-content-663c14dd\">With Blueprints you can run a WordPress instance with a pre-defined content. The following examples displays what you can achieve with WordPress Playground + Blueprints.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-939c444e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/playground.wordpress.net\/?blueprint-url=https:\/\/raw.githubusercontent.com\/WordPress\/blueprints\/refs\/heads\/trunk\/blueprints\/stylish-press\/blueprint.json\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/WordPress\/blueprints\/refs\/heads\/trunk\/blueprints\/welcome\/assets\/imgs\/thumbnail-playground-1.webp\" alt=\"handyman tools and equipment arranged neatly on a workbench, with a professional and approachable look\"\/><\/a><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/playground.wordpress.net\/?blueprint-url=https:\/\/raw.githubusercontent.com\/WordPress\/blueprints\/refs\/heads\/trunk\/blueprints\/stylish-press\/blueprint.json\" target=\"_blank\" rel=\"noopener noreferrer\">StylishPress<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/playground.wordpress.net\/?blueprint-url=https:\/\/raw.githubusercontent.com\/WordPress\/blueprints\/refs\/heads\/trunk\/blueprints\/woo-shipping\/blueprint.json\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/WordPress\/blueprints\/refs\/heads\/trunk\/blueprints\/welcome\/assets\/imgs\/thumbnail-playground-2.webp\" alt=\"ecommerce store concept, showcasing online shopping with cart, products, and digital elements\"\/><\/a><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/playground.wordpress.net\/?blueprint-url=https:\/\/raw.githubusercontent.com\/WordPress\/blueprints\/refs\/heads\/trunk\/blueprints\/woo-shipping\/blueprint.json\" target=\"_blank\" rel=\"noopener noreferrer\">Woocommerce Store<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/playground.wordpress.net\/?blank\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/WordPress\/blueprints\/refs\/heads\/trunk\/blueprints\/welcome\/assets\/imgs\/thumbnail-playground-3.webp\" alt=\"a white room with a canvas displaying a drawing of a website wireframe, representing a blank canvas website concept\"\/><\/a><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/playground.wordpress.net\/?blank\" target=\"_blank\" rel=\"noopener noreferrer\">Blank Canvas<\/a><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-container-content-663c14dd\">The Playground community created a directory of blueprint examples, from making posts with <code>wp-cli<\/code> to showcasing plugins with media. Check out the link below to learn more.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.github.io\/blueprints\/gallery.html\" style=\"border-radius:0px;background-color:#3858e9;text-transform:uppercase\" target=\"_blank\" rel=\"noopener noreferrer\">Blueprints Gallery<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-5e5683413603095eeaf1c4965c64c547 is-content-justification-center\" id=\"playground-users\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-86f2072d wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\">How Can WordPress Playground Be Useful to Me?<\/h2>\n\n\n\n<p class=\"has-text-align-center\">You&#8217;ve heard about WordPress Playground, but you\u2019re still not sure how it can benefit you? Let\u2019s find out together!<\/p>\n\n\n\n<details class=\"wp-block-details alignwide has-large-font-size is-layout-flow wp-block-details-is-layout-flow\" open><summary>I\u2019m a Theme Author<\/summary>\n<h3 class=\"wp-block-heading\">Showcase<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">As a theme author, WordPress Playground provides a platform to showcase your themes effortlessly. Visitors can experience your design in a live environment without needing a separate installation, which makes it easier for you to attract potential users.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Test<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">You can test your theme&#8217;s responsiveness and compatibility across different devices and WordPress versions. WordPress Playground allows you to make adjustments in real-time and see how your theme looks and behaves with various settings and plugins.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator alignwide has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details alignwide has-large-font-size is-layout-flow wp-block-details-is-layout-flow\"><summary>I\u2019m a Plugin Author<\/summary>\n<h3 class=\"wp-block-heading\">Showcase<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">If you&#8217;re developing or maintaining plugins, WordPress Playground can help you showcase your plugin, allowing you to convince future users to choose your plugin by trying it out without you having to maintain any infrastructure.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Test<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">You can spin up your plugin in different environments to figure out how it interacts with other plugins, confirm and try your onboarding flow, or use Playwright for end-to-end testing of your plugin.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator alignwide has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details alignwide has-large-font-size is-layout-flow wp-block-details-is-layout-flow\"><summary>I\u2019m a WordPress Site Owner<\/summary>\n<h3 class=\"wp-block-heading\">Experiment<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">As a WordPress site owner, WordPress Playground lets you experiment with new features, themes, and plugins in a risk-free environment. You can explore enhancements without fear of breaking your live site, giving you the confidence to try new ideas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Validate<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">You can validate changes or updates before applying them to your live site, ensuring that everything works as intended. Whether it\u2019s testing a new plugin or trying out a new theme, WordPress Playground helps you make informed decisions.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator alignwide has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details alignwide has-large-font-size is-layout-flow wp-block-details-is-layout-flow\"><summary>I\u2019m a WordPress User<\/summary>\n<h3 class=\"wp-block-heading\">Learn<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">If you&#8217;re exploring WordPress for the first time or looking to enhance your skills, the WordPress Playground is an excellent learning tool. You can practice working with WordPress like trying the Site Editor and gain hands-on experience, all without any risk to a live site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Build<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">Create a personal demo site to experiment with widgets, settings, and layouts. This sandbox environment allows you to get comfortable with WordPress, helping you understand how to make the most of the platform for your own projects. You can then export your site to share it with others.<\/p>\n<\/details>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-content-justification-center\" id=\"playground-cli\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3fa31e86 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide has-background\" style=\"background-color:#f6f6f6;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alignwide\">Run Playground in your terminal<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-container-content-663c14dd\">Beyond the browser, WordPress Playground is also available as a <a href=\"https:\/\/www.npmjs.com\/package\/@wp-playground\/cli\" target=\"_blank\" rel=\"noopener noreferrer\">local CLI tool<\/a> for developers to build their plugins, themes, and run test automations.<\/p>\n\n\n\n<pre class=\"wp-block-code has-accent-4-color has-accent-5-background-color has-text-color has-background has-link-color wp-elements-bbcbdf4b592e672ad71a9281a07e2817\"><code>$ npx @wp-playground\/cli@latest server<\/code><\/pre>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.github.io\/wordpress-playground\/developers\/local-development\/wp-playground-cli\" style=\"border-radius:0px;background-color:#3858e9;text-transform:uppercase\" target=\"_blank\" rel=\"noreferrer noopener\">Learn More<\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\" id=\"php-playground\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-80 size-full\" alt=\"\" src=\"https:\/\/raw.githubusercontent.com\/wordpress\/blueprints\/refs\/heads\/trunk\/blueprints\/welcome\/assets\/imgs\/cover-image-playground-2.webp\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-base-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-d62d7648 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<h2 class=\"wp-block-heading has-text-align-right\">Test Our Brand New<br><em><mark style=\"background-color:rgba(0, 0, 0, 0);color:#3858e9\" class=\"has-inline-color\">PHP Playground<\/mark><\/em><\/h2>\n\n\n\n<p class=\"has-text-align-right\">This sandbox lets you write, test, and debug code directly from the client-side, which enables instant, shareable, and safe code prototyping in a way that wasn&#8217;t previously possible.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-765c4724 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/playground.wordpress.net\/php-playground.html\" style=\"border-radius:0px;background-color:#3858e9;text-transform:uppercase\" target=\"_blank\" rel=\"noopener noreferrer\">Go to PHP playground<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull learn-more-about-playground has-base-color has-text-color has-background has-link-color wp-elements-4b829ebd1d24d8c73d8bda2ea9e727a7\" id=\"learn-more-about-playground\" style=\"background-color:#1a1919;margin-top:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-b6b9c0ab wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-fd526d70 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/wordpress\/blueprints\/refs\/heads\/trunk\/blueprints\/welcome\/assets\/imgs\/playground-logo-150x150.png\" alt=\"\" class=\"wp-image-8\" style=\"width:32px;height:auto\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-right\">Learn more about Playground<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group more-playground-links is-vertical is-content-justification-right is-layout-flex wp-container-core-group-is-layout-b6c475e2 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-right\" style=\"text-decoration:none\"><a href=\"https:\/\/wordpress.github.io\/wordpress-playground\/\" target=\"_blank\" rel=\"noreferrer noopener\">Documentation<\/a><\/p>\n\n\n\n<p class=\"has-text-align-right\" style=\"text-decoration:none\"><a href=\"https:\/\/wordpress.slack.com\/archives\/C04EWKGDJ0K\" target=\"_blank\" rel=\"noreferrer noopener\">Slack Channel<\/a><\/p>\n\n\n\n<p class=\"has-text-align-right\"><a href=\"https:\/\/github.com\/WordPress\/wordpress-playground\" target=\"_blank\" rel=\"noreferrer noopener\">GitHub<\/a><\/p>\n\n\n\n<p class=\"has-text-align-right\"><a href=\"https:\/\/make.wordpress.org\/playground\/\" target=\"_blank\" rel=\"noreferrer noopener\">Playground Blog<\/a><\/p>\n\n\n\n<p class=\"has-text-align-right\"><a href=\"https:\/\/github.com\/WordPress\/wordpress-playground\/issues\/new\" target=\"_blank\" rel=\"noreferrer noopener\">Did you find a bug?<\/a><\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<style>\n#wp-block-post-title,\n.wp-block-post-title { display: none; }\nmain.wp-block-group { margin-top: 0px !important; padding-top: 0px !important; }\n\n@font-face {\n    font-family: 'EB Garamond';\n    src: url('https:\/\/raw.githubusercontent.com\/WordPress\/blueprints\/refs\/heads\/trunk\/blueprints\/welcome\/assets\/fonts\/ebgaramond-regular.ttf') format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Inter';\n    src: url('https:\/\/raw.githubusercontent.com\/WordPress\/blueprints\/refs\/heads\/trunk\/blueprints\/welcome\/assets\/fonts\/inter-regular.ttf') format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\n\n.wp-site-blocks > main {\n    color: var(--wp--preset--color--accent-4) !important;\n    font-style: normal !important;\n    font-weight: 300 !important;\n    font-size: var(--wp--preset--font-size--medium) !important;\n    letter-spacing: 0px !important;\n    font-family: \"Inter\" !important;\n    line-height: 1.5 !important;\n\n\t.wp-block-button__link {\n\t\tborder-radius: 2px !important;\n\t\tfont-family: var(--wp--preset--font-family--manrope) !important;\n\t\ttext-transform: uppercase !important;\n\t\tfont-style: normal !important;\n\t\tfont-weight: 600 !important;\n\t\tbackground-color: #3858e9 !important;\n\t}\n\n\t.wp-element-button {\n\t\tbackground-color: #3858e9 !important;\n\t\ttext-transform: none !important;\n\t}\n\n\t.wp-element-button:hover {\n\t\tbackground-color: #F6F6F6 !important;\n\t\tcolor: #3858e9 !important;\n\t}\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tfont-style: normal !important;\n\t\tfont-weight: 400 !important;\n\t\tfont-family: \"EB Garamond\" !important;\n\t\ttext-transform: none !important;\n\t\tline-height: 1.5 !important;\n\t\tletter-spacing: 0px !important;\n\t}\n\n\t#playground-cli .wp-block-heading,\n\t#blueprints-gallery .wp-block-heading {\n\t\tcolor: #000;\n\t}\n}\n\n.wp-block-button__link:hover {\n    background-color: var(--wp--preset--color--contrast) !important;\n    color: #3858e9 !important;\n}\n\n:where(.wp-site-blocks) > footer.wp-block-template-part {\n    margin-block-start: 0 !important;\n}\n\n<\/style>","protected":false},"excerpt":{"rendered":"<p>What is WordPress Playground? WordPress Playground allows users to experiment and build websites directly within a browser, eliminating the need for local setup. By leveraging WebAssembly (WASM), it offers a seamless and secure environment that replicates a traditional hosting experience and streamlining workflows. Explore Blueprints Gallery With Blueprints you can run a WordPress instance with&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}