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
会社名 | 株式会社サンプル |
英文社名 | Sample Co. Ltd. |
代表取締役 | 山田次郎 |
従業員数 | 100名 |
所在地 | 愛知県名古屋市中村区名駅X-XX-X サンプルビル |
TEL | 000-000-0000 |
モバイル時縦積み | 画面が狭い時にはテーブルを1カラム縦積みに変更します。 このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--mobile-block が入っています。 |
thの幅 | 表の左の列の幅に25%指定がしてあります。 このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--width--th25 が入っています。 25% / 30% / 35% / 40% が用意してありますので、例えば35%にしたい場合は vk-table--width--th35 に変更してください。 |
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\nVektor,Inc.
CEO Taro Yamada
サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。
\nサービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。
\nサービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。サービスの詳細を書きます。
\nService Flow
まずはお問い合わせフォームまたは電話にてご連絡ください。
\n担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。
\nヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。
\n秘密保持契約など、発注に際して必要な契約をいたします。
\nご提案させていただいた内容にて業務を実施いたします。
\n成果物に対して、ご確認いただきます。必要に応じて修正を行い、納品となります。
\n納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。
\nFAQ
はい、弊社は多岐に渡る部門がございますので企画からデザイン、製品製作からパッケージング及びマーケティングまで一貫してワンストップにて対応する事が可能です。お気軽にお問い合わせください。
\n\n\n\n \nはい、弊社は多岐に渡る部門がございますので企画からデザイン、製品製作からパッケージング及びマーケティングまで一貫してワンストップにて対応する事が可能です。お気軽にお問い合わせください。
\n\n\n\n文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。
\n文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。
\nMechamecha Iketel
\n\n\n\nLorem 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\nMechamecha Iketel
\n\n\n\nLorem 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この部分には、代表からのメッセージが入ります。
自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。
株式会社サンプル
代表取締役社長 山田太朗
会社名 | 株式会社サンプル |
英文社名 | Sample Co. Ltd. |
代表取締役 | 山田次郎 |
従業員数 | 100名 |
所在地 | 愛知県名古屋市中村区名駅X-XX-X サンプルビル |
TEL | 000-000-0000 |
FAX | 000-000-0000 |
事業内容 |
|
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\nPlugin VK Block Patterns is is a block pattern library to easily create a business site.
You can also easily register your own patterns.
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\nBy 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株式会社サンプルでは一緒に働く仲間を募集しています。自分で考えていろいろな事にチャレンジできるやりがいのある仕事です。
\n〒000-0000
愛知県名古屋市◯◯区◯◯丁目◯◯番地
TEL : 000-000-0000
FAX : 000-000-0000
YAKUSHIJI TEMPLE
薬師寺は、奈良県奈良市西ノ京町にある法相宗の大本山の寺院。南都七大寺の1つ。開基は天武天皇、本尊は薬師如来。
\n\n\n\n東塔は奈良時代からの唯一の現存建築で国宝に指定しており、「古都奈良の文化財」の構成資産の1つとして、ユネスコより世界遺産にも登録されています。
\n\n\n\n\n\n\n\nLightning(無料)はWeb制作の専門知識がなくても簡単にビジネスサイトが作成できるように設計されたWordPressテーマです。
\n\n\n\n \n多機能プラグイン「VK All in One Expansion Unit(無料)」を利用することで、さまざまな便利な機能や豊富なウィジェットをご利用いただけます。
\n\n\n\n \nプラグイン「VK Blocks(無料)」はビジネスサイトの構築に役立つさまざまなブロックとスタイルおよび機能を追加するブロックライブラリです。
\n\n\n\n \nHidekazu Ishikawa
\n\n\n\n名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)
Hidekazu Ishikawa
\n\n\n\n名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)
Lightning(無料)はWeb制作の専門知識がなくても簡単にビジネスサイトが作成できるように設計されたWordPressテーマです。
\n\n\n\n\n多機能プラグイン「VK All in One Expansion Unit(無料)」を利用することで、さまざまな便利な機能や豊富なウィジェットをご利用いただけます。
\nプラグイン「VK Blocks(無料)」はビジネスサイトの構築に役立つさまざまなブロックとスタイルおよび機能を追加するブロックライブラリです。
\nプラグイン「VK Filter Search(無料)」は、編集画面に絞り込み検索ブロックを作成できます。 投稿タイプやカスタム分類で絞り込む事ができます。
\nカラムイメージ
\nカラムイメージ
\nカラムイメージ
\nLorem 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 \nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\nFLOW
STEP 01
\n\n\n\nまずはお問い合わせフォームまたは電話にてご連絡ください。
\nSTEP 02
\n\n\n\n担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。
\nSTEP 03
\n\n\n\nヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。
\nSTEP 04
\n\n\n\n秘密保持契約など、発注に際して必要な契約をいたします。
\nSTEP 05
\n\n\n\nご提案させていただいた内容にて業務を実施いたします。
\nSTEP 06
\n\n\n\n成果物に対して、ご確認いただきます。必要に応じて修正を行い、納品となります。
\nSTEP 07
\n\n\n\n納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。
\nSTEP 08
\n\n\n\n納品後2ヶ月間は、不具合などございましたら無料で対応させていただきます。
\nNara prefecture
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\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
\n\n\n\nNara prefecture
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\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
\n\n\n\nInformation
Please feel free to contact us for any requests or questions regarding your business.
CASE STUDY
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.
\nLorem 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.
\nWORKS
弊社が提供するサービスついてご紹介しています。経験豊富なスタッフがこだわりを持って取り組んでいます。
\n弊社代表挨拶や会社の基本情報について記載しています。また、弊社の歴史なども紹介していますので是非ご覧ください。
\n株式会社サンプルでは一緒に働く仲間を募集しています。自分で考えていろいろな事にチャレンジできるやりがいのある仕事です。
\nLorem 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.
\nLorem 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.
\nLorem 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.
\nLorem 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.
\nWhat is your favarite plugins?
\nI love VK Block Patterns
\nWhat is your favarite theme?at is your favarite plugins?
\nMy favarite WordPress theme is Lightning. But recentry I like X-T9 too.
\nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLightning は カラム任意のカラム数を設定する機能があり「外観 > カスタマイズ > Lightning レイアウト設定」または各個別の記事編集画面の「Lightning デザイン設定」から指定する事ができます。
\n\n\n\n \nInformation
CASE STUDY
WORKS
この部分には、代表からのメッセージが入ります。
自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。自社のコンセプトや理念など、大切にしていることについて説明しましょう。お客様に一番伝えたいことを書くことをおススメします。
株式会社サンプル
代表取締役社長 山田太朗
会社名 | 株式会社サンプル |
英文社名 | Sample Co. Ltd. |
代表取締役 | 山田次郎 |
従業員数 | 100名 |
所在地 | 愛知県名古屋市中村区名駅X-XX-X サンプルビル |
TEL | 000-000-0000 |
FAX | 000-000-0000 |
事業内容 |
|
弊社が提供するサービスついてご紹介しています。経験豊富なスタッフがこだわりを持って取り組んでいます。
\n弊社代表挨拶や会社の基本情報について記載しています。また、弊社の歴史なども紹介していますので是非ご覧ください。
\n株式会社サンプルでは一緒に働く仲間を募集しています。自分で考えていろいろな事にチャレンジできるやりがいのある仕事です。
\n会社名 | 株式会社サンプル |
英文社名 | Sample Co. Ltd. |
代表取締役 | 山田次郎 |
従業員数 | 100名 |
所在地 | 愛知県名古屋市中村区名駅X-XX-X サンプルビル |
TEL | 000-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 が入っています。 |
Lightning(無料)はWeb制作の専門知識がなくても簡単にビジネスサイトが作成できるように設計されたWordPressテーマです。
\n\n\n\n \n多機能プラグイン「VK All in One Expansion Unit(無料)」を利用することで、さまざまな便利な機能や豊富なウィジェットをご利用いただけます。
\n\n\n\n \nプラグイン「VK Blocks(無料)」はビジネスサイトの構築に役立つさまざまなブロックとスタイルおよび機能を追加するブロックライブラリです。
\n\n\n\n \nLightning(無料)はWeb制作の専門知識がなくても簡単にビジネスサイトが作成できるように設計されたWordPressテーマです。
\n\n\n\n\n多機能プラグイン「VK All in One Expansion Unit(無料)」を利用することで、さまざまな便利な機能や豊富なウィジェットをご利用いただけます。
\nプラグイン「VK Blocks(無料)」はビジネスサイトの構築に役立つさまざまなブロックとスタイルおよび機能を追加するブロックライブラリです。
\nプラグイン「VK Filter Search(無料)」は、編集画面に絞り込み検索ブロックを作成できます。 投稿タイプやカスタム分類で絞り込む事ができます。
\nLorem 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\nVektor,Inc.
CEO Taro Yamada
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 \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\nMechamecha Iketel
\n\n\n\nLorem 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\nMechamecha Iketel
\n\n\n\nLorem 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\nNara prefecture
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\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
\n\n\n\nNara prefecture
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\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
\n\n\n\nPlugin 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\nPlugin VK Block Patterns is is a block pattern library to easily create a business site.
You can also easily register your own patterns.
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\nBy 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\nPlease feel free to contact us for any requests or questions regarding your business.
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.
\nLorem 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.
\nHidekazu Ishikawa
\n\n\n\n名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)
Hidekazu Ishikawa
\n\n\n\n名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)
弊社が提供するサービスついてご紹介しています。経験豊富なスタッフがこだわりを持って取り組んでいます。
\n弊社代表挨拶や会社の基本情報について記載しています。また、弊社の歴史なども紹介していますので是非ご覧ください。
\n株式会社サンプルでは一緒に働く仲間を募集しています。自分で考えていろいろな事にチャレンジできるやりがいのある仕事です。
\nLorem 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.
\nLorem 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.
\nLorem 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.
\nLorem 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.
\nWhat is your favarite plugins?
\nI love VK Block Patterns
\nWhat is your favarite theme?at is your favarite plugins?
\nMy favarite WordPress theme is Lightning. But recentry I like X-T9 too.
\nカラムイメージ
\nカラムイメージ
\nカラムイメージ
\nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLightning は カラム任意のカラム数を設定する機能があり「外観 > カスタマイズ > Lightning レイアウト設定」または各個別の記事編集画面の「Lightning デザイン設定」から指定する事ができます。
\n\n\n\n \nService Flow
まずはお問い合わせフォームまたは電話にてご連絡ください。
\n担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。
\nヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。
\n秘密保持契約など、発注に際して必要な契約をいたします。
\nご提案させていただいた内容にて業務を実施いたします。
\n成果物に対して、ご確認いただきます。必要に応じて修正を行い、納品となります。
\n納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。
\nFAQ
はい、弊社は多岐に渡る部門がございますので企画からデザイン、製品製作からパッケージング及びマーケティングまで一貫してワンストップにて対応する事が可能です。お気軽にお問い合わせください。
\n\n\n\n \nはい、弊社は多岐に渡る部門がございますので企画からデザイン、製品製作からパッケージング及びマーケティングまで一貫してワンストップにて対応する事が可能です。お気軽にお問い合わせください。
\n\n\n\n文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。
\n文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。
\nFLOW
STEP 01
\n\n\n\nまずはお問い合わせフォームまたは電話にてご連絡ください。
\nSTEP 02
\n\n\n\n担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。
\nSTEP 03
\n\n\n\nヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。
\nSTEP 04
\n\n\n\n秘密保持契約など、発注に際して必要な契約をいたします。
\nSTEP 05
\n\n\n\nご提案させていただいた内容にて業務を実施いたします。
\nSTEP 06
\n\n\n\n成果物に対して、ご確認いただきます。必要に応じて修正を行い、納品となります。
\nSTEP 07
\n\n\n\n納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。
\nSTEP 08
\n\n\n\n納品後2ヶ月間は、不具合などございましたら無料で対応させていただきます。
\n会社名 | 株式会社サンプル |
英文社名 | Sample Co. Ltd. |
代表取締役 | 山田次郎 |
従業員数 | 100名 |
所在地 | 愛知県名古屋市中村区名駅X-XX-X サンプルビル |
TEL | 000-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カラムイメージ
\nカラムイメージ
\nLorem 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.
\nLorem 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.
\nLorem 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.
\nLorem 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.
\nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \n会社名 | 株式会社サンプル |
英文社名 | Sample Co. Ltd. |
代表取締役 | 山田次郎 |
従業員数 | 100名 |
所在地 | 愛知県名古屋市中村区名駅X-XX-X サンプルビル |
TEL | 000-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 が入っています。 |
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.
\nLorem 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.
\nLorem 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.
\nLorem 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.
\nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nLove and Peace
\n\n\n\n \nカラムイメージ
\nカラムイメージ
\nカラムイメージ
\n\u4f1a\u793e\u540d<\/td> | \u682a\u5f0f\u4f1a\u793e\u30b5\u30f3\u30d7\u30eb<\/td><\/tr> | ||||||||||||||||
\u82f1\u6587\u793e\u540d<\/td> | Sample Co. Ltd.<\/td><\/tr> | ||||||||||||||||
\u4ee3\u8868\u53d6\u7de0\u5f79<\/td> | \u5c71\u7530\u6b21\u90ce<\/td><\/tr> | ||||||||||||||||
\u5f93\u696d\u54e1\u6570<\/td> | 100\u540d<\/td><\/tr> | ||||||||||||||||
\u6240\u5728\u5730<\/td> | \u611b\u77e5\u770c\u540d\u53e4\u5c4b\u5e02\u4e2d\u6751\u533a\u540d\u99c5X-XX-X\u3000\u30b5\u30f3\u30d7\u30eb\u30d3\u30eb<\/td><\/tr> | ||||||||||||||||
TEL<\/td> | 000-000-0000<\/td><\/tr> | ||||||||||||||||
\u30e2\u30d0\u30a4\u30eb\u6642\u7e26\u7a4d\u307f<\/td> | \u753b\u9762\u304c\u72ed\u3044\u6642\u306b\u306f\u30c6\u30fc\u30d6\u30eb\u30921\u30ab\u30e9\u30e0\u7e26\u7a4d\u307f\u306b\u5909\u66f4\u3057\u307e\u3059\u3002 \u3053\u306e\u30d6\u30ed\u30c3\u30af\u306e\u300c\u9ad8\u5ea6\u306a\u8a2d\u5b9a\u300d\u306e\u300c\u8ffd\u52a0 CSS \u30af\u30e9\u30b9\u300d\u3067 vk-table--mobile-block \u304c\u5165\u3063\u3066\u3044\u307e\u3059\u3002<\/td><\/tr> | ||||||||||||||||
th\u306e\u5e45<\/td> | \u8868\u306e\u5de6\u306e\u5217\u306e\u5e45\u306b25%\u6307\u5b9a\u304c\u3057\u3066\u3042\u308a\u307e\u3059\u3002 \u3053\u306e\u30d6\u30ed\u30c3\u30af\u306e\u300c\u9ad8\u5ea6\u306a\u8a2d\u5b9a\u300d\u306e\u300c\u8ffd\u52a0 CSS \u30af\u30e9\u30b9\u300d\u3067 vk-table--width--th25 \u304c\u5165\u3063\u3066\u3044\u307e\u3059\u3002 25% \/ 30% \/ 35% \/ 40% \u304c\u7528\u610f\u3057\u3066\u3042\u308a\u307e\u3059\u306e\u3067\u3001\u4f8b\u3048\u307035%\u306b\u3057\u305f\u3044\u5834\u5408\u306f vk-table--width--th35 \u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr><\/tbody><\/table><\/figure>\n", "categories": [ - "%e5%b9%85_%e9%80%9a%e5%b8%b8" + "feature" ], "languages": [ "ja" ], "blockTypes": [ - "vk-blocks\/border-box", - "core\/list", - "vk-blocks\/spacer" + "core\/table" ] }, { - "title": "\u30c6\u30fc\u30d6\u30eb th25% \u30e2\u30d0\u30a4\u30eb\u6642\u7e26\u7a4d\u307f", + "title": "\u4f1a\u793e\u6848\u5185 Free 01", "post_status": "publish", - "post_name": "9465", + "post_name": "%e4%bc%9a%e7%a4%be%e6%a1%88%e5%86%85%ef%bc%92", "description": "", - "content": "\n
|