supreme modules lite のモジュール。
全てではないけど、使う可能性があるものをピックアップ。実際にはほとんど使いわないかも知れない。

Supreme Divi Before After Image Slider

横で分ける他に縦で分けるオプションもあり。

ビフォーイメージの代替テキストアフターイメージの代替テキスト

Supreme Divi Business Hours

デザインのdiviberで下線が引ける。
デザインのsparatorで線が入れられるので料金表とかでも使えそう。
月曜日
8:30~19:00
月曜日
8:30~19:00
月曜日
8:30~19:00
月曜日
8:30~19:00
月曜日
8:30~19:00
月曜日
8:30~19:00
月曜日
8:30~19:00
月曜日
8:30~19:00
Monday
あああ

Supreme Button

ボタンを横並び(モバイルでも横並び保持)で2つ作れる。

背景画像を入れられるし、画像をLightBoxで出せるので良いかと思ったが、1つのページで2つモジュールを入れると背景画像やボーター色が同じなる。セクションを変えても同じだった。使えない。

Supreme Contact form 7

contact form 7 のデザインを調節できる。

    Supreme Embed Google Map

    Google APIは必要ないが、安定性の為にAPIを使用した方が良いと注意が出ていた。取り合えずはアドレスに「京都駅」と入力してzoomを17にしただけ。

    Supreme Embed Twitter Timeline

    TwitterのUsernameを入れるだけ。borderのあるなしや表示するツイートの数や高さなど調節可能。

    Supreme Facebook Feed

    Facebook APP IDがないと正しく表示されないかもって注意書きが出る。↓は取り合えずFacebook APP ID 無し。

    Supreme Icon List

    デフォルトではアイコンは上下は真ん中に来る。↓の例は「デザイン」の「list items」の「vertical alignment」をtopにして、iconの大きさとかを調整している。

    • Eこの文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
      この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
    • Pテキストテキスト
    • Pテキストテキスト

    Supreme Image

    画像をTransform Rotation 出来る。一応Liteboxで表示できる。でも使わないかな。ああああああああああああ。

    ビフォー

    Supreme image accordion

    良い感じ。ホバーでアイコンやボタンを表示出来て、リンクも出来る。
    PCは横分割、モバイルは縦分割に設定できるのも良い。
    "
    "

    タイトル

    説明文
    1

    Supreme Price List

    海外サイトのプライスリストってこんな感じが多いけど、日本にはあわないかな。
    画像も入れられるけど、モバイル表示でも上下に出来ない(もしかして方法があるのかも)。
    画像サイズを30%とかにするとまあ見れるけど、列の左に画像、右にプライスリストだけにした方が良さそう。
    タイトル
    1,000円
    タイトル2
    2,000円

    この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
    この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

    タイトル3
    2,000円

    こんな感じでモジュールでイメージを使用しない方がモバイル表示では良い気がする。
    画像が必要なら列を作って入れる方が良い。

    Supreme Badges

    メインのテキストとバッチのテキストのみ。
    バッチはメインテキストの前にも出来る。
    メインのテキストはH1~H6のみ選べる。

    メインのテキスト新作

    Supreme Text Diviber

    テキストを区切り線で挟むやつ。
    アイコンは出来ない。

    テキスト

    テキスト

    テキスト

    Supreme Typing

    タイピング風テキスト。

    文字をタイピング風に表示するやつ。これはループ。

    文字をタイピング風に表示するやつ。これはループしないやつ。