ナビゲーションに移動キャンペーンのご案内。Wordpressによるパッケージプランの一般企業向けのデモサイトです。スライドショーへの変更デザインプリセットブロックパターン固有のデザイン指定方法ブロックパターンPatternsHomeEvergreenについてブロックパターンEvergreenスキンには、あえて背景をずらしたオフセット背景が指定できるブロックパターンを搭載しております。お好みのパターンを自由に配置して、オリジナルのコンテンツを作成してください。Evergreen」には、独自のブロックパターン5種(2021年9月現在)を含んでいます。コンテンツ作成の際にぜひご利用ください。企業にとってウェブサイトで情報を発信をすることはとても重要なことです。企業のウェブサイトを作ろうと思っても、忙しくて着手できなかったり、専門的な知識がなくどうすれば良いのかわからない方も多いです。作ったは良いけど更新しづらいというお悩みも聞きます。私たちは、そんな企業様向けに高品質なテーマ開発やプラグイン開発に力を入れております。文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。左に余白25%、右に余白25%ずらしたパターンです。左に余白5%、右に余白5%ずらしたパターンの中に投稿リストを配置しています。左右の余白はお好みの方をご利用ください。投稿ブロックに関しては2つ配置しており、上の投稿リストは表示件数を2件、下の投稿リストは表示件数を3件でオフセット数を2としています。最新の2件を目立たせたい場合にご利用ください。01お問い合わせまずはお問い合わせフォームまたは電話にてご連絡ください。02ヒアリング担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。03ご提案・お見積りヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。発注に際して必要な契約をいたします。05サービスのご提供ご提案させていただいた内容にて業務を実施いたします。対して、ご確認いただきます。必要に応じて修正を行い、納品となります。納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。納品後2ヶ月間は、不具合などございましたら無料で対応させていただきます。01お問い合わせまずはお問い合わせフォームまたは電話にてご連絡ください。02ヒアリング担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。03ご提案・お見積りヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。発注に際して必要な契約をいたします。05サービスのご提供ご提案させていただいた内容にて業務を実施いたします。対して、ご確認いただきます。必要に応じて修正を行い、納品となります。納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。納品後2ヶ月間は、不具合などございましたら無料で対応させていただきます。01お問い合わせまずはお問い合わせフォームまたは電話にてご連絡ください。02ヒアリング担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。03ご提案・お見積りヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。発注に際して必要な契約をいたします。05サービスのご提供ご提案させていただいた内容にて業務を実施いたします。対して、ご確認いただきます。必要に応じて修正を行い、納品となります。納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。納品後2ヶ月間は、不具合などございましたら無料で対応させていただきます。左に余白5%、右に余白5%ずらしたパターンの中にカードブロックを配置しています。左右の余白はお好みの方をご利用ください。カードブロックは増やしたり削除したり順番を入れ替えたりもできますので、お好みで設定してください。クラス」のクラス名を変更するだけで、余白の向きや余白の空きが変更できます。以下の表は、オフセット背景のクラス名をまとめた表になります。オフセット背景には、すでに以下のいずれかのクラス名がついております。そのクラス名を変更すると、余白の左右の向きや余白の大きさが変更できます。注意クラス名を変更する際は、謝って他のクラス名を削除しないようご注意ください。[オフセット背景の親ブロックに付与]オフセット背景の外側の要素につけるクラス名で、基準の位置になります。管理画面のパターン編集画面の左上にある+ボタンをクリックするとブロック、パターン、再利用可能のタブが表示されます。パターンを選択し、プルダウンからEvergreenを選択します。EvergreenのパターンEvergreenを選択すると、Evergreenスキンに搭載されているブロックパターンがいくつか出てきます。STEP1オフセット背景のブロックパターンを配置して、オフセットされた背景部分を選択します。左右余白25%固定ページなどにオフセット背景パターンを配置します。左右余白25%」のパターンを配置しました。配置したら、図のようにオフセットされた背景部分を選択します。クラス」を確認します。ここにはすでにオフセット背景用のクラス名が入っています。このクラス名を他の既存のクラス名に変更していきます。変更して、左側の余白の空きを狭くしてみます。クラスから変更します。vk-bg-offset-bg--5更新して固定ページを表示しますと、左側の余白が25%から5%に変更されたことが確認できます。【注意】複数クラスは半角スペースで区切ります。全角スペースやスペース無しの場合は反映されませんのでご注意ください。STEP3mobileサイズ以下で余白0のブロックパターンを、mobileサイズ以下でも余白ありにしてみようスマホサイズ以下でも余白をつけたい場合スマホで閲覧時、余白無しと有りの比較Evergreenのブロックのパターンで「mobileサイズ以下で余白0」とついているブロックパターンは、モバイルサイズ以下(767.98px)では余白が無しになります。特定のクラス名を削除することで、全サイズでも余白をつけることができます。中に入れるブロックによっては、余白が欲しい場合もあると思いますので、お好みでクラス名を削除して調整してください。5%」のパターンを配置して、スマホサイズ以下で余白を無くすクラス名を削除して、全サイズで余白がつくようにしていきます。クラスから、vk-bg-offset-bg--no-offset-mobileのクラス名を削除します。vk-bg-offset-bg--5更新して固定ページを表示しますと、スマホサイズでも余白がつくようになりました。【注意】複数クラスは半角スペースで区切ります。全角スペースやスペース無しの場合は反映されませんのでご注意ください。