沖縄のリサイクルショップ 電動工具・家電の買取・出張買取・販売

固定ページ表示テスト

コンテンツの横幅は、730pxです。

見出しのデザイン・配色は、全部のページでなるべく統一いたします。
そのパターンの参考として、このページで先にイメージをしてから他の固定ページを少しずつ改善していきます。

場合によっては、サンプルページとして固定ページを各ページ制作し、完了した段階で入れ替えという流れもアリだと思います。

↑上記は、スペーサーのサンプル。高さは自由に変更できます。現在m上記に高さ100pxのスペーサー入れてます。

見出しデザインパターンとしてテーマの中にあるのは、以下となります。全部で12パターン。
(色の指定はまだ決まっていないため、何もしていない状態です)

h3以降も同パターンとなりますので、h2がどのデザイン、h3がどのデザインと決められたら・・・と思います。

見出し2のデフォルト

見出し2のLeft line

見出し2のLeft line right

見出し2のDouble line

見出し2のRibbon

見出し2のStripe

見出し2のNo style

見出し2のBottom line

見出し2のBottom line right

見出しのBailoon

見出しのDot pattern

見出しのStep

今後のWordPressを長く使っていく流れで、ブロックエディタを使用して制作します。
なるべく共通パーツ(css)を使い回し、読み込みが遅くならないように進められたら・・・と思います。

見出し3のデフォルト

  • リスト
  • リスト
  • リスト

スタイル設定Stripe

スマホでの表示は画像の下に、テキストは回り込みをします。

スタイルDotpattern

画像は左右のどちらも設定可能。

プラグインで追加した機能 ステップ

ステップの中身

ステップの中身

プラグインで追加した機能 ステップ

ステップの数、色や中身の個数は自由に追加可能

ステップ機能はいくつでも増やせます

ステップの中身

タイトル
リード文
内容のテキスト
ボタンの色は変えられます。
タイトル
リート文
内容のテキスト
文字数は横の要素と合わせた方が高さが

枠内にテキストを入れる場合

アコーディオン

アコーディオンの中身
アコーディオンの中身

アコーディオン

アコーディオンの中身。テキストの分量は自由に増やせます

タブ1の中身

ボタンBOXリード文
注釈はここに
スタッフ

吹き出しもできます
顔の画像はメディアに入れておくと画像を挿入できます

Q
質問
A

回答

Q
質問
A

回答

引用の場合はこちらです(デフォルト)

引用元をここに入れる

引用の場合(Quote box)

引用元はこちら

引用の場合(Quote box light)

引用元はこちら

目立つ引用ブルクオート

引用元をここに

テーブルの色などは、細かな設定はcssなどで調整可能です

テーブルテーブルテーブル
2段目2段目2段目
3段目3段目3段目
キャプションはこちら

ブログカードのデフォルト。cssを設定することは可能です。

スライドも挿入可能

期間限定の表示(8月9日までの設定にしてみてます。設定開始・終了の日程は自由に変更可能)

特定の日までのカウントダウンもできるらしい。。。

  • 時間
サブタイトル

サイド見出しh2

リード文たくさん入れられます
キャプション
情報テーブルタイトル

情報テーブルの中身

情報テーブルタイトル
情報テーブル中身は画像も可能
レーティングボックスバーの色は変えられます(値は0〜10まで入力可)
10
レーティングボックス
3
星の評価
3.0
テキストと評価の位置(5段階評価)は変えられる。アイコンの色も変えられる。
3.0
ノーマルアラート

アラートテキストはここに

ワーニングアラート

アイコンとアラートタイプは選択可能

サクセスアラート

アラートの種類を変えると背景色が変わる

リマークアラート

アイコンは7種類、アラートタイプは4種類

  • アイコンの色とアイコンは変えられる
  • アイコンの種類は9種類
  • アイコンリスト
  • アイコンリストデフォルト
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンの色はRGBの値か、基本の10色から変えられる
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
お客さまの声
お名前
リード文 アイコンの部分は、画像をメディアに入れておくと入れられます。
テキストの色や背景色も変更可能です。
お客さまの声
どうやら
これは2列表示らしい

画像も背景色も変更可能です。この場合サイドバーは被る表示できません。。。
背景の中にはテキストは入らないので、テキストは枠外に別途入力し背景色を入れる感じになるかと思います。

細部に関するcssは、コンテンツの中身をある程度作った後に設定していく予定です。

【参考】 https://lqd.jp/wp/manual_style.html

以下は、テーマを開発しているところが作っているショートカットブロックパターン

Q. Lorem ipsum dolor sit amet ?

A.
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet

consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet

consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit

1

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

2

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

3

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

1

Lorem ipsum dolor sit amet

2

Lorem ipsum dolor sit amet

3

Lorem ipsum dolor sit amet

Caption
Caption
Caption

Lorem ipsum
dolor sit amet