ART+BEAT MANIFESTO
Scroll
以下からデータをコピーし、そのまま「段落」ブロックに貼り付けます。
<!-- wp:group {"metadata":{"name":"ヘッダー"},"className":"wide visual","layout":{"type":"constrained","contentSize":"3000px"}} -->
<div class="wp-block-group wide visual"><!-- wp:cover {"url":"https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2025/06/1750470046.mp4","id":47977,"dimRatio":0,"customOverlayColor":"#ced5dc","isUserOverlayColor":true,"backgroundType":"video","isDark":false,"className":"hvn-header","style":{"color":[]},"layout":{"type":"default"}} -->
<div class="wp-block-cover is-light hvn-header"><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2025/06/1750470046.mp4" data-object-fit="cover"></video><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#ced5dc"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"placeholder":"タイトルを入力...","className":"has-cocoon-white-color has-text-color has-link-color","style":{"elements":{"link":{"color":{"text":"var:preset|color|cocoon-white"}}},"typography":{"textAlign":"center"}},"textColor":"cocoon-white","fontSize":"x-large"} -->
<p class="has-text-align-center has-cocoon-white-color has-text-color has-link-color has-x-large-font-size"><span class="bold"><span class="fz-28px">ART+BEAT MANIFESTO</span></span></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->
<!-- wp:paragraph {"metadata":{"name":"Scroll"},"className":"scroll","style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center scroll">Scroll</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"New Post"},"className":"wide","backgroundColor":"ex-c","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group wide has-ex-c-background-color has-background"><!-- wp:paragraph {"metadata":{"name":"見出し"},"extraBottomMargin":"1","style":{"typography":{"textAlign":"center"}},"fontSize":"x-large"} -->
<p class="has-text-align-center has-x-large-font-size is-style-bottom-margin-1em has-bottom-margin">New Post</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/column-2 -->
<div class="wp-block-cocoon-blocks-column-2 column-wrap column-2 column-2-2-1-1 layout-box"><!-- wp:cocoon-blocks/column-left -->
<div class="wp-block-cocoon-blocks-column-left column-left"><!-- wp:cocoon-blocks/new-list {"classNames":"new-list-box block-box","count":1,"type":"large_thumb"} /--></div>
<!-- /wp:cocoon-blocks/column-left -->
<!-- wp:cocoon-blocks/column-right -->
<div class="wp-block-cocoon-blocks-column-right column-right"><!-- wp:cocoon-blocks/new-list {"classNames":"new-list-box block-box","count":3,"offset":1} /--></div>
<!-- /wp:cocoon-blocks/column-right --></div>
<!-- /wp:cocoon-blocks/column-2 -->
<!-- wp:cocoon-blocks/button-1 {"size":"btn-l","isCircle":true} -->
<div class="wp-block-cocoon-blocks-button-1 button-block"><a href="" class="btn btn-l btn-circle" target="_self" rel="noopener">ボタン</a></div>
<!-- /wp:cocoon-blocks/button-1 --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Category"},"className":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group wide"><!-- wp:paragraph {"metadata":{"name":"見出し"},"extraBottomMargin":"1","style":{"typography":{"textAlign":"center"}},"fontSize":"x-large"} -->
<p class="has-text-align-center has-x-large-font-size is-style-bottom-margin-1em has-bottom-margin">Category</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/column-3 -->
<div class="wp-block-cocoon-blocks-column-3 column-wrap column-3 layout-box"><!-- wp:cocoon-blocks/column-left -->
<div class="wp-block-cocoon-blocks-column-left column-left"><!-- wp:paragraph {"metadata":{"name":"見出し"},"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">その他</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/new-list {"classNames":"new-list-box block-box","count":2,"cats":"59"} /-->
<!-- wp:cocoon-blocks/button-1 {"size":"btn-l","isCircle":true} -->
<div class="wp-block-cocoon-blocks-button-1 button-block"><a href="" class="btn btn-l btn-circle" target="_self" rel="noopener">ボタン</a></div>
<!-- /wp:cocoon-blocks/button-1 --></div>
<!-- /wp:cocoon-blocks/column-left -->
<!-- wp:cocoon-blocks/column-center -->
<div class="wp-block-cocoon-blocks-column-center column-center"><!-- wp:paragraph {"metadata":{"name":"見出し"},"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">カスタマイザー</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/new-list {"classNames":"new-list-box block-box","count":2,"cats":"26","children":true} /-->
<!-- wp:cocoon-blocks/button-1 {"size":"btn-l","isCircle":true} -->
<div class="wp-block-cocoon-blocks-button-1 button-block"><a href="" class="btn btn-l btn-circle" target="_self" rel="noopener">ボタン</a></div>
<!-- /wp:cocoon-blocks/button-1 --></div>
<!-- /wp:cocoon-blocks/column-center -->
<!-- wp:cocoon-blocks/column-right -->
<div class="wp-block-cocoon-blocks-column-right column-right"><!-- wp:paragraph {"metadata":{"name":"見出し"},"style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center">スキンをカスタマイズ</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/new-list {"classNames":"new-list-box block-box","count":2,"cats":"54"} /-->
<!-- wp:cocoon-blocks/button-1 {"size":"btn-l","isCircle":true} -->
<div class="wp-block-cocoon-blocks-button-1 button-block"><a href="" class="btn btn-l btn-circle" target="_self" rel="noopener">ボタン</a></div>
<!-- /wp:cocoon-blocks/button-1 --></div>
<!-- /wp:cocoon-blocks/column-right --></div>
<!-- /wp:cocoon-blocks/column-3 --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Popular"},"className":"wide","backgroundColor":"ex-c","layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group wide has-ex-c-background-color has-background"><!-- wp:paragraph {"metadata":{"name":"見出し"},"extraBottomMargin":"1","style":{"typography":{"textAlign":"center"}},"fontSize":"x-large"} -->
<p class="has-text-align-center has-x-large-font-size is-style-bottom-margin-1em has-bottom-margin">Popular</p>
<!-- /wp:paragraph -->
<!-- wp:cocoon-blocks/popular-list {"classNames":"popular-list-box block-box","type":"large_thumb","horizontal":true} /--></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Profile"},"className":"wide","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group wide"><!-- wp:cover {"url":"https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2024/12/1734840680.jpg","id":35938,"dimRatio":0,"overlayColor":"cocoon-white","isUserOverlayColor":true,"isDark":false,"className":"wide","style":{"spacing":{"padding":{"right":"10px","left":"10px"}}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-cover is-light wide" style="padding-right:10px;padding-left:10px"><img class="wp-block-cover__image-background wp-image-35938" alt="" src="https://ss1.xrea.com/chuya.s239.xrea.com/temp/wp-content/uploads/2024/12/1734840680.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-cocoon-white-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:cocoon-blocks/profile {"id":"1","classNames":"profile-block-box block-box profile-block-box-1"} /--></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->
<!-- wp:html {"metadata":{"name":"CSS"}} -->
<style data-wp-block-html="css">
/*******************************************************************************
** 全体
*******************************************************************************/
.body {
background-color: #fff;
overflow-x: clip;
}
.body .breadcrumb,
.body .article-header,
.body .article-footer {
display: none;
}
.body .content,
.body .main,
.body .article,
.body .entry-content {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
#footer {
margin-top: 0;
}
/*******************************************************************************
** カラムブロック
*******************************************************************************/
/* ワイドカラム */
.body .wide {
margin: 0 calc(50% - 50vw);
padding: 30px calc(50vw - 50%);
position: relative;
}
/* カバーブロック */
.body .wide:has(.wp-block-cover) {
padding: 0;
}
/*******************************************************************************
** メインビジュアル
*******************************************************************************/
.visual .wp-block-cover {
min-height: 80vh;
margin: 0;
}
.scroll {
color: #fff;
bottom: 50px;
left: 0;
position: absolute;
right: 0;
}
.scroll::after {
animation: pathmove 1.4s ease-in-out infinite alternate;
content: '\f078';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
left: 50%;
position: absolute;
transform: translateX(-50%);
}
@keyframes pathmove {
from {
bottom: -20px;
}
to {
bottom: -40px;
}
}
/*******************************************************************************
** カード
*******************************************************************************/
.body .card-large-image .a-wrap {
max-width: unset;
}
.widget-entry-card-date > span:nth-last-of-type(2) {
display: none;
}
.body .popular-list-box .card-large-image .a-wrap {
max-width: calc(100% / 3);
}
/*******************************************************************************
** プロフィール
*******************************************************************************/
.profile-block-box {
background-color: rgb(255 255 255 / 70%);
}
</style>
<!-- /wp:html -->