ブロックパーツ ブロックパーツ一覧
ブロックパーツ ブロックパーツ 見出しブロックのサンプル
WordPress標準の見出し デザイン WordPress標準の見出しの場合、デザインはスキンごとに変わります。 フォントサイズ・余白 H1はページタイトルで使用されることが多いため上下の余白は0（margin:0）になっており、それ以外は以下のスタイル（Cocoonのデフォルト）が適用されます。 font-sizemargin-topmargin-bottompaddingh11.5em000...
ブロックパーツ リンクボタンのサンプル
ウラオモテのボタンブロック 本テーマではオリジナルのボタンブロックを3種類用意しています。 WordPressやCocoonにもボタンブロックは用意されていますが、 リンク先を作成したページから選びたい（URLを入力するのが面倒）ボタンに動きをつけたいボタンを横並びで表示したい これらの機能はWordPressにもCocoonにも備わっていないので、上記のような場合は本テーマのボタンブロックを使う...
ブロックパーツ 商品紹介ブロックの使い方
商品紹介ブロックとは 商品紹介ブロックはLP内で扱う商品やサービスの特徴や説明文など、商品を紹介するために必要な項目をあらかじめテンプレート化したブロックです。このブロックを使うことで、あらかじめ用意した項目へ入力するだけで以下のようなコンテンツを簡単に作成できるようになります。 ワークパフォーマンスを最高レベルまで引き上げるフラッグシップモデル。高い静音性を実現し、前モデルと比較してクリック音が...
ブロックパーツ アンケートフォームの使い方
この機能は本テーマのVer4.1.5以降のバージョンでご利用いただけます。 はじめに このブロックでできること 本テーマのVer4.1.5から実装した「アンケートフォーム」と「アンケート結果（または「商品紹介」）」のブロックを組み合わせて使用することで、以下のサンプルページのようにアンケート形式を用いたLP（いわゆる「アンケートLP」）を作成することができます。 仕組み（ロジック） アンケートフォ...
ブロックパーツ ポップアップブロックの使い方
この機能は本テーマのVer4.1.5以降のバージョンでご利用いただけます。 このブロックの特徴 特徴 特殊なコードを書く必要なし（ブロックを挿入するだけ） 自サイト内で全て完結（外部サイトでごちゃごちゃ設定する必要なし） ポップアップで表示するコンテンツも自由自在 PV数の制限もなし もちろん月額費もかからない 巷では月額で数千円のものから高機能なものだとウン万円する【 離脱防止ポップアップ 】や...
ブロックパーツ 比較表の作り方（パターン4. 並び替え＆絞り込み検索ができる比較表）
完成形 作成手順 比較表を作成する前に 何の準備もなしに比較表を作成すると途中で訳が分からなくなってしまうので、比較表を作成する前に絞り込み条件や比較表に表示する値をあらかじめExcelやGoogleスプレッドシート等でまとめておくようにしましょう。 STEP1. 絞り込み条件を設定する 比較表に絞り込み条件を実装する場合はあらかじめ絞り込み条件を設定しておく必要があります。 今回はVOD案件の比...
ブロックパーツ 比較表の作り方（1.スタンダードな比較表）
完成形 VIERA TH-49GX850VIERA TH-49GX750VIERA TH-49GX500メーカーパナソニックパナソニックパナソニックサイズ49インチ49インチ49インチ満足度価格￥132,800￥107,800￥86,6341インチあたり￥2,710￥2,200¥1,768公式サイト公式サイト公式サイト 完成形（編集画面） 比較表の作成手順 STEP1. テーブルを挿入する 編集画...
ブロックパーツ 比較表の作り方
パターン別 比較表のサンプル パターン1. スタンダードな比較表 この比較表の特徴 使用しているブロック：WordPress標準のテーブル 難易度： VIERA TH-49GX850VIERA TH-49GX750VIERA TH-49GX500メーカーパナソニックパナソニックパナソニックサイズ49インチ49インチ49インチ満足度価格￥132,800￥107,800￥86,6341インチあたり￥2...
ブロックパーツ 「ウラオモテ」で使えるブロック一覧
Wordpress標準のブロック 一般ブロック 段落 通常のテキストを入力する際に使用するブロックです。 段落の見本 これは段落ですこれは段落ですこれは段落ですこれは段落ですこれは段落ですこれは段落ですこれは段落ですこれは段落ですこれは段落ですこれは段落ですこれは段落ですこれは段落です 画像 画像を表示する際に使用するブロックです。スタイルを適用することで画像に枠線を付けることができたり、クリック...