自由排版布局
立即体验润云数据门户为您提供的自由排版布局。
您可以像本篇文章一样,进行禁用侧边栏之类的设置,这样文章页面更加美观。
Spectra 布局容器也可以精确到像素来表达您的创意。试着复制此区块代码:
区块编辑器中直接粘贴即可自动生成区块。
<!-- wp:uagb/container {"block_id":"5706ed9e","topMarginDesktop":80,"bottomMarginDesktop":80,"leftMarginDesktop":0,"rightMarginDesktop":0,"marginLink":false,"variationSelected":true,"isBlockRootParent":true} -->
<div class="wp-block-uagb-container uagb-block-5706ed9e alignfull uagb-is-root-container"><div class="uagb-container-inner-blocks-wrap"><!-- wp:uagb/advanced-heading {"block_id":"2e34323c","classMigrate":true} -->
<div class="wp-block-uagb-advanced-heading uagb-block-2e34323c"><h2 class="uagb-heading-text">快速开始</h2></div>
<!-- /wp:uagb/advanced-heading -->
<!-- wp:uagb/container {"block_id":"76afac3e","directionDesktop":"row","alignItemsDesktop":"stretch","alignItemsTablet":"stretch","alignItemsMobile":"stretch","justifyContentDesktop":"flex-start","wrapDesktop":"wrap","topPaddingDesktop":0,"bottomPaddingDesktop":0,"leftPaddingDesktop":0,"rightPaddingDesktop":0,"variationSelected":true,"columnGapDesktop":2,"columnGapType":"%","isBlockRootParent":true,"equalHeight":true} -->
<div class="wp-block-uagb-container uagb-block-76afac3e alignfull uagb-is-root-container"><div class="uagb-container-inner-blocks-wrap"><!-- wp:uagb/container {"block_id":"e86701dc","justifyContentDesktop":"space-between","backgroundType":"color","backgroundColor":"#ffffff","boxShadowVOffset":4,"boxShadowBlur":12,"boxShadowSpread":0,"topPaddingDesktop":0,"bottomPaddingDesktop":0,"leftPaddingDesktop":0,"rightPaddingDesktop":0,"widthSetByUser":true,"containerBorderTopLeftRadius":4,"containerBorderTopRightRadius":4,"containerBorderBottomLeftRadius":4,"containerBorderBottomRightRadius":4} -->
<div class="wp-block-uagb-container uagb-block-e86701dc"><!-- wp:uagb/info-box {"classMigrate":true,"headingAlign":"left","headingColor":"","subHeadingColor":"","headSpace":20,"source_type":"image","block_id":"2cc85b82","iconLeftMargin":0,"iconRightMargin":0,"iconTopMargin":0,"iconBottomMargin":0,"iconImage":{"uploading":false,"date":1710775691000,"filename":"spectra-yang.jpg","menuOrder":0,"uploadedTo":692,"type":"image","subtype":"jpeg","id":702,"title":"spectra-yang","url":"https://www.runyun.cc/wp-content/uploads/2024/03/spectra-yang.jpg","link":"https://www.runyun.cc/?attachment_id=702","alt":"","author":"1","description":"","caption":"","name":"spectra-yang","status":"inherit","modified":1710775691000,"mime":"image/jpeg","icon":"https://www.runyun.cc/wp-includes/images/media/default.png","dateFormatted":"2024年3月18日","nonces":{"update":"f91524e10b","delete":"a112b07a0a","edit":"36c93dd9eb"},"editLink":"https://www.runyun.cc/wp-admin/post.php?post=702\u0026action=edit","meta":false,"authorName":"危险浮莲子","authorLink":"https://www.runyun.cc/wp-admin/profile.php","uploadedToTitle":"氧化科创 Spectra 特供中文翻译已在润云数据门户安装","uploadedToLink":"https://www.runyun.cc/wp-admin/post.php?post=692\u0026action=edit","filesizeInBytes":138180,"filesizeHumanReadable":"135 KB","context":"","height":1080,"width":1920,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://www.runyun.cc/wp-content/uploads/2024/03/spectra-yang-150x150.jpg","orientation":"landscape"},"medium":{"height":169,"width":300,"url":"https://www.runyun.cc/wp-content/uploads/2024/03/spectra-yang-300x169.jpg","orientation":"landscape"},"large":{"height":576,"width":1024,"url":"https://www.runyun.cc/wp-content/uploads/2024/03/spectra-yang-1024x576.jpg","orientation":"landscape"},"full":{"url":"https://www.runyun.cc/wp-content/uploads/2024/03/spectra-yang.jpg","height":1080,"width":1920,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"imageSize":"full","spacingLink":true,"headTopMargin":20,"headRightMargin":16,"headLeftMargin":16,"subHeadTopMargin":0,"subHeadRightMargin":16,"subHeadLeftMargin":16,"imgTagWidth":1920,"btnBorderTopWidth":1,"btnBorderLeftWidth":1,"btnBorderRightWidth":1,"btnBorderBottomWidth":1,"btnBorderTopLeftRadius":0,"btnBorderTopRightRadius":0,"btnBorderBottomLeftRadius":0,"btnBorderBottomRightRadius":0,"btnBorderStyle":"solid","btnBorderColor":"#333"} -->
<div class="wp-block-uagb-info-box uagb-block-2cc85b82 uagb-infobox__content-wrap uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-image-content"><img src="https://www.runyun.cc/wp-content/uploads/2024/03/spectra-yang.jpg" alt="" width="" height="0" loading="lazy"/></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">编辑工作</h3></div><p class="uagb-ifb-desc">润云数据门户为所有用户开放 WordPress 后台,您已经成为贡献者。<br>这些区块编辑器为您所用,贡献知识且无需担心运营——我们为您推广知识。<br>经典编辑器亦可自由选用。</p></div></div>
<!-- /wp:uagb/info-box --></div>
<!-- /wp:uagb/container -->
<!-- wp:uagb/container {"block_id":"f40207f3","justifyContentDesktop":"flex-start","backgroundType":"color","backgroundColor":"#ffffff","boxShadowVOffset":4,"boxShadowBlur":12,"boxShadowSpread":0,"topPaddingDesktop":0,"bottomPaddingDesktop":0,"leftPaddingDesktop":0,"rightPaddingDesktop":0,"widthSetByUser":true,"containerBorderTopLeftRadius":4,"containerBorderTopRightRadius":4,"containerBorderBottomLeftRadius":4,"containerBorderBottomRightRadius":4} -->
<div class="wp-block-uagb-container uagb-block-f40207f3"><!-- wp:uagb/info-box {"classMigrate":true,"headingAlign":"left","headingColor":"","subHeadingColor":"","headSpace":20,"source_type":"image","block_id":"1da2dd6c","iconLeftMargin":0,"iconRightMargin":0,"iconTopMargin":0,"iconBottomMargin":0,"iconImage":"","imageSize":"full","showIcon":false,"spacingLink":true,"headTopMargin":20,"headRightMargin":16,"headLeftMargin":16,"subHeadTopMargin":0,"subHeadRightMargin":16,"subHeadLeftMargin":16,"imgTagWidth":1080,"btnBorderTopWidth":1,"btnBorderLeftWidth":1,"btnBorderRightWidth":1,"btnBorderBottomWidth":1,"btnBorderTopLeftRadius":0,"btnBorderTopRightRadius":0,"btnBorderBottomLeftRadius":0,"btnBorderBottomRightRadius":0,"btnBorderStyle":"solid","btnBorderColor":"#333"} -->
<div class="wp-block-uagb-info-box uagb-block-1da2dd6c uagb-infobox__content-wrap uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">自由排版布局</h3></div><p class="uagb-ifb-desc">立即体验润云数据门户为您提供的自由排版布局。<br>您可以像本篇文章一样,禁用侧边栏,启用透明页眉,这样文章页面更加美观。<br>Spectra 布局容器也可以精确到像素来表达您的创意。试着复制此区块代码:</p></div></div>
<!-- /wp:uagb/info-box -->
<!-- wp:code -->
<pre class="wp-block-code"><code></code></pre>
<!-- /wp:code --></div>
<!-- /wp:uagb/container --></div></div>
<!-- /wp:uagb/container --></div></div>
<!-- /wp:uagb/container -->