【STREETIST】ボックスの使い方の解説

「【STREETIST】ボックスの使い方の解説」のアイキャッチ画像

WordPressテーマ「STREET」にて、ボックスを使う方法を解説します。

ボックスを使うには、ビジュアルエディタの「スタイル」から選択してください。

ショートコードを使う方法は以下の記事に書いています。

注意事項

ビジュアルエディタを利用するには「Classic Editor」プラグインをインストールする必要があります。

管理画面の「プラグイン」→「新規追加」より「Classic Editor」で検索してください。

ボックスのデザイン

ビジュアルエディターの「スタイル」→「ボックス」でボックスの装飾を施すことができます。

また、ショートコードでボックスを表示させることもできます。

ボックスデザイン一覧

「スタイル」では、以下のような装飾が利用できます。

グレー背景

薄ピンク背景

薄ブルー背景

薄オレンジ背景

黒ライン

黒ライン・黒の影

赤ライン+薄ピンク背景

青ライン+薄ブルー背景

オレンジライン+薄オレンジ背景

左に赤太線+薄ピンク背景

左に青太線+薄ブルー背景

左にオレンジ太線+薄オレンジ背景

うっすらシャドウ

ビジュアルエディタのオリジナルメニューの利用

ビジュアルエディタのツールバーに、オリジナルのメニューを設置しています。

ここから、タイトル付きのボックスを生成することができます。

もし表示されていないのであれば、下の画像のようにボタンをクリックすると表示されます。

タイトル付きボックスの一覧

タイトルを編集

テキストを編集

タイトルを編集

テキストを編集

タイトルを編集

テキストを編集

タイトルを編集

テキストを編集

タイトルを編集

テキストを編集

タイトルを編集

テキストを編集

タイトルを編集

テキストを編集

タイトルを編集

テキストを編集

タイトルを編集

テキストを編集

タイトルを編集

テキストを編集

補足説明

テキストを編集

注意事項

テキストを編集

リスト(箇条書き)用のボックス

リスト(箇条書き)専用のボックスも用意しています。

リストボックス一覧

タイトルを編集

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

タイトルを編集

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

タイトルを編集

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

タイトルを編集

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

タイトルを編集

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

便利ですねー。

この記事を書いた人

WP Avenue開発者

WP Avenue開発者

WordPressテーマ「STREETIST」開発者です。
テーマの使い方やバージョン情報などを書いています。

WP Avenue | WordPressテーマ販売サイト

投稿者の記事一覧

コメント(5件)

  • アバター matsublog より:

    開発者様

    streetistを楽しく使用しておりますマツモトです。
    コメント失礼します。下記、わからず困っております。

    【困り事】
    記事作成の際、便利なビジュアルエディタ(ショートコード、タイトル付きボックス、リストボックス)が表示されず、解決策がわからずいます。表示されるのは、文字を太くする、斜めにする、リンクをつける、程度のコマンドのみ。
    ※記事作成ではなくカテゴリ作成の中では表示されました。

    【ご質問】
    もし、記事作成の際、ビジュアルエディタを表示させる方法がありましたら教えていただけないでしょうか。
    とても便利な機能なので是非使いたいと思っております。

    お手数おかけしますが、よろしくお願いします。

    • WP Avenue開発者 WP Avenue開発者 より:

      テーマのご利用ありがとうございます。

      ビジュアルエディターは古いタイプのエディターですので、「Classic Editor」プラグインを入れる必要がございます。

      管理画面のプラグインの新規追加から「Classic Editor」をダウンロードしてください。

      また、現行のブロックエディターで様々なカスタマイズができるプラグインは以下のページにて提供しております。
      https://wp-avenue.com/plugins/plugins-streetist/

      ご確認のほど宜しくお願い致します。

  • アバター 池ふさこ より:

    お世話になっております。【STREETIST】を購入させていただきました、池と申します。とても便利で素敵なテンプレートをありがとうございます。

    今日はどうしても解決できない事がありまして、コメントいたしました。

    運営者プロフィールのところに、運営者様がしていらっしゃるように、
    【詳細プロフィールはこちら】というように、リンクをつけたいのです。

    色々て調べてみたのですが、どうしてもできません…

    もしよろしければ、ご返答いただけた大変たすかります。

    これからも、こちらのテンプレートを愛用していきたいと思います。
    今後とも宜しくお願いいたします。

    • WP Avenue開発者 WP Avenue開発者 より:

      テーマのご利用ありがとうございます。

      ユーザーページの「プロフィール情報」ではHTMLが使えるようにしており、以下のように記述しています。

      <a href="https://wp-avenue.com/">WP Avenue | WordPressテーマ販売サイト</a>

      URLとテキストを変更してお使いください。

      ご確認のほど宜しくお願い致します。

      • アバター 池ふさこ より:

        ご連絡いただき、恐縮です。コピーしてつかわせて頂いたら、設定できました。
        初めに、そのようにしたつもりが何度やっても出来ず、何かミスをしていたようです。
        初歩的な質問ですみませんでした。ご親切に返答いただき、ありがとうございました。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

twelve − three =