diff --git a/patterns-data/_scss/_vk-table.scss b/patterns-data/_scss/_vk-table.scss index abd7842..e6087b0 100644 --- a/patterns-data/_scss/_vk-table.scss +++ b/patterns-data/_scss/_vk-table.scss @@ -1,21 +1,29 @@ /** * Table class - * @since 1.16.0 + * @since 1.17.0 */ + :root { + --vk-color-th-bg-bright: #f5f5f5; + } .vk-table{ - &--width{ - &--th25 :where(tr > *:first-child){ + &--th { + &--width25:where(tr > *:first-child){ width:25%; } - &--th30 :where(tr > *:first-child){ + &--width30:where(tr > *:first-child){ width:30%; } - &--th35 :where(tr > *:first-child){ + &--width35:where(tr > *:first-child){ width:35%; } - &--th40 :where(tr > *:first-child){ + &--width40:where(tr > *:first-child){ width:40%; } + &--bg-bright { + :where( tr > *:first-child ) { + background-color: var(--vk-color-th-bg-bright); + } + } } &--mobile-block{ @media ( max-width:599px ){ @@ -26,4 +34,19 @@ } } } + // 1.16.0 以下古いクラス名につき使用不可 + &--width{ + &--th25 :where(tr > *:first-child){ + width:25%; + } + &--th30 :where(tr > *:first-child){ + width:30%; + } + &--th35 :where(tr > *:first-child){ + width:35%; + } + &--th40 :where(tr > *:first-child){ + width:40%; + } + } } \ No newline at end of file diff --git a/patterns-data/style.css b/patterns-data/style.css index 8739c49..f55586f 100755 --- a/patterns-data/style.css +++ b/patterns-data/style.css @@ -1 +1 @@ -.vk-cols--reverse{flex-direction:row-reverse}@media(min-width: 600px){.vk-cols--reverse .wp-block-column{margin-left:1em}.vk-cols--reverse .wp-block-column:last-child{margin-right:1em;margin-left:0}.vk-cols--reverse.vk-cols--fit .wp-block-column{margin-right:0;margin-left:0}}@media(min-width: 782px){.vk-cols--reverse.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){margin-left:0}}@media(min-width: 600px)and (max-width: 781px){.vk-cols--reverse.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n){margin-left:0}}.vk-cols--hasbtn{margin-bottom:0}.vk-cols--hasbtn>.row>.vk_gridColumn_item,.vk-cols--hasbtn>.wp-block-column{position:relative;padding-bottom:3em;margin-bottom:var(--vk-margin-block-bottom)}.vk-cols--hasbtn>.row>.vk_gridColumn_item>.wp-block-buttons,.vk-cols--hasbtn>.row>.vk_gridColumn_item>.vk_button,.vk-cols--hasbtn>.wp-block-column>.wp-block-buttons,.vk-cols--hasbtn>.wp-block-column>.vk_button{position:absolute;bottom:0;width:calc(100% - 15px - 15px)}.vk-cols--fit--gap1.wp-block-columns{gap:1px}@media(min-width: 600px)and (max-width: 781px){.vk-cols--fit--gap1.wp-block-columns .wp-block-column:not(:only-child){flex-basis:calc(50% - 1px) !important}}.vk-cols--fit.wp-block-columns,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile){margin-top:0;margin-bottom:0;justify-content:space-between}.vk-cols--fit.wp-block-columns>.wp-block-column *:last-child,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column *:last-child{margin-bottom:0}.vk-cols--fit.wp-block-columns>.wp-block-column>.wp-block-cover,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column>.wp-block-cover{margin-top:0}.vk-cols--fit.wp-block-columns.has-background,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile).has-background{padding:0}@media(max-width: 599px){.vk-cols--fit.wp-block-columns:not(.has-background)>.wp-block-column:not(.has-background),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile):not(.has-background)>.wp-block-column:not(.has-background){padding-left:0 !important;padding-right:0 !important}}@media(min-width: 782px){.vk-cols--fit.wp-block-columns .block-editor-block-list__block.wp-block-column:not(:first-child),.vk-cols--fit.wp-block-columns>.wp-block-column:not(:first-child),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) .block-editor-block-list__block.wp-block-column:not(:first-child),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){margin-left:0}}@media(min-width: 600px)and (max-width: 781px){.vk-cols--fit.wp-block-columns .wp-block-column:nth-child(2n),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:nth-child(2n){margin-left:0}.vk-cols--fit.wp-block-columns .wp-block-column:not(:only-child),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:not(:only-child){flex-basis:50% !important}}.vk-cols--fit.vk-cols--grid>.block-editor-block-list__block,.vk-cols--fit.vk-cols--grid>.wp-block-column,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile)>.block-editor-block-list__block,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:50%}@media(max-width: 599px){.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover{width:100vw;margin-right:calc((100% - 100vw)/2);margin-left:calc((100% - 100vw)/2)}}@media(min-width: 600px){.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover{margin-right:calc(100% - 50vw);width:50vw}}@media(min-width: 600px){.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column{margin-left:0;margin-right:0}.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column:nth-child(2)>.wp-block-cover{margin-left:calc(100% - 50vw)}}.vk-cols--menu h2,.vk-cols--menu h3,.vk-cols--menu h4,.vk-cols--menu h5{margin-bottom:.2em;text-shadow:#000 0 0 10px}.vk-cols--menu h2:first-child,.vk-cols--menu h3:first-child,.vk-cols--menu h4:first-child,.vk-cols--menu h5:first-child{margin-top:0}.vk-cols--menu p{margin-bottom:1rem;text-shadow:#000 0 0 10px}.vk-cols--menu .wp-block-cover__inner-container:last-child{margin-bottom:0}.vk-cols--fitbnrs .wp-block-column .wp-block-cover:hover img{filter:unset}.vk-cols--fitbnrs .wp-block-column .wp-block-cover:hover{background-color:unset}.vk-cols--fitbnrs .wp-block-column .wp-block-cover:hover .wp-block-cover__image-background{filter:unset !important}.vk-cols--fitbnrs .wp-block-cover__inner-container{position:absolute;height:100%;width:100%}.vk-cols--fitbnrs .vk_button{height:100%;margin:0}.vk-cols--fitbnrs .vk_button .vk_button_btn,.vk-cols--fitbnrs .vk_button .btn{height:100%;width:100%;border:none;box-shadow:none;background-color:unset;transition:unset}.vk-cols--fitbnrs .vk_button .vk_button_btn:hover,.vk-cols--fitbnrs .vk_button .btn:hover{transition:unset}.vk-cols--fitbnrs .vk_button .vk_button_btn:after,.vk-cols--fitbnrs .vk_button .btn:after{border:none}.vk-cols--fitbnrs .vk_button .vk_button_link_txt{width:100%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);font-size:2rem;text-shadow:#000 0 0 10px}.vk-cols--fitbnrs .vk_button .vk_button_link_subCaption{width:100%;position:absolute;top:calc(50% + 2.2em);left:50%;transform:translateY(-50%) translateX(-50%);text-shadow:#000 0 0 10px}.vk-cols--media .wp-block-column:not(:first-child) .wp-block-image,.vk-cols--media .wp-block-column:not(:first-child) figure{margin-bottom:0}@media(min-width: 600px){.vk-cols--media.vk-cols--reverse .wp-block-column:first-child{margin-left:0}}@media(min-width: 782px){.vk-cols--media .wp-block-column:not(:first-child){--wp--style--block-gap: 3rem;margin-left:3rem}.vk-cols--media.vk-cols--reverse .wp-block-column:not(:first-child){margin-right:3rem;margin-left:0}}@media(min-width: 600px)and (max-width: 781px){.vk-cols--media{--wp--style--block-gap: 2rem}.vk-cols--media.vk-cols--reverse .wp-block-column:not(:first-child){margin-right:2rem;margin-left:0}}.vk-fit-map iframe{position:relative;margin-bottom:0;display:block;max-height:400px;width:100vw}.vk-table--width--th25 :where(tr > *:first-child){width:25%}.vk-table--width--th30 :where(tr > *:first-child){width:30%}.vk-table--width--th35 :where(tr > *:first-child){width:35%}.vk-table--width--th40 :where(tr > *:first-child){width:40%}@media(max-width: 599px){.vk-table--mobile-block :is(th,td){width:100%;display:block;border-top:none}}.no-margin{margin:0}@media(max-width: 599px){.wp-block-image.vk-aligncenter--mobile>.alignright{float:none;margin-left:auto;margin-right:auto}.vk-no-padding-horizontal--mobile{padding-left:0 !important;padding-right:0 !important}} +.vk-cols--reverse{flex-direction:row-reverse}@media(min-width: 600px){.vk-cols--reverse .wp-block-column{margin-left:1em}.vk-cols--reverse .wp-block-column:last-child{margin-right:1em;margin-left:0}.vk-cols--reverse.vk-cols--fit .wp-block-column{margin-right:0;margin-left:0}}@media(min-width: 782px){.vk-cols--reverse.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){margin-left:0}}@media(min-width: 600px)and (max-width: 781px){.vk-cols--reverse.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n){margin-left:0}}.vk-cols--hasbtn{margin-bottom:0}.vk-cols--hasbtn>.row>.vk_gridColumn_item,.vk-cols--hasbtn>.wp-block-column{position:relative;padding-bottom:3em;margin-bottom:var(--vk-margin-block-bottom)}.vk-cols--hasbtn>.row>.vk_gridColumn_item>.wp-block-buttons,.vk-cols--hasbtn>.row>.vk_gridColumn_item>.vk_button,.vk-cols--hasbtn>.wp-block-column>.wp-block-buttons,.vk-cols--hasbtn>.wp-block-column>.vk_button{position:absolute;bottom:0;width:calc(100% - 15px - 15px)}.vk-cols--fit--gap1.wp-block-columns{gap:1px}@media(min-width: 600px)and (max-width: 781px){.vk-cols--fit--gap1.wp-block-columns .wp-block-column:not(:only-child){flex-basis:calc(50% - 1px) !important}}.vk-cols--fit.wp-block-columns,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile){margin-top:0;margin-bottom:0;justify-content:space-between}.vk-cols--fit.wp-block-columns>.wp-block-column *:last-child,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column *:last-child{margin-bottom:0}.vk-cols--fit.wp-block-columns>.wp-block-column>.wp-block-cover,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column>.wp-block-cover{margin-top:0}.vk-cols--fit.wp-block-columns.has-background,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile).has-background{padding:0}@media(max-width: 599px){.vk-cols--fit.wp-block-columns:not(.has-background)>.wp-block-column:not(.has-background),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile):not(.has-background)>.wp-block-column:not(.has-background){padding-left:0 !important;padding-right:0 !important}}@media(min-width: 782px){.vk-cols--fit.wp-block-columns .block-editor-block-list__block.wp-block-column:not(:first-child),.vk-cols--fit.wp-block-columns>.wp-block-column:not(:first-child),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) .block-editor-block-list__block.wp-block-column:not(:first-child),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){margin-left:0}}@media(min-width: 600px)and (max-width: 781px){.vk-cols--fit.wp-block-columns .wp-block-column:nth-child(2n),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:nth-child(2n){margin-left:0}.vk-cols--fit.wp-block-columns .wp-block-column:not(:only-child),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:not(:only-child){flex-basis:50% !important}}.vk-cols--fit.vk-cols--grid>.block-editor-block-list__block,.vk-cols--fit.vk-cols--grid>.wp-block-column,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile)>.block-editor-block-list__block,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:50%}@media(max-width: 599px){.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover{width:100vw;margin-right:calc((100% - 100vw)/2);margin-left:calc((100% - 100vw)/2)}}@media(min-width: 600px){.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover{margin-right:calc(100% - 50vw);width:50vw}}@media(min-width: 600px){.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column{margin-left:0;margin-right:0}.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column:nth-child(2)>.wp-block-cover{margin-left:calc(100% - 50vw)}}.vk-cols--menu h2,.vk-cols--menu h3,.vk-cols--menu h4,.vk-cols--menu h5{margin-bottom:.2em;text-shadow:#000 0 0 10px}.vk-cols--menu h2:first-child,.vk-cols--menu h3:first-child,.vk-cols--menu h4:first-child,.vk-cols--menu h5:first-child{margin-top:0}.vk-cols--menu p{margin-bottom:1rem;text-shadow:#000 0 0 10px}.vk-cols--menu .wp-block-cover__inner-container:last-child{margin-bottom:0}.vk-cols--fitbnrs .wp-block-column .wp-block-cover:hover img{filter:unset}.vk-cols--fitbnrs .wp-block-column .wp-block-cover:hover{background-color:unset}.vk-cols--fitbnrs .wp-block-column .wp-block-cover:hover .wp-block-cover__image-background{filter:unset !important}.vk-cols--fitbnrs .wp-block-cover__inner-container{position:absolute;height:100%;width:100%}.vk-cols--fitbnrs .vk_button{height:100%;margin:0}.vk-cols--fitbnrs .vk_button .vk_button_btn,.vk-cols--fitbnrs .vk_button .btn{height:100%;width:100%;border:none;box-shadow:none;background-color:unset;transition:unset}.vk-cols--fitbnrs .vk_button .vk_button_btn:hover,.vk-cols--fitbnrs .vk_button .btn:hover{transition:unset}.vk-cols--fitbnrs .vk_button .vk_button_btn:after,.vk-cols--fitbnrs .vk_button .btn:after{border:none}.vk-cols--fitbnrs .vk_button .vk_button_link_txt{width:100%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);font-size:2rem;text-shadow:#000 0 0 10px}.vk-cols--fitbnrs .vk_button .vk_button_link_subCaption{width:100%;position:absolute;top:calc(50% + 2.2em);left:50%;transform:translateY(-50%) translateX(-50%);text-shadow:#000 0 0 10px}.vk-cols--media .wp-block-column:not(:first-child) .wp-block-image,.vk-cols--media .wp-block-column:not(:first-child) figure{margin-bottom:0}@media(min-width: 600px){.vk-cols--media.vk-cols--reverse .wp-block-column:first-child{margin-left:0}}@media(min-width: 782px){.vk-cols--media .wp-block-column:not(:first-child){--wp--style--block-gap: 3rem;margin-left:3rem}.vk-cols--media.vk-cols--reverse .wp-block-column:not(:first-child){margin-right:3rem;margin-left:0}}@media(min-width: 600px)and (max-width: 781px){.vk-cols--media{--wp--style--block-gap: 2rem}.vk-cols--media.vk-cols--reverse .wp-block-column:not(:first-child){margin-right:2rem;margin-left:0}}.vk-fit-map iframe{position:relative;margin-bottom:0;display:block;max-height:400px;width:100vw}:root{--vk-color-th-bg-bright: #f5f5f5}.vk-table--th--width25:where(tr > *:first-child){width:25%}.vk-table--th--width30:where(tr > *:first-child){width:30%}.vk-table--th--width35:where(tr > *:first-child){width:35%}.vk-table--th--width40:where(tr > *:first-child){width:40%}.vk-table--th--bg-bright :where(tr > *:first-child){background-color:var(--vk-color-th-bg-bright)}@media(max-width: 599px){.vk-table--mobile-block :is(th,td){width:100%;display:block;border-top:none}}.vk-table--width--th25 :where(tr > *:first-child){width:25%}.vk-table--width--th30 :where(tr > *:first-child){width:30%}.vk-table--width--th35 :where(tr > *:first-child){width:35%}.vk-table--width--th40 :where(tr > *:first-child){width:40%}.no-margin{margin:0}@media(max-width: 599px){.wp-block-image.vk-aligncenter--mobile>.alignright{float:none;margin-left:auto;margin-right:auto}.vk-no-padding-horizontal--mobile{padding-left:0 !important;padding-right:0 !important}} diff --git a/patterns-data/template-all.json b/patterns-data/template-all.json index 45daccc..2e940ab 100755 --- a/patterns-data/template-all.json +++ b/patterns-data/template-all.json @@ -1,25 +1,7 @@ [ - { - "title": "枠線ボックス", - "post_status": "publish", - "post_name": "%e6%9e%a0%e7%b7%9a%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9", - "description": "", - "content": "\n

枠線ブロックサンプル

\n\n
\n\n\n\n
\n", - "categories": [ - "%e5%b9%85_%e9%80%9a%e5%b8%b8" - ], - "languages": [ - "ja" - ], - "blockTypes": [ - "vk-blocks/border-box", - "core/list", - "vk-blocks/spacer" - ] - }, { "title": "テーブル th25% モバイル時縦積み", - "post_status": "publish", + "post_status": "draft", "post_name": "9465", "description": "", "content": "\n
会社名株式会社サンプル
英文社名Sample Co. Ltd.
代表取締役山田次郎
従業員数100名
所在地愛知県名古屋市中村区名駅X-XX-X サンプルビル
TEL000-000-0000
モバイル時縦積み画面が狭い時にはテーブルを1カラム縦積みに変更します。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--mobile-block が入っています。
thの幅表の左の列の幅に25%指定がしてあります。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--width--th25 が入っています。
25% / 30% / 35% / 40% が用意してありますので、例えば35%にしたい場合は vk-table--width--th35 に変更してください。
\n", @@ -34,95 +16,115 @@ ] }, { - "title": "Greeting with title and text", + "title": "サービス案内 Pro 01", "post_status": "publish", - "post_name": "%e7%94%bb%e5%83%8f%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%81%a8%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ae%e6%8c%a8%e6%8b%b6-2", + "post_name": "%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e6%a1%88%e5%86%85", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n\n\n\n
\n
\n\n\n\n
\n

Greeting

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

\n\n\n\n

Vektor,Inc.
CEO Taro Yamada

\n
\n
\n\n\n\n
\n", + "content": "\n
\n
\\\"\\\"
\n

サービス案内

\n
\n\n\n\n
\n\n\n\n

サービス一覧

Service List

\n\n\n\n
\n\n\n\n
\n
\n

ホームページ制作

\n\n\n\n
  • ホームページ制作ホームページ制作
  • ホームページ制作ホームページ制作
  • ホームページ制作ホームページ制作
\n\n\n\n\n
\n\n\n\n
\n

SNS運用代行

\n\n\n\n
  • SNS運用代行SNS運用代行
  • SNS運用代行SNS運用代行
  • SNS運用代行SNS運用代行
\n\n\n\n\n
\n\n\n\n
\n

Webコンサルティング

\n\n\n\n
  • Webコンサルティング
  • Webコンサルティング
  • Webコンサルティング
\n\n\n\n\n
\n
\n
\n\n\n\n
\n\n\n\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

ホームページ制作

\n\n\n\n
\n\n\n\n

サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。

\n
\n
\n\n\n\n
\n
\n\n\n\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

SNS運用代行

\n\n\n\n
\n\n\n\n

サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。

\n
\n
\n\n\n\n
\n
\n\n\n\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

Webコンサルティング

\n\n\n\n
\n\n\n\n

サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。

\n
\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

サービスの流れ

Service Flow

\n\n\n\n
\n\n\n\n
\n
\n

お問い合わせ

\n\n\n\n

まずはお問い合わせフォームまたは電話にてご連絡ください。

\n
STEP
1
\n\n\n\n
\n

ヒアリング

\n\n\n\n

担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。

\n
STEP
2
\n\n\n\n
\n

ご提案・お見積り

\n\n\n\n

ヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。

\n
STEP
3
\n\n\n\n
\n

ご契約・発注

\n\n\n\n

秘密保持契約など、発注に際して必要な契約をいたします。

\n
STEP
4
\n\n\n\n
\n

サービスのご提供

\n\n\n\n

ご提案させていただいた内容にて業務を実施いたします。

\n
STEP
5
\n\n\n\n
\n

確認・納品

\n\n\n\n

成果物に対して、ご確認いただきます。必要に応じて修正を行い、納品となります。

\n
STEP
6
\n\n\n\n
\n

ご入金

\n\n\n\n

納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。

\n
STEP
7
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n

よくある質問

FAQ

\n\n\n\n
\n\n\n\n
オリジナル商品の開発をお願いしたいのですが?
\n

はい、弊社は多岐に渡る部門がございますので企画からデザイン、製品製作からパッケージング及びマーケティングまで一貫してワンストップにて対応する事が可能です。お気軽にお問い合わせください。

\n\n\n\n\n
\n\n\n\n
オリジナル商品の開発をお願いしたいのですが?
\n

はい、弊社は多岐に渡る部門がございますので企画からデザイン、製品製作からパッケージング及びマーケティングまで一貫してワンストップにて対応する事が可能です。お気軽にお問い合わせください。

\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n
\\\"\\\"
\n
\n
\n
\n\n\n\n
\n\n\n\n
\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

オンラインで打ち合わせできます!

\n\n\n\n
  • 画面を共有し資料を見ながらのご説明が可能です
  • 実際にお会いしている感覚でお話できます
  • 電話/メール/チャットもご利用いただけます
\n\n\n\n
\n\n\n\n\n
\n
\n\n\n\n
\n
\n\n\n\n

\n
\n", "categories": [ - "columns", - "feature" + "%e3%83%9a%e3%83%bc%e3%82%b8_%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e7%b4%b9%e4%bb%8b", + "full-width" ], "languages": [ - "en_us" + "ja" ], - "blockTypes": [ - "core/columns", - "core/column", - "core/image", - "vk-blocks/spacer", - "core/heading", - "core/paragraph" - ] + "blockTypes": false }, { - "title": "Full width Map", + "title": "フィットカラム 全幅", "post_status": "publish", - "post_name": "%e5%85%a8%e5%b9%85%e5%9c%b0%e5%9b%b3-2", + "post_name": "2310-2", "description": "", - "content": "\n
\n
\n
\n", + "content": "\n
\n
\n
\n

全幅 カラム背景塗りなし

\n\n\n\n

文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

全幅 カラム背景塗りなし

\n\n\n\n

文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n
\n", "categories": [ - "feature" + "columns", + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e5%b9%85_%e5%85%a8%e5%b9%85" ], "languages": [ - "en_us" + "ja" ], "blockTypes": false }, { - "title": "Staff introduction - Title and text and image", + "title": "会社案内 Free 01", "post_status": "publish", - "post_name": "%e8%a6%8b%e5%87%ba%e3%81%97%e3%81%a8%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b9%e3%82%bf%e3%83%83%e3%83%95%e7%b4%b9%e4%bb%8b-2", + "post_name": "%e4%bc%9a%e7%a4%be%e6%a1%88%e5%86%85%ef%bc%92", "description": "", - "content": "\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

Vektor Tarou CEO

\n\n\n\n

Mechamecha Iketel

\n\n\n\n
\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n

Lorem ipsum

\n\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

Vektor Tarou CEO

\n\n\n\n

Mechamecha Iketel

\n\n\n\n
\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n

Lorem ipsum

\n\n\n\n\n\n\n\n\n
\n
\n", + "content": "\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

代表挨拶

\n\n\n\n

この部分には、代表からのメッセージが入ります。
自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。

\n\n\n\n

株式会社サンプル
代表取締役社長 山田太朗

\n
\n
\n\n\n\n
\n\n\n\n

会社概要

\n\n\n\n
会社名 株式会社サンプル
英文社名 Sample Co. Ltd.
代表取締役 山田次郎
従業員数 100名
所在地 愛知県名古屋市中村区名駅X-XX-X サンプルビル
TEL 000-000-0000
FAX 000-000-0000
事業内容
  • 印刷事業部
  • デザイン事業部
  • インターネット関連事業部
  • ソフトウェア開発事業部
  • 通信販売事業部
\n\n\n\n

アクセス

\n\n\n\n
\n
\n\n
\n\n\n\n
\n\n\n\n\n\n
\n
\n\n\n\n
\n\n\n", "categories": [ - "feature" + "%e3%83%9a%e3%83%bc%e3%82%b8_%e4%bc%9a%e7%a4%be%e6%a1%88%e5%86%85", + "%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e3%82%bf%e3%82%a4%e3%83%97_%e3%83%9a%e3%83%bc%e3%82%b8_%e9%80%9a%e5%b8%b8%e5%b9%85", + "%e5%b9%85_%e9%80%9a%e5%b8%b8" ], "languages": [ - "en_us" + "ja" ], "blockTypes": [ - "vk-blocks/spacer", "core/columns", "core/column", "core/image", "core/heading", "core/paragraph", + "vk-blocks/spacer", + "core/table", + "core/html", "core/list", - "core/social-links", - "core/social-link ", - "core/separator" + "vk-blocks/button", + "vk-blocks/child-page-index " ] }, { - "title": "PR Columns with Button", + "title": "PR アイコンセット カラム", "post_status": "publish", - "post_name": "pr-columns", + "post_name": "pr-%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%83%e3%83%88", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n\n\n\n
VK Blocks
\n\n\n\n

Plugin VK Blocks is a block library that adds various blocks and styles and functions that are useful for building your business websites.

\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
VK Block Patterns
\n\n\n\n

Plugin VK Block Patterns is is a block pattern library to easily create a business site.
You can also easily register your own patterns.

\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
VK Filter Search
\n\n\n\n

Plugin VK Filter Search (free) can create the Filter Serach Block on your edit screen. It enable to filter search on post type and terms.

\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
ExUnit
\n\n\n\n

By using the multi-function plug-in \\\"VK All in One Expansion Unit (free)\\\", you can use the various useful functions and rich widgets.

\n\n\n\n\n\n\n\n
\n
\n
\n", + "content": "\n
\n
\n
\n\n\n\n
\n\n\n\n

サービス案内

\n\n\n\n

弊社が提供するサービスついてご紹介しています。経験豊富なスタッフがこだわりを持って取り組んでいます。

\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

会社案内

\n\n\n\n

弊社代表挨拶や会社の基本情報について記載しています。また、弊社の歴史なども紹介していますので是非ご覧ください。

\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

採用情報

\n\n\n\n

株式会社サンプルでは一緒に働く仲間を募集しています。自分で考えていろいろな事にチャレンジできるやりがいのある仕事です。

\n
\n
\n", "categories": [ - "columns" + "columns", + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e5%b9%85_%e9%80%9a%e5%b8%b8" ], "languages": [ - "en_us" + "ja" ], "blockTypes": [ "core/columns", "core/column", - "core/image", + "vk-blocks/icon", + "vk-blocks/spacer", "core/heading", + "core/paragraph" + ] + }, + { + "title": "ソーシャルアイコンとプロフィール", + "post_status": "publish", + "post_name": "%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab", + "description": "", + "content": "\n
\n
\\\"\\\"
\n\n\n\n
\n\n\n\n

〒000-0000
愛知県名古屋市◯◯区◯◯丁目◯◯番地
TEL : 000-000-0000
FAX : 000-000-0000

\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\n", + "categories": [ + "%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3_%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab", + "%e5%b9%85_%e9%80%9a%e5%b8%b8" + ], + "languages": [ + "ja" + ], + "blockTypes": [ + "core/group", + "core/image", + "vk-blocks/spacer", "core/paragraph", - "core/buttons", - "core/button", - "core/spacer" + "vk-blocks/icon-outer", + "vk-blocks/icon" ] }, { - "title": "メディアカラム", + "title": "PR カラム ボタンあり", "post_status": "publish", - "post_name": "2334", + "post_name": "pr-columns-button", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

薬師寺

YAKUSHIJI TEMPLE

\n\n\n\n
\n\n\n\n

薬師寺は、奈良県奈良市西ノ京町にある法相宗の大本山の寺院。南都七大寺の1つ。開基は天武天皇、本尊は薬師如来。

\n\n\n\n

東塔は奈良時代からの唯一の現存建築で国宝に指定しており、「古都奈良の文化財」の構成資産の1つとして、ユネスコより世界遺産にも登録されています。

\n\n\n\n\n\n\n\n
\n\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

薬師寺

YAKUSHIJI TEMPLE

\n\n\n\n
\n\n\n\n

薬師寺は、奈良県奈良市西ノ京町にある法相宗の大本山の寺院。南都七大寺の1つ。開基は天武天皇、本尊は薬師如来。

\n\n\n\n

東塔は奈良時代からの唯一の現存建築で国宝に指定しており、「古都奈良の文化財」の構成資産の1つとして、ユネスコより世界遺産にも登録されています。

\n\n\n\n\n\n\n\n
\n\n\n\n\n
\n
\n", + "content": "\n
\n
\n
\\\"\\\"/
\n\n\n\n

About Lightning

\n\n\n\n

Lightning(無料)はWeb制作の専門知識がなくても簡単にビジネスサイトが作成できるように設計されたWordPressテーマです。

\n\n\n\n\n
\n\n\n\n
\n
\\\"\\\"/
\n\n\n\n

ExUnit

\n\n\n\n

多機能プラグイン「VK All in One Expansion Unit(無料)」を利用することで、さまざまな便利な機能や豊富なウィジェットをご利用いただけます。

\n\n\n\n\n
\n\n\n\n
\n
\\\"\\\"/
\n\n\n\n

VK Blocks

\n\n\n\n

プラグイン「VK Blocks(無料)」はビジネスサイトの構築に役立つさまざまなブロックとスタイルおよび機能を追加するブロックライブラリです。

\n\n\n\n\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n

VK Filter Search

\n\n\n\n

プラグイン「VK Filter Search(無料)」は、編集画面に絞り込み検索ブロックを作成できます。 投稿タイプやカスタム分類で絞り込む事ができます。

\n\n\n\n\n
\n
\n", "categories": [ "columns", "%e3%82%a8%e3%83%aa%e3%82%a2_pr", @@ -135,99 +137,87 @@ "core/columns", "core/column", "core/image", - "vk-blocks/heading", - "vk-blocks/spacer", + "core/heading", "core/paragraph", - "core/gallery", "core/buttons", - "core/button", - "core/separator" + "core/button" ] }, { - "title": "見出しとテキストと画像のスタッフ紹介", + "title": "PR カラム", "post_status": "publish", - "post_name": "%e8%a6%8b%e5%87%ba%e3%81%97%e3%81%a8%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b9%e3%82%bf%e3%83%83%e3%83%95%e7%b4%b9%e4%bb%8b", + "post_name": "pr-columns-normal", "description": "", - "content": "\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

石川栄和 代表取締役

\n\n\n\n

Hidekazu Ishikawa

\n\n\n\n
\n\n\n\n

名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。

\n\n\n\n

[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)

\n\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

石川栄和 代表取締役

\n\n\n\n

Hidekazu Ishikawa

\n\n\n\n
\n\n\n\n

名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。

\n\n\n\n

[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)

\n\n\n\n\n
\n
\n", + "content": "\n
\n
\n
\\\"\\\"/
\n\n\n\n
About Lightning
\n\n\n\n

Lightning(無料)はWeb制作の専門知識がなくても簡単にビジネスサイトが作成できるように設計されたWordPressテーマです。

\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"/
\n\n\n\n
ExUnit
\n\n\n\n

多機能プラグイン「VK All in One Expansion Unit(無料)」を利用することで、さまざまな便利な機能や豊富なウィジェットをご利用いただけます。

\n
\n\n\n\n
\n
\\\"\\\"/
\n\n\n\n
VK Blocks
\n\n\n\n

プラグイン「VK Blocks(無料)」はビジネスサイトの構築に役立つさまざまなブロックとスタイルおよび機能を追加するブロックライブラリです。

\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
VK Filter Search
\n\n\n\n

プラグイン「VK Filter Search(無料)」は、編集画面に絞り込み検索ブロックを作成できます。 投稿タイプやカスタム分類で絞り込む事ができます。

\n
\n
\n", "categories": [ "columns", - "%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3_%e3%82%b9%e3%82%bf%e3%83%83%e3%83%95", + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", "%e5%b9%85_%e9%80%9a%e5%b8%b8" ], "languages": [ "ja" ], "blockTypes": [ - "vk-blocks/spacer", "core/columns", "core/column", "core/image", "core/heading", "core/paragraph", - "core/social-links", - "core/social-link ", - "core/separator" + "core/spacer" ] }, { - "title": "スライド", + "title": "資料請求とお問い合わせボタン", "post_status": "publish", - "post_name": "%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89", + "post_name": "%e3%82%b3%e3%83%b3%e3%82%bf%e3%82%af%e3%83%88%ef%bc%92", "description": "", - "content": "\n
\n
\n
\n\n\n\n
\\\"画像をアップロード\\\"

自社のコンセプトやキャッチコピーが入ります。

この部分には、自社について説明が入ります。
自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。

\n\n\n\n
\n
\n\n\n\n
\n

\n
\n
\n", + "content": "\n
\n
\n\n\n\n

ご質問・ご相談などありましたら
お気軽にお問い合わせください

\n\n\n\n
\n\n\n\n\n\n\n\n
\n
\n", "categories": [ - "%e3%83%92%e3%83%bc%e3%83%ad%e3%83%bc", + "%e3%82%a8%e3%83%aa%e3%82%a2_cta", "%e5%b9%85_%e5%85%a8%e5%b9%85" ], "languages": [ "ja" ], - "blockTypes": [ - "vk-blocks/slider", - "vk-blocks/slider-item", - "vk-blocks/spacer", - "vk-blocks/pr-content", - "core/paragraph" - ] + "blockTypes": false }, { - "title": "画像カラム", - "post_status": "private", - "post_name": "5809", + "title": "PR コンテンツ 全幅", + "post_status": "publish", + "post_name": "%e3%83%92%e3%83%bc%e3%83%ad%e3%83%bc1", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n
\n", - "categories": [], + "content": "\n
\\\"\\\"
\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

コンセプトやキャッチコピー

\n\n\n\n

この部分には、自社について説明が入ります。
自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。

\n\n\n\n
\n\n\n\n\n
\n
\n\n\n\n
\n
\n
\n", + "categories": [ + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e3%83%92%e3%83%bc%e3%83%ad%e3%83%bc", + "%e5%b9%85_%e5%85%a8%e5%b9%85" + ], "languages": [ "ja" ], - "blockTypes": [ - "core/columns", - "core/column", - "core/cover", - "core/paragraph" - ] + "blockTypes": false }, { - "title": "全幅地図", + "title": "Column Media and Text full width", "post_status": "publish", - "post_name": "%e5%85%a8%e5%b9%85%e5%9c%b0%e5%9b%b3", + "post_name": "pr-%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84-%e5%85%a8%e5%b9%85-2", "description": "", - "content": "\n
\n
\n
\n", + "content": "\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

Layout Control

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n\n
\n
\n
\n", "categories": [ - "%e5%b9%85_%e5%85%a8%e5%b9%85" + "columns", + "feature" ], "languages": [ - "ja" + "en_us" ], "blockTypes": false }, { - "title": "Column Menu", + "title": "Column Icons", "post_status": "publish", - "post_name": "2319-3", + "post_name": "pr-%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%83%e3%83%88-3", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n

Product A

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product B

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product C

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n\n\n\n
\n
\n
\n", + "content": "\n
\n
\n
\n\n\n\n
\n\n\n\n

Service

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

Company

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

Recruit

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n
\n
\n", "categories": [ "columns" ], @@ -237,69 +227,305 @@ "blockTypes": [ "core/columns", "core/column", - "core/cover", + "vk-blocks/icon", + "vk-blocks/spacer", "core/heading", - "core/paragraph", - "core/buttons", - "core/button", - "vk-blocks/spacer" + "core/paragraph" ] }, { - "title": "グリッドカラムのサービスの流れ", + "title": "Column Media", "post_status": "publish", - "post_name": "%e3%82%b0%e3%83%aa%e3%83%83%e3%83%89%e3%82%ab%e3%83%a9%e3%83%a0%e3%81%ae%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%81%ae%e6%b5%81%e3%82%8c", + "post_name": "2334-2", "description": "", - "content": "\n
\n
\n\n\n\n

サービスの流れ

FLOW

\n\n\n\n
\n\n\n\n
\n
\n
\n

STEP 01

\n\n\n\n

お問い合わせ

\n\n\n\n

まずはお問い合わせフォームまたは電話にてご連絡ください。

\n
\n
\n\n\n\n
\n
\n

STEP 02

\n\n\n\n

ヒアリング

\n\n\n\n

担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。

\n
\n
\n\n\n\n
\n
\n

STEP 03

\n\n\n\n

ご提案・お見積り

\n\n\n\n

ヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。

\n
\n
\n\n\n\n
\n
\n

STEP 04

\n\n\n\n

ご契約・発注

\n\n\n\n

秘密保持契約など、発注に際して必要な契約をいたします。

\n
\n
\n\n\n\n
\n
\n

STEP 05

\n\n\n\n

サービスのご提供

\n\n\n\n

ご提案させていただいた内容にて業務を実施いたします。

\n
\n
\n\n\n\n
\n
\n

STEP 06

\n\n\n\n

確認・納品

\n\n\n\n

成果物に対して、ご確認いただきます。必要に応じて修正を行い、納品となります。

\n
\n
\n\n\n\n
\n
\n

STEP 07

\n\n\n\n

ご入金

\n\n\n\n

納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。

\n
\n
\n\n\n\n
\n
\n

STEP 08

\n\n\n\n

アフターフォロー

\n\n\n\n

納品後2ヶ月間は、不具合などございましたら無料で対応させていただきます。

\n
\n
\n
\n\n\n\n
\n
\n", + "content": "\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

YAKUSHIJI TEMPLE

Nara prefecture

\n\n\n\n
\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n\n\n\n

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n\n\n\n\n
\n\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

YAKUSHIJI TEMPLE

Nara prefecture

\n\n\n\n
\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n\n\n\n

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n\n\n\n\n
\n\n\n\n\n
\n
\n", "categories": [ - "columns", - "%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3_%e6%b5%81%e3%82%8c", - "%e5%b9%85_%e5%85%a8%e5%b9%85" + "columns" ], "languages": [ - "ja" + "en_us" ], - "blockTypes": false + "blockTypes": [ + "core/columns", + "core/column", + "core/image", + "vk-blocks/heading", + "vk-blocks/spacer", + "core/paragraph", + "core/gallery", + "core/buttons", + "core/button", + "core/separator" + ] }, { - "title": "お知らせ カード", + "title": "Tell Button and Mail Button CTA", "post_status": "publish", - "post_name": "%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b-%e3%82%ab%e3%83%bc%e3%83%89%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab", + "post_name": "%e3%82%b3%e3%83%b3%e3%82%bf%e3%82%af%e3%83%88-2", "description": "", - "content": "\n
\n
\n\n\n\n

お知らせ

Information

\n\n\n\n
\n\n\n\n\n\n\n\n\n\n
\n
\n", + "content": "\n
\\\"\\\"
\n
\n
\n\n\n\n

Contact

Please feel free to contact us for any requests or questions regarding your business.

\n\n\n\n
\n\n\n\n\n\n\n\n
\n
\n
\n", "categories": [ - "%e3%82%a8%e3%83%aa%e3%82%a2_%e6%8a%95%e7%a8%bf%e3%83%aa%e3%82%b9%e3%83%88", - "%e5%b9%85_%e5%85%a8%e5%b9%85" + "feature" ], "languages": [ - "ja" + "en_us" ], "blockTypes": false }, { - "title": "スライド 導入事例", + "title": "Fit Column Full width", "post_status": "publish", - "post_name": "3115", + "post_name": "2310-2-2", "description": "", - "content": "\n
\n
\n\n\n\n

ピックアップ導入事例

CASE STUDY

\n\n\n\n
\n
\n
\n
\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n
株式会社ベクトル様
\n\n\n\n

リモートワークになり活用しています
顧客管理が楽になりました!

\n\n\n\n

ダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストです

\n\n\n\n\n
\n
\n
\n
\n\n\n\n
\n
\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n
株式会社ベクトル様
\n\n\n\n

リモートワークになり活用しています
顧客管理が楽になりました!

\n\n\n\n

ダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストです

\n\n\n\n\n
\n
\n
\n
\n\n\n\n
\n
\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n
株式会社ベクトル様
\n\n\n\n

リモートワークになり活用しています
顧客管理が楽になりました!

\n\n\n\n

ダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストです

\n\n\n\n\n
\n
\n
\n
\n
\n\n\n\n

\n
\n\n\n\n
\n
\n", + "content": "\n
\n
\n
\n

Full width No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Full width No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n
\n", "categories": [ - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", - "%e5%b9%85_%e5%85%a8%e5%b9%85" + "columns" ], "languages": [ - "ja" + "en_us" ], "blockTypes": false }, { - "title": "実績紹介", + "title": "資料ダウンロード", "post_status": "publish", - "post_name": "%e5%ae%9f%e7%b8%be%e7%b4%b9%e4%bb%8b", + "post_name": "call-to-action", "description": "", - "content": "\n
\n
\n
\n\n\n\n

実績紹介

WORKS

\n\n\n\n
\n\n\n\n\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\n", + "content": "\n
\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

集客ガイドブックを無料配布中!

\n\n\n\n

インターネットを活用した集客ノウハウをPDF形式で無料でダウンロードいただけます。集客するためのウェブサイトの考え方から、ウェブサイトの作成・保守、SNSを活用したマーケティングなど、あなたのビジネスの集客アップにご活用ください。

\n\n\n\n

※直接ファイルにリンクするか、ダウンロード用のフォームページにリンクしたり、フォームをこちらに直接貼り付けてご活用ください。

\n\n\n\n\n
\n
\n\n\n\n
\n
\n
\n\n\n\n
\n", "categories": [ - "%e3%82%a8%e3%83%aa%e3%82%a2_%e6%8a%95%e7%a8%bf%e3%83%aa%e3%82%b9%e3%83%88", - "%e5%b9%85_%e5%85%a8%e5%b9%85" + "columns", + "%e3%82%a8%e3%83%aa%e3%82%a2_cta", + "%e5%b9%85_%e9%80%9a%e5%b8%b8" + ], + "languages": [ + "ja" + ], + "blockTypes": [ + "core/cover", + "core/group", + "vk-blocks/spacer", + "core/columns", + "core/column", + "core/image", + "core/heading", + "core/paragraph", + "vk-blocks/button" + ] + }, + { + "title": "カードブロック Pro", + "post_status": "publish", + "post_name": "test05", + "description": "", + "content": "\n
\n
サービスの特徴

サービスの特徴についての紹介文などが入りますサービスの特徴についての紹介文などが入ります。

詳しくはこちら
\n\n\n\n
サービスの特徴

サービスの特徴についての紹介文などが入りますサービスの特徴についての紹介文などが入ります。

詳しくはこちら
\n\n\n\n
サービスの特徴

サービスの特徴についての紹介文などが入りますサービスの特徴についての紹介文などが入ります。

詳しくはこちら
\n
\n", + "categories": [ + "columns", + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e5%b9%85_%e9%80%9a%e5%b8%b8" + ], + "languages": [ + "ja" + ], + "blockTypes": [ + "vk-blocks/card", + "vk-blocks/card-item" + ] + }, + { + "title": "PR カラム Free 02", + "post_status": "publish", + "post_name": "pr-%e3%82%ab%e3%83%a9%e3%83%a0-02", + "description": "", + "content": "\n
\n
\n
\\\"\\\"
\n\n\n\n
\n

ウェブ制作

\n\n\n\n

Web

\n
\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
\n

印刷物

\n\n\n\n

Printing

\n
\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
\n

システム開発

\n\n\n\n

System

\n
\n\n\n\n\n\n\n\n
\n
\n
\n", + "categories": [ + "columns", + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e5%b9%85_%e9%80%9a%e5%b8%b8" + ], + "languages": [ + "ja" + ], + "blockTypes": [ + "core/columns", + "core/column", + "core/image", + "core/group", + "core/heading", + "core/paragraph", + "core/list", + "core/spacer" + ] + }, + { + "title": "PR アイコンセット グリッドカラム", + "post_status": "publish", + "post_name": "pr-%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%83%e3%83%88-2", + "description": "", + "content": "\n
\n
\n
\n\n\n\n

サービス案内

\n\n\n\n

弊社が提供するサービスついてご紹介しています。経験豊富なスタッフがこだわりを持って取り組んでいます。

\n
\n\n\n\n
\n
\n\n\n\n

会社案内

\n\n\n\n

弊社代表挨拶や会社の基本情報について記載しています。また、弊社の歴史なども紹介していますので是非ご覧ください。

\n
\n\n\n\n
\n
\n\n\n\n

採用情報

\n\n\n\n

株式会社サンプルでは一緒に働く仲間を募集しています。自分で考えていろいろな事にチャレンジできるやりがいのある仕事です。

\n
\n
\n", + "categories": [ + "columns", + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e5%b9%85_%e9%80%9a%e5%b8%b8" + ], + "languages": [ + "ja" + ], + "blockTypes": [ + "vk-blocks/grid-column", + "vk-blocks/grid-column-item", + "vk-blocks/icon", + "core/heading", + "core/paragraph" + ] + }, + { + "title": "Fit Column", + "post_status": "publish", + "post_name": "2310-3", + "description": "", + "content": "\n
\n
\n

Normal width
No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
has background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
has background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n", + "categories": [ + "columns" + ], + "languages": [ + "en_us" + ], + "blockTypes": [ + "core/columns", + "core/column", + "core/heading", + "core/paragraph", + "core/cover" + ] + }, + { + "title": "Q and A Section", + "post_status": "publish", + "post_name": "q-and-a-section", + "description": "", + "content": "\n
\n
\n\n\n\n
\n

FAQ

\n\n\n\n
\n
\n

What is your favarite plugins?

\n
\n\n\n\n
\n

I love VK Block Patterns

\n
\n
\n\n\n\n
\n
\n

What is your favarite theme?at is your favarite plugins?

\n
\n\n\n\n
\n

My favarite WordPress theme is Lightning. But recentry I like X-T9 too.

\n
\n
\n
\n\n\n\n
\n
\n", + "categories": [ + "feature" + ], + "languages": [ + "en_us" + ], + "blockTypes": false + }, + { + "title": "Column Banner Fit", + "post_status": "publish", + "post_name": "%e3%83%95%e3%82%a3%e3%83%83%e3%83%88%e3%82%ab%e3%83%a9%e3%83%a0%e3%83%90%e3%83%8a%e3%83%bc-3", + "description": "", + "content": "\n
\n
\n\n
\n\n\n\n
\n\n
\n\n\n\n
\n\n
\n
\n", + "categories": [ + "columns" + ], + "languages": [ + "en_us" + ], + "blockTypes": [ + "core/columns", + "core/column", + "core/cover", + "vk-blocks/button" + ] + }, + { + "title": "Column Banner", + "post_status": "publish", + "post_name": "%e3%83%95%e3%82%a3%e3%83%83%e3%83%88%e3%82%ab%e3%83%a9%e3%83%a0%e3%83%90%e3%83%8a%e3%83%bc-2-2", + "description": "", + "content": "\n
\n
\n\n
\n\n\n\n
\n\n
\n\n\n\n
\n\n
\n
\n", + "categories": [ + "columns" + ], + "languages": [ + "en_us" + ], + "blockTypes": [ + "core/columns", + "core/column", + "core/cover", + "vk-blocks/button" + ] + }, + { + "title": "Column Menu Fit", + "post_status": "publish", + "post_name": "2319-2-2", + "description": "", + "content": "\n
\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n
\n", + "categories": [ + "columns" + ], + "languages": [ + "en_us" + ], + "blockTypes": [ + "core/columns", + "core/column", + "core/cover", + "core/heading", + "core/paragraph", + "core/buttons", + "core/button" + ] + }, + { + "title": "PR コンテンツ Free 全幅", + "post_status": "publish", + "post_name": "pr-%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84-%e5%85%a8%e5%b9%85", + "description": "", + "content": "\n
\n
\n\n\n\n
\n
\n
\\\"\\\"/
\n
\n\n\n\n
\n

Layout Control

\n\n\n\n

Lightning は カラム任意のカラム数を設定する機能があり「外観 > カスタマイズ > Lightning レイアウト設定」または各個別の記事編集画面の「Lightning デザイン設定」から指定する事ができます。

\n\n\n\n\n
\n
\n
\n", + "categories": [ + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e5%b9%85_%e5%85%a8%e5%b9%85" + ], + "languages": [ + "ja" + ], + "blockTypes": false + }, + { + "title": "お知らせ カード", + "post_status": "publish", + "post_name": "%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b-%e3%82%ab%e3%83%bc%e3%83%89%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab", + "description": "", + "content": "\n
\n
\n\n\n\n

お知らせ

Information

\n\n\n\n
\n\n\n\n\n\n\n\n\n\n
\n
\n", + "categories": [ + "%e3%82%a8%e3%83%aa%e3%82%a2_%e6%8a%95%e7%a8%bf%e3%83%aa%e3%82%b9%e3%83%88", + "%e5%b9%85_%e5%85%a8%e5%b9%85" + ], + "languages": [ + "ja" + ], + "blockTypes": false + }, + { + "title": "スライド 導入事例", + "post_status": "publish", + "post_name": "3115", + "description": "", + "content": "\n
\n
\n\n\n\n

ピックアップ導入事例

CASE STUDY

\n\n\n\n
\n
\n
\n
\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n
株式会社ベクトル様
\n\n\n\n

リモートワークになり活用しています
顧客管理が楽になりました!

\n\n\n\n

ダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストです

\n\n\n\n\n
\n
\n
\n
\n\n\n\n
\n
\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n
株式会社ベクトル様
\n\n\n\n

リモートワークになり活用しています
顧客管理が楽になりました!

\n\n\n\n

ダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストです

\n\n\n\n\n
\n
\n
\n
\n\n\n\n
\n
\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n
株式会社ベクトル様
\n\n\n\n

リモートワークになり活用しています
顧客管理が楽になりました!

\n\n\n\n

ダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストですダミーテキストです

\n\n\n\n\n
\n
\n
\n
\n
\n\n\n\n

\n
\n\n\n\n
\n
\n", + "categories": [ + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e5%b9%85_%e5%85%a8%e5%b9%85" + ], + "languages": [ + "ja" + ], + "blockTypes": false + }, + { + "title": "実績紹介", + "post_status": "publish", + "post_name": "%e5%ae%9f%e7%b8%be%e7%b4%b9%e4%bb%8b", + "description": "", + "content": "\n
\n
\n
\n\n\n\n

実績紹介

WORKS

\n\n\n\n
\n\n\n\n\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\n", + "categories": [ + "%e3%82%a8%e3%83%aa%e3%82%a2_%e6%8a%95%e7%a8%bf%e3%83%aa%e3%82%b9%e3%83%88", + "%e5%b9%85_%e5%85%a8%e5%b9%85" ], "languages": [ "ja" @@ -724,164 +950,68 @@ "blockTypes": false }, { - "title": "会社案内 Free 01", + "title": "枠線ボックス", "post_status": "publish", - "post_name": "%e4%bc%9a%e7%a4%be%e6%a1%88%e5%86%85%ef%bc%92", + "post_name": "%e6%9e%a0%e7%b7%9a%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

代表挨拶

\n\n\n\n

この部分には、代表からのメッセージが入ります。
自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。

\n\n\n\n

株式会社サンプル
代表取締役社長 山田太朗

\n
\n
\n\n\n\n
\n\n\n\n

会社概要

\n\n\n\n
会社名 株式会社サンプル
英文社名 Sample Co. Ltd.
代表取締役 山田次郎
従業員数 100名
所在地 愛知県名古屋市中村区名駅X-XX-X サンプルビル
TEL 000-000-0000
FAX 000-000-0000
事業内容
  • 印刷事業部
  • デザイン事業部
  • インターネット関連事業部
  • ソフトウェア開発事業部
  • 通信販売事業部
\n\n\n\n

アクセス

\n\n\n\n
\n
\n\n
\n\n\n\n
\n\n\n\n\n\n
\n
\n\n\n\n
\n\n\n", + "content": "\n

枠線ブロックサンプル

\n\n
\n\n\n\n
\n", "categories": [ - "%e3%83%9a%e3%83%bc%e3%82%b8_%e4%bc%9a%e7%a4%be%e6%a1%88%e5%86%85", - "%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e3%82%bf%e3%82%a4%e3%83%97_%e3%83%9a%e3%83%bc%e3%82%b8_%e9%80%9a%e5%b8%b8%e5%b9%85", "%e5%b9%85_%e9%80%9a%e5%b8%b8" ], "languages": [ "ja" ], "blockTypes": [ - "core/columns", - "core/column", - "core/image", - "core/heading", - "core/paragraph", - "vk-blocks/spacer", - "core/table", - "core/html", + "vk-blocks/border-box", "core/list", - "vk-blocks/button", - "vk-blocks/child-page-index " + "vk-blocks/spacer" ] }, { - "title": "PR アイコンセット カラム", + "title": "テーブル th25% モバイル時縦積み / 左カラム背景あり", "post_status": "publish", - "post_name": "pr-%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%83%e3%83%88", + "post_name": "9465-2", "description": "", - "content": "\n
\n
\n
\n\n\n\n
\n\n\n\n

サービス案内

\n\n\n\n

弊社が提供するサービスついてご紹介しています。経験豊富なスタッフがこだわりを持って取り組んでいます。

\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

会社案内

\n\n\n\n

弊社代表挨拶や会社の基本情報について記載しています。また、弊社の歴史なども紹介していますので是非ご覧ください。

\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

採用情報

\n\n\n\n

株式会社サンプルでは一緒に働く仲間を募集しています。自分で考えていろいろな事にチャレンジできるやりがいのある仕事です。

\n
\n
\n", + "content": "\n
会社名株式会社サンプル
英文社名Sample Co. Ltd.
代表取締役山田次郎
従業員数100名
所在地愛知県名古屋市中村区名駅X-XX-X サンプルビル
TEL000-000-0000
モバイル時縦積み
vk-table--mobile-block
画面が狭い時にはテーブルを1カラム縦積みに変更します。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--mobile-block が入っています。
thの幅
vk-table--th--width25
表の左の列の幅に25%指定がしてあります。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--th--width25 が入っています。
25% / 30% / 35% / 40% が用意してありますので、例えば35%にしたい場合は vk-table--th--width35 に変更してください。
左カラムの背景
vk-table--th--bg-bright
表の左の列の淡い背景色指定がしてあります。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--th--bg-bright が入っています。
\n", "categories": [ - "columns", - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", - "%e5%b9%85_%e9%80%9a%e5%b8%b8" - ], - "languages": [ - "ja" - ], - "blockTypes": [ - "core/columns", - "core/column", - "vk-blocks/icon", - "vk-blocks/spacer", - "core/heading", - "core/paragraph" - ] - }, - { - "title": "ソーシャルアイコンとプロフィール", - "post_status": "publish", - "post_name": "%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab", - "description": "", - "content": "\n
\n
\\\"\\\"
\n\n\n\n
\n\n\n\n

〒000-0000
愛知県名古屋市◯◯区◯◯丁目◯◯番地
TEL : 000-000-0000
FAX : 000-000-0000

\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\n", - "categories": [ - "%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3_%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab", - "%e5%b9%85_%e9%80%9a%e5%b8%b8" - ], - "languages": [ - "ja" - ], - "blockTypes": [ - "core/group", - "core/image", - "vk-blocks/spacer", - "core/paragraph", - "vk-blocks/icon-outer", - "vk-blocks/icon" - ] - }, - { - "title": "PR カラム ボタンあり", - "post_status": "publish", - "post_name": "pr-columns-button", - "description": "", - "content": "\n
\n
\n
\\\"\\\"/
\n\n\n\n

About Lightning

\n\n\n\n

Lightning(無料)はWeb制作の専門知識がなくても簡単にビジネスサイトが作成できるように設計されたWordPressテーマです。

\n\n\n\n\n
\n\n\n\n
\n
\\\"\\\"/
\n\n\n\n

ExUnit

\n\n\n\n

多機能プラグイン「VK All in One Expansion Unit(無料)」を利用することで、さまざまな便利な機能や豊富なウィジェットをご利用いただけます。

\n\n\n\n\n
\n\n\n\n
\n
\\\"\\\"/
\n\n\n\n

VK Blocks

\n\n\n\n

プラグイン「VK Blocks(無料)」はビジネスサイトの構築に役立つさまざまなブロックとスタイルおよび機能を追加するブロックライブラリです。

\n\n\n\n\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n

VK Filter Search

\n\n\n\n

プラグイン「VK Filter Search(無料)」は、編集画面に絞り込み検索ブロックを作成できます。 投稿タイプやカスタム分類で絞り込む事ができます。

\n\n\n\n\n
\n
\n", - "categories": [ - "columns", - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", - "%e5%b9%85_%e9%80%9a%e5%b8%b8" + "feature" ], "languages": [ "ja" ], "blockTypes": [ - "core/columns", - "core/column", - "core/image", - "core/heading", - "core/paragraph", - "core/buttons", - "core/button" + "core/table" ] }, { - "title": "PR カラム", + "title": "Greeting with title and text", "post_status": "publish", - "post_name": "pr-columns-normal", + "post_name": "%e7%94%bb%e5%83%8f%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%81%a8%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ae%e6%8c%a8%e6%8b%b6-2", "description": "", - "content": "\n
\n
\n
\\\"\\\"/
\n\n\n\n
About Lightning
\n\n\n\n

Lightning(無料)はWeb制作の専門知識がなくても簡単にビジネスサイトが作成できるように設計されたWordPressテーマです。

\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"/
\n\n\n\n
ExUnit
\n\n\n\n

多機能プラグイン「VK All in One Expansion Unit(無料)」を利用することで、さまざまな便利な機能や豊富なウィジェットをご利用いただけます。

\n
\n\n\n\n
\n
\\\"\\\"/
\n\n\n\n
VK Blocks
\n\n\n\n

プラグイン「VK Blocks(無料)」はビジネスサイトの構築に役立つさまざまなブロックとスタイルおよび機能を追加するブロックライブラリです。

\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
VK Filter Search
\n\n\n\n

プラグイン「VK Filter Search(無料)」は、編集画面に絞り込み検索ブロックを作成できます。 投稿タイプやカスタム分類で絞り込む事ができます。

\n
\n
\n", + "content": "\n
\n
\n
\\\"\\\"
\n\n\n\n
\n
\n\n\n\n
\n

Greeting

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

\n\n\n\n

Vektor,Inc.
CEO Taro Yamada

\n
\n
\n\n\n\n
\n", "categories": [ "columns", - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", - "%e5%b9%85_%e9%80%9a%e5%b8%b8" + "feature" ], "languages": [ - "ja" + "en_us" ], "blockTypes": [ "core/columns", "core/column", "core/image", + "vk-blocks/spacer", "core/heading", - "core/paragraph", - "core/spacer" + "core/paragraph" ] }, { - "title": "資料請求とお問い合わせボタン", - "post_status": "publish", - "post_name": "%e3%82%b3%e3%83%b3%e3%82%bf%e3%82%af%e3%83%88%ef%bc%92", - "description": "", - "content": "\n
\n
\n\n\n\n

ご質問・ご相談などありましたら
お気軽にお問い合わせください

\n\n\n\n
\n\n\n\n\n\n\n\n
\n
\n", - "categories": [ - "%e3%82%a8%e3%83%aa%e3%82%a2_cta", - "%e5%b9%85_%e5%85%a8%e5%b9%85" - ], - "languages": [ - "ja" - ], - "blockTypes": false - }, - { - "title": "PR コンテンツ 全幅", - "post_status": "publish", - "post_name": "%e3%83%92%e3%83%bc%e3%83%ad%e3%83%bc1", - "description": "", - "content": "\n
\\\"\\\"
\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

コンセプトやキャッチコピー

\n\n\n\n

この部分には、自社について説明が入ります。
自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。

\n\n\n\n
\n\n\n\n\n
\n
\n\n\n\n
\n
\n
\n", - "categories": [ - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", - "%e3%83%92%e3%83%bc%e3%83%ad%e3%83%bc", - "%e5%b9%85_%e5%85%a8%e5%b9%85" - ], - "languages": [ - "ja" - ], - "blockTypes": false - }, - { - "title": "Column Media and Text full width", + "title": "Full width Map", "post_status": "publish", - "post_name": "pr-%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84-%e5%85%a8%e5%b9%85-2", + "post_name": "%e5%85%a8%e5%b9%85%e5%9c%b0%e5%9b%b3-2", "description": "", - "content": "\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

Layout Control

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n\n
\n
\n
\n", + "content": "\n
\n
\n
\n", "categories": [ - "columns", "feature" ], "languages": [ @@ -890,32 +1020,36 @@ "blockTypes": false }, { - "title": "Column Icons", + "title": "Staff introduction - Title and text and image", "post_status": "publish", - "post_name": "pr-%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%83%e3%83%88-3", + "post_name": "%e8%a6%8b%e5%87%ba%e3%81%97%e3%81%a8%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b9%e3%82%bf%e3%83%83%e3%83%95%e7%b4%b9%e4%bb%8b-2", "description": "", - "content": "\n
\n
\n
\n\n\n\n
\n\n\n\n

Service

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

Company

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

Recruit

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n
\n
\n", + "content": "\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

Vektor Tarou CEO

\n\n\n\n

Mechamecha Iketel

\n\n\n\n
\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n

Lorem ipsum

\n\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

Vektor Tarou CEO

\n\n\n\n

Mechamecha Iketel

\n\n\n\n
\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n

Lorem ipsum

\n\n\n\n\n\n\n\n\n
\n
\n", "categories": [ - "columns" + "feature" ], "languages": [ "en_us" ], "blockTypes": [ + "vk-blocks/spacer", "core/columns", "core/column", - "vk-blocks/icon", - "vk-blocks/spacer", + "core/image", "core/heading", - "core/paragraph" + "core/paragraph", + "core/list", + "core/social-links", + "core/social-link ", + "core/separator" ] }, { - "title": "Column Media", + "title": "PR Columns with Button", "post_status": "publish", - "post_name": "2334-2", + "post_name": "pr-columns", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

YAKUSHIJI TEMPLE

Nara prefecture

\n\n\n\n
\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n\n\n\n

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n\n\n\n\n
\n\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

YAKUSHIJI TEMPLE

Nara prefecture

\n\n\n\n
\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n\n\n\n

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

\n\n\n\n\n\n\n\n
\n\n\n\n\n
\n
\n", + "content": "\n
\n
\n
\\\"\\\"
\n\n\n\n
VK Blocks
\n\n\n\n

Plugin VK Blocks is a block library that adds various blocks and styles and functions that are useful for building your business websites.

\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
VK Block Patterns
\n\n\n\n

Plugin VK Block Patterns is is a block pattern library to easily create a business site.
You can also easily register your own patterns.

\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
VK Filter Search
\n\n\n\n

Plugin VK Filter Search (free) can create the Filter Serach Block on your edit screen. It enable to filter search on post type and terms.

\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
ExUnit
\n\n\n\n

By using the multi-function plug-in \\\"VK All in One Expansion Unit (free)\\\", you can use the various useful functions and rich widgets.

\n\n\n\n\n\n\n\n
\n
\n
\n", "categories": [ "columns" ], @@ -926,213 +1060,124 @@ "core/columns", "core/column", "core/image", - "vk-blocks/heading", - "vk-blocks/spacer", + "core/heading", "core/paragraph", - "core/gallery", "core/buttons", "core/button", - "core/separator" + "core/spacer" ] }, { - "title": "Tell Button and Mail Button CTA", - "post_status": "publish", - "post_name": "%e3%82%b3%e3%83%b3%e3%82%bf%e3%82%af%e3%83%88-2", - "description": "", - "content": "\n
\\\"\\\"
\n
\n
\n\n\n\n

Contact

Please feel free to contact us for any requests or questions regarding your business.

\n\n\n\n
\n\n\n\n\n\n\n\n
\n
\n
\n", - "categories": [ - "feature" - ], - "languages": [ - "en_us" - ], - "blockTypes": false - }, - { - "title": "Fit Column Full width", - "post_status": "publish", - "post_name": "2310-2-2", - "description": "", - "content": "\n
\n
\n
\n

Full width No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Full width No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n
\n", - "categories": [ - "columns" - ], - "languages": [ - "en_us" - ], - "blockTypes": false - }, - { - "title": "資料ダウンロード", + "title": "メディアカラム", "post_status": "publish", - "post_name": "call-to-action", + "post_name": "2334", "description": "", - "content": "\n
\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

集客ガイドブックを無料配布中!

\n\n\n\n

インターネットを活用した集客ノウハウをPDF形式で無料でダウンロードいただけます。集客するためのウェブサイトの考え方から、ウェブサイトの作成・保守、SNSを活用したマーケティングなど、あなたのビジネスの集客アップにご活用ください。

\n\n\n\n

※直接ファイルにリンクするか、ダウンロード用のフォームページにリンクしたり、フォームをこちらに直接貼り付けてご活用ください。

\n\n\n\n\n
\n
\n\n\n\n
\n
\n
\n\n\n\n
\n", + "content": "\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

薬師寺

YAKUSHIJI TEMPLE

\n\n\n\n
\n\n\n\n

薬師寺は、奈良県奈良市西ノ京町にある法相宗の大本山の寺院。南都七大寺の1つ。開基は天武天皇、本尊は薬師如来。

\n\n\n\n

東塔は奈良時代からの唯一の現存建築で国宝に指定しており、「古都奈良の文化財」の構成資産の1つとして、ユネスコより世界遺産にも登録されています。

\n\n\n\n\n\n\n\n
\n\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

薬師寺

YAKUSHIJI TEMPLE

\n\n\n\n
\n\n\n\n

薬師寺は、奈良県奈良市西ノ京町にある法相宗の大本山の寺院。南都七大寺の1つ。開基は天武天皇、本尊は薬師如来。

\n\n\n\n

東塔は奈良時代からの唯一の現存建築で国宝に指定しており、「古都奈良の文化財」の構成資産の1つとして、ユネスコより世界遺産にも登録されています。

\n\n\n\n\n\n\n\n
\n\n\n\n\n
\n
\n", "categories": [ "columns", - "%e3%82%a8%e3%83%aa%e3%82%a2_cta", + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", "%e5%b9%85_%e9%80%9a%e5%b8%b8" ], "languages": [ "ja" ], "blockTypes": [ - "core/cover", - "core/group", - "vk-blocks/spacer", "core/columns", "core/column", "core/image", - "core/heading", + "vk-blocks/heading", + "vk-blocks/spacer", "core/paragraph", - "vk-blocks/button" - ] - }, - { - "title": "カードブロック Pro", - "post_status": "publish", - "post_name": "test05", - "description": "", - "content": "\n
\n
サービスの特徴

サービスの特徴についての紹介文などが入りますサービスの特徴についての紹介文などが入ります。

詳しくはこちら
\n\n\n\n
サービスの特徴

サービスの特徴についての紹介文などが入りますサービスの特徴についての紹介文などが入ります。

詳しくはこちら
\n\n\n\n
サービスの特徴

サービスの特徴についての紹介文などが入りますサービスの特徴についての紹介文などが入ります。

詳しくはこちら
\n
\n", - "categories": [ - "columns", - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", - "%e5%b9%85_%e9%80%9a%e5%b8%b8" - ], - "languages": [ - "ja" - ], - "blockTypes": [ - "vk-blocks/card", - "vk-blocks/card-item" + "core/gallery", + "core/buttons", + "core/button", + "core/separator" ] }, { - "title": "PR カラム Free 02", + "title": "見出しとテキストと画像のスタッフ紹介", "post_status": "publish", - "post_name": "pr-%e3%82%ab%e3%83%a9%e3%83%a0-02", + "post_name": "%e8%a6%8b%e5%87%ba%e3%81%97%e3%81%a8%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b9%e3%82%bf%e3%83%83%e3%83%95%e7%b4%b9%e4%bb%8b", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n\n\n\n
\n

ウェブ制作

\n\n\n\n

Web

\n
\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
\n

印刷物

\n\n\n\n

Printing

\n
\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
\n

システム開発

\n\n\n\n

System

\n
\n\n\n\n\n\n\n\n
\n
\n
\n", + "content": "\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

石川栄和 代表取締役

\n\n\n\n

Hidekazu Ishikawa

\n\n\n\n
\n\n\n\n

名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。

\n\n\n\n

[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)

\n\n\n\n\n
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

石川栄和 代表取締役

\n\n\n\n

Hidekazu Ishikawa

\n\n\n\n
\n\n\n\n

名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。

\n\n\n\n

[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)

\n\n\n\n\n
\n
\n", "categories": [ "columns", - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3_%e3%82%b9%e3%82%bf%e3%83%83%e3%83%95", "%e5%b9%85_%e9%80%9a%e5%b8%b8" ], "languages": [ "ja" ], "blockTypes": [ + "vk-blocks/spacer", "core/columns", "core/column", "core/image", - "core/group", "core/heading", "core/paragraph", - "core/list", - "core/spacer" + "core/social-links", + "core/social-link ", + "core/separator" ] }, { - "title": "PR アイコンセット グリッドカラム", + "title": "スライド", "post_status": "publish", - "post_name": "pr-%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%83%e3%83%88-2", + "post_name": "%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89", "description": "", - "content": "\n
\n
\n
\n\n\n\n

サービス案内

\n\n\n\n

弊社が提供するサービスついてご紹介しています。経験豊富なスタッフがこだわりを持って取り組んでいます。

\n
\n\n\n\n
\n
\n\n\n\n

会社案内

\n\n\n\n

弊社代表挨拶や会社の基本情報について記載しています。また、弊社の歴史なども紹介していますので是非ご覧ください。

\n
\n\n\n\n
\n
\n\n\n\n

採用情報

\n\n\n\n

株式会社サンプルでは一緒に働く仲間を募集しています。自分で考えていろいろな事にチャレンジできるやりがいのある仕事です。

\n
\n
\n", + "content": "\n
\n
\n
\n\n\n\n
\\\"画像をアップロード\\\"

自社のコンセプトやキャッチコピーが入ります。

この部分には、自社について説明が入ります。
自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。

\n\n\n\n
\n
\n\n\n\n
\n

\n
\n
\n", "categories": [ - "columns", - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", - "%e5%b9%85_%e9%80%9a%e5%b8%b8" + "%e3%83%92%e3%83%bc%e3%83%ad%e3%83%bc", + "%e5%b9%85_%e5%85%a8%e5%b9%85" ], "languages": [ "ja" ], "blockTypes": [ - "vk-blocks/grid-column", - "vk-blocks/grid-column-item", - "vk-blocks/icon", - "core/heading", + "vk-blocks/slider", + "vk-blocks/slider-item", + "vk-blocks/spacer", + "vk-blocks/pr-content", "core/paragraph" ] }, { - "title": "Fit Column", - "post_status": "publish", - "post_name": "2310-3", - "description": "", - "content": "\n
\n
\n

Normal width
No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
has background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
has background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n", - "categories": [ - "columns" - ], - "languages": [ - "en_us" - ], - "blockTypes": [ - "core/columns", - "core/column", - "core/heading", - "core/paragraph", - "core/cover" - ] - }, - { - "title": "Q and A Section", - "post_status": "publish", - "post_name": "q-and-a-section", - "description": "", - "content": "\n
\n
\n\n\n\n
\n

FAQ

\n\n\n\n
\n
\n

What is your favarite plugins?

\n
\n\n\n\n
\n

I love VK Block Patterns

\n
\n
\n\n\n\n
\n
\n

What is your favarite theme?at is your favarite plugins?

\n
\n\n\n\n
\n

My favarite WordPress theme is Lightning. But recentry I like X-T9 too.

\n
\n
\n
\n\n\n\n
\n
\n", - "categories": [ - "feature" - ], - "languages": [ - "en_us" - ], - "blockTypes": false - }, - { - "title": "Column Banner Fit", - "post_status": "publish", - "post_name": "%e3%83%95%e3%82%a3%e3%83%83%e3%83%88%e3%82%ab%e3%83%a9%e3%83%a0%e3%83%90%e3%83%8a%e3%83%bc-3", + "title": "画像カラム", + "post_status": "private", + "post_name": "5809", "description": "", - "content": "\n
\n
\n\n
\n\n\n\n
\n\n
\n\n\n\n
\n\n
\n
\n", - "categories": [ - "columns" - ], + "content": "\n
\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n
\n", + "categories": [], "languages": [ - "en_us" + "ja" ], "blockTypes": [ "core/columns", "core/column", "core/cover", - "vk-blocks/button" + "core/paragraph" ] }, { - "title": "Column Banner", + "title": "全幅地図", "post_status": "publish", - "post_name": "%e3%83%95%e3%82%a3%e3%83%83%e3%83%88%e3%82%ab%e3%83%a9%e3%83%a0%e3%83%90%e3%83%8a%e3%83%bc-2-2", + "post_name": "%e5%85%a8%e5%b9%85%e5%9c%b0%e5%9b%b3", "description": "", - "content": "\n
\n
\n\n
\n\n\n\n
\n\n
\n\n\n\n
\n\n
\n
\n", + "content": "\n
\n
\n
\n", "categories": [ - "columns" + "%e5%b9%85_%e5%85%a8%e5%b9%85" ], "languages": [ - "en_us" + "ja" ], - "blockTypes": [ - "core/columns", - "core/column", - "core/cover", - "vk-blocks/button" - ] + "blockTypes": false }, { - "title": "Column Menu Fit", + "title": "Column Menu", "post_status": "publish", - "post_name": "2319-2-2", + "post_name": "2319-3", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n
\n", + "content": "\n
\n
\n
\\\"\\\"
\n

Product A

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product B

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product C

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n\n\n\n
\n
\n
\n", "categories": [ "columns" ], @@ -1146,48 +1191,19 @@ "core/heading", "core/paragraph", "core/buttons", - "core/button" + "core/button", + "vk-blocks/spacer" ] }, { - "title": "PR コンテンツ Free 全幅", - "post_status": "publish", - "post_name": "pr-%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84-%e5%85%a8%e5%b9%85", - "description": "", - "content": "\n
\n
\n\n\n\n
\n
\n
\\\"\\\"/
\n
\n\n\n\n
\n

Layout Control

\n\n\n\n

Lightning は カラム任意のカラム数を設定する機能があり「外観 > カスタマイズ > Lightning レイアウト設定」または各個別の記事編集画面の「Lightning デザイン設定」から指定する事ができます。

\n\n\n\n\n
\n
\n
\n", - "categories": [ - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", - "%e5%b9%85_%e5%85%a8%e5%b9%85" - ], - "languages": [ - "ja" - ], - "blockTypes": false - }, - { - "title": "サービス案内 Pro 01", - "post_status": "publish", - "post_name": "%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e6%a1%88%e5%86%85", - "description": "", - "content": "\n
\n
\\\"\\\"
\n

サービス案内

\n
\n\n\n\n
\n\n\n\n

サービス一覧

Service List

\n\n\n\n
\n\n\n\n
\n
\n

ホームページ制作

\n\n\n\n
  • ホームページ制作ホームページ制作
  • ホームページ制作ホームページ制作
  • ホームページ制作ホームページ制作
\n\n\n\n\n
\n\n\n\n
\n

SNS運用代行

\n\n\n\n
  • SNS運用代行SNS運用代行
  • SNS運用代行SNS運用代行
  • SNS運用代行SNS運用代行
\n\n\n\n\n
\n\n\n\n
\n

Webコンサルティング

\n\n\n\n
  • Webコンサルティング
  • Webコンサルティング
  • Webコンサルティング
\n\n\n\n\n
\n
\n
\n\n\n\n
\n\n\n\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

ホームページ制作

\n\n\n\n
\n\n\n\n

サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。

\n
\n
\n\n\n\n
\n
\n\n\n\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

SNS運用代行

\n\n\n\n
\n\n\n\n

サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。

\n
\n
\n\n\n\n
\n
\n\n\n\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

Webコンサルティング

\n\n\n\n
\n\n\n\n

サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。

\n
\n
\n\n\n\n
\n
\n\n\n\n
\n\n\n\n

サービスの流れ

Service Flow

\n\n\n\n
\n\n\n\n
\n
\n

お問い合わせ

\n\n\n\n

まずはお問い合わせフォームまたは電話にてご連絡ください。

\n
STEP
1
\n\n\n\n
\n

ヒアリング

\n\n\n\n

担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。

\n
STEP
2
\n\n\n\n
\n

ご提案・お見積り

\n\n\n\n

ヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。

\n
STEP
3
\n\n\n\n
\n

ご契約・発注

\n\n\n\n

秘密保持契約など、発注に際して必要な契約をいたします。

\n
STEP
4
\n\n\n\n
\n

サービスのご提供

\n\n\n\n

ご提案させていただいた内容にて業務を実施いたします。

\n
STEP
5
\n\n\n\n
\n

確認・納品

\n\n\n\n

成果物に対して、ご確認いただきます。必要に応じて修正を行い、納品となります。

\n
STEP
6
\n\n\n\n
\n

ご入金

\n\n\n\n

納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。

\n
STEP
7
\n
\n\n\n\n
\n\n\n\n
\n\n\n\n
\n\n\n\n

よくある質問

FAQ

\n\n\n\n
\n\n\n\n
オリジナル商品の開発をお願いしたいのですが?
\n

はい、弊社は多岐に渡る部門がございますので企画からデザイン、製品製作からパッケージング及びマーケティングまで一貫してワンストップにて対応する事が可能です。お気軽にお問い合わせください。

\n\n\n\n\n
\n\n\n\n
オリジナル商品の開発をお願いしたいのですが?
\n

はい、弊社は多岐に渡る部門がございますので企画からデザイン、製品製作からパッケージング及びマーケティングまで一貫してワンストップにて対応する事が可能です。お気軽にお問い合わせください。

\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n
\\\"\\\"
\n
\n
\n
\n\n\n\n
\n\n\n\n
\n
\n
\n\n\n\n
\n
\n
\\\"\\\"
\n
\n\n\n\n
\n

オンラインで打ち合わせできます!

\n\n\n\n
  • 画面を共有し資料を見ながらのご説明が可能です
  • 実際にお会いしている感覚でお話できます
  • 電話/メール/チャットもご利用いただけます
\n\n\n\n
\n\n\n\n\n
\n
\n\n\n\n
\n
\n\n\n\n

\n
\n", - "categories": [ - "%e3%83%9a%e3%83%bc%e3%82%b8_%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e7%b4%b9%e4%bb%8b", - "full-width" - ], - "languages": [ - "ja" - ], - "blockTypes": false - }, - { - "title": "フィットカラム 全幅", + "title": "グリッドカラムのサービスの流れ", "post_status": "publish", - "post_name": "2310-2", + "post_name": "%e3%82%b0%e3%83%aa%e3%83%83%e3%83%89%e3%82%ab%e3%83%a9%e3%83%a0%e3%81%ae%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%81%ae%e6%b5%81%e3%82%8c", "description": "", - "content": "\n
\n
\n
\n

全幅 カラム背景塗りなし

\n\n\n\n

文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

全幅 カラム背景塗りなし

\n\n\n\n

文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n
\n", + "content": "\n
\n
\n\n\n\n

サービスの流れ

FLOW

\n\n\n\n
\n\n\n\n
\n
\n
\n

STEP 01

\n\n\n\n

お問い合わせ

\n\n\n\n

まずはお問い合わせフォームまたは電話にてご連絡ください。

\n
\n
\n\n\n\n
\n
\n

STEP 02

\n\n\n\n

ヒアリング

\n\n\n\n

担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。

\n
\n
\n\n\n\n
\n
\n

STEP 03

\n\n\n\n

ご提案・お見積り

\n\n\n\n

ヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。

\n
\n
\n\n\n\n
\n
\n

STEP 04

\n\n\n\n

ご契約・発注

\n\n\n\n

秘密保持契約など、発注に際して必要な契約をいたします。

\n
\n
\n\n\n\n
\n
\n

STEP 05

\n\n\n\n

サービスのご提供

\n\n\n\n

ご提案させていただいた内容にて業務を実施いたします。

\n
\n
\n\n\n\n
\n
\n

STEP 06

\n\n\n\n

確認・納品

\n\n\n\n

成果物に対して、ご確認いただきます。必要に応じて修正を行い、納品となります。

\n
\n
\n\n\n\n
\n
\n

STEP 07

\n\n\n\n

ご入金

\n\n\n\n

納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。

\n
\n
\n\n\n\n
\n
\n

STEP 08

\n\n\n\n

アフターフォロー

\n\n\n\n

納品後2ヶ月間は、不具合などございましたら無料で対応させていただきます。

\n
\n
\n
\n\n\n\n
\n
\n", "categories": [ "columns", - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3_%e6%b5%81%e3%82%8c", "%e5%b9%85_%e5%85%a8%e5%b9%85" ], "languages": [ diff --git a/patterns-data/template-exclude-vk.json b/patterns-data/template-exclude-vk.json index 70b4fe5..175d9d6 100755 --- a/patterns-data/template-exclude-vk.json +++ b/patterns-data/template-exclude-vk.json @@ -1,7 +1,7 @@ [ { "title": "テーブル th25% モバイル時縦積み", - "post_status": "publish", + "post_status": "draft", "post_name": "9465", "description": "", "content": "\n
会社名株式会社サンプル
英文社名Sample Co. Ltd.
代表取締役山田次郎
従業員数100名
所在地愛知県名古屋市中村区名駅X-XX-X サンプルビル
TEL000-000-0000
モバイル時縦積み画面が狭い時にはテーブルを1カラム縦積みに変更します。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--mobile-block が入っています。
thの幅表の左の列の幅に25%指定がしてあります。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--width--th25 が入っています。
25% / 30% / 35% / 40% が用意してありますので、例えば35%にしたい場合は vk-table--width--th35 に変更してください。
\n", @@ -16,20 +16,70 @@ ] }, { - "title": "画像カラム", - "post_status": "private", - "post_name": "5809", + "title": "PR カラム Free 02", + "post_status": "publish", + "post_name": "pr-%e3%82%ab%e3%83%a9%e3%83%a0-02", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n
\n", - "categories": [], + "content": "\n
\n
\n
\\\"\\\"
\n\n\n\n
\n

ウェブ制作

\n\n\n\n

Web

\n
\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
\n

印刷物

\n\n\n\n

Printing

\n
\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
\n

システム開発

\n\n\n\n

System

\n
\n\n\n\n\n\n\n\n
\n
\n
\n", + "categories": [ + "columns", + "%e3%82%a8%e3%83%aa%e3%82%a2_pr", + "%e5%b9%85_%e9%80%9a%e5%b8%b8" + ], "languages": [ "ja" ], + "blockTypes": [ + "core/columns", + "core/column", + "core/image", + "core/group", + "core/heading", + "core/paragraph", + "core/list", + "core/spacer" + ] + }, + { + "title": "Fit Column", + "post_status": "publish", + "post_name": "2310-3", + "description": "", + "content": "\n
\n
\n

Normal width
No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
has background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
has background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n", + "categories": [ + "columns" + ], + "languages": [ + "en_us" + ], + "blockTypes": [ + "core/columns", + "core/column", + "core/heading", + "core/paragraph", + "core/cover" + ] + }, + { + "title": "Column Menu Fit", + "post_status": "publish", + "post_name": "2319-2-2", + "description": "", + "content": "\n
\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n
\n", + "categories": [ + "columns" + ], + "languages": [ + "en_us" + ], "blockTypes": [ "core/columns", "core/column", "core/cover", - "core/paragraph" + "core/heading", + "core/paragraph", + "core/buttons", + "core/button" ] }, { @@ -114,70 +164,36 @@ "blockTypes": false }, { - "title": "PR カラム Free 02", + "title": "テーブル th25% モバイル時縦積み / 左カラム背景あり", "post_status": "publish", - "post_name": "pr-%e3%82%ab%e3%83%a9%e3%83%a0-02", + "post_name": "9465-2", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n\n\n\n
\n

ウェブ制作

\n\n\n\n

Web

\n
\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
\n

印刷物

\n\n\n\n

Printing

\n
\n\n\n\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n\n\n\n
\n

システム開発

\n\n\n\n

System

\n
\n\n\n\n\n\n\n\n
\n
\n
\n", + "content": "\n
会社名株式会社サンプル
英文社名Sample Co. Ltd.
代表取締役山田次郎
従業員数100名
所在地愛知県名古屋市中村区名駅X-XX-X サンプルビル
TEL000-000-0000
モバイル時縦積み
vk-table--mobile-block
画面が狭い時にはテーブルを1カラム縦積みに変更します。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--mobile-block が入っています。
thの幅
vk-table--th--width25
表の左の列の幅に25%指定がしてあります。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--th--width25 が入っています。
25% / 30% / 35% / 40% が用意してありますので、例えば35%にしたい場合は vk-table--th--width35 に変更してください。
左カラムの背景
vk-table--th--bg-bright
表の左の列の淡い背景色指定がしてあります。
このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--th--bg-bright が入っています。
\n", "categories": [ - "columns", - "%e3%82%a8%e3%83%aa%e3%82%a2_pr", - "%e5%b9%85_%e9%80%9a%e5%b8%b8" + "feature" ], "languages": [ "ja" ], "blockTypes": [ - "core/columns", - "core/column", - "core/image", - "core/group", - "core/heading", - "core/paragraph", - "core/list", - "core/spacer" - ] - }, - { - "title": "Fit Column", - "post_status": "publish", - "post_name": "2310-3", - "description": "", - "content": "\n
\n
\n

Normal width
No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
No background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
has background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n\n\n\n
\n
\n

Normal width
has background

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n\n\n\n
\n
\\\"\\\"
\n

\n
\n
\n
\n", - "categories": [ - "columns" - ], - "languages": [ - "en_us" - ], - "blockTypes": [ - "core/columns", - "core/column", - "core/heading", - "core/paragraph", - "core/cover" + "core/table" ] }, { - "title": "Column Menu Fit", - "post_status": "publish", - "post_name": "2319-2-2", + "title": "画像カラム", + "post_status": "private", + "post_name": "5809", "description": "", - "content": "\n
\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

Product

\n\n\n\n

Love and Peace

\n\n\n\n\n
\n
\n
\n", - "categories": [ - "columns" - ], + "content": "\n
\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n\n\n\n
\n
\\\"\\\"
\n

カラムイメージ

\n
\n
\n
\n", + "categories": [], "languages": [ - "en_us" + "ja" ], "blockTypes": [ "core/columns", "core/column", "core/cover", - "core/heading", - "core/paragraph", - "core/buttons", - "core/button" + "core/paragraph" ] } ] \ No newline at end of file diff --git a/patterns-data/template-for-vk-free.json b/patterns-data/template-for-vk-free.json index 633178b..3bdf1f7 100755 --- a/patterns-data/template-for-vk-free.json +++ b/patterns-data/template-for-vk-free.json @@ -1,96 +1,106 @@ [ { - "title": "\u67a0\u7dda\u30dc\u30c3\u30af\u30b9", - "post_status": "publish", - "post_name": "%e6%9e%a0%e7%b7%9a%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9", + "title": "\u30c6\u30fc\u30d6\u30eb th25% \u30e2\u30d0\u30a4\u30eb\u6642\u7e26\u7a4d\u307f", + "post_status": "draft", + "post_name": "9465", "description": "", - "content": "\n
<\/i>

\u67a0\u7dda\u30d6\u30ed\u30c3\u30af\u30b5\u30f3\u30d7\u30eb<\/h4><\/div>
\n