「THOR」のボックス専用パーツ一覧を紹介【15種】

WordPressテーマの「THOR」を使ってかっこいいサイトを作りたい!ボックス専用パーツってどんな種類があるの?使い方も詳しく教えてほしい!

 

 

そんな悩みを解決します。

 

本記事ではWordPressテーマ「THOR」の機能である、ボックス専用パーツ15種を一覧で紹介しています。

設定方法も解説しているので初心者の方もぜひ参考にしてみてください。

 

・ボックス専用パーツの種類
・詳しい設定方法

 

 

スポンサーリンク

ボックス専用パーツ

 

ボックス専用のパーツは15種あります。

そのまま使えるものもあれば、先にアイコン設定をしてから使用するものもあるので注意してくださいね。

 

設定は「スタイル」から「スタイルセット」>「ボックス専用パーツ」へ進めると表示されます。

 

15種の一覧

 

 

全域タイトル(ボックス内)
カギ括弧
めくり(左)
めくり(右)
はてなマーク
ビックリマーク
Qマーク
Aマーク
サブタイトル(シンプル)
サブタイトル(角丸)
サブタイトル(ラウンド)
アイコン(シンプル)※アイコンはicon-bookを選択
アイコン(背景)※アイコンはicon-bookを選択
アイコン(帯)※アイコンはicon-bookを選択
アイコン(コーナー)※アイコンはicon-bookを選択

 

 

「全域タイトル」から「Aマーク」までは、ボーダーや背景を選択してそれっぽく使うことが出来ますが、

「サブタイトル」と「アイコン」系は、そのまま選択するだけでは微妙だし、うまく表示されません。

詳しく解説します。

 

サブタイトル系パーツ

 

「サブタイトル(シンプル)」を使ってデザインをしてみます。

まず、ボックスを作って専用パーツから「サブタイトル(シンプル)」を設定しましょう。

 

サブタイトル(シンプル)

 

はい、このままでは微妙なので以下に設定します。

ボックス背景:ベリーペールトーンレッド
ボーダー:オール実線(中)
ボーダー色:ディープトーンレッド

 

サブタイトル(シンプル)

 

上記のようなデザインになりました。

あとはツールバーから「サブタイトル編集」でサブタイトルの文字を入力します。

 

サブタイトル(シンプル)

 

完成です。サブタイトルの赤色は変更できないので変更するのであればボックス背景色のみです。

自分の好みの色で設定してみましょう。

 

 

アイコン系パーツ

 

アイコン系のパーツは設定前にアイコンを選択する必要があります。

アイコンの設定とは、「アイコンオプション」から好きなアイコンの単語を選び、「アイコン挿入」で入力する方法です。

 

 

 

たとえば、鉛筆のアイコンの単語「icon-pencil2」をコピーして、

アイコン挿入へ入力すると以下のようなデザインになります。

 

えんぴつのアイコンを選ぶ

 

文章の前に小さい鉛筆が表示されましたね。

この状態で「ボックスパーツ専用」のアイコン設定を行うと正しく反映されます。

こんな感じ↓

えんぴつのアイコンを選ぶ
えんぴつのアイコンを選ぶ

 

ちなみにアイコンの色は設定できません。

PHPをいじれば出来ると思いますが基本機能では変更できないと思います。

 

今回はここまで、最後までお読みいただきありがとうございました。

スポンサーリンク
NO IMAGE

晴耕雨読

『晴れた日には畑を耕し雨の日には本を読む』そんな生活を目指すブログです