ワードプレス　テーマ　THE　ＴＨＯＲスタイル、プリセットパーツ、共通パーツの例

スタイル

投稿画面の「スタイル」にはマーカー、ラベル、ボタンなど色々な機能がありますが、
実際に使うとどんな風になるのかやってみます。

プリセットのものを並べていますが、

変更するには、ほとんどの場合、

「外観」→「カスタマイズ」→「パーツスタイル設定」で変更できます。

自分のホームページに合ったものを変更しておくと、作業の際に使いやすいです。

ボタンなどはあまりいろいろ使わないで、決めておく方が見やすページになります。

マーカー

マーカー（太）

ああああああああああああ（レッド）

いいいいいいいいいいいい（ブルー）

ううううううううううううう（イエロー）

ええええええええええええ（ピンク）

おおおおおおおおおおおおお（グリーン）

かかかかかかかかかかかか（グレー）

マーカー（中）

あああああああああああ

マーカー（小）

ああああああああああああ

ラベル

丸角レッドラベル

シンプルボーダーラベル

ライム左ラウンドラベル

ブルーボーダーラウンドラベル

丸アイコンオレンジラベル

ピンクアイコンラベル

四角アイコンラベル

破線ボーダーアイコンラベル

ビッグ右ラウンドブルーラベル

ターコイズグラデ右寄せラベル

アイコンを変えるには

「アイコンオプション」の中から好きなのを選び、アイコン横の文字をコピーし、

テキストで下記のようにicon-の赤字のところに張り付けると変わります。

アイコン

ボタン

ボタンは作ったら、ボタン内にカーソルを置き、リンクをクリックして、リンク設定する。

リンクマーク

ボックス

サブタイトルボックス

サブタイトルボックスのサブタイトルを入れるには

ボックス内にカーソルを置き、「サブタイトル編集」をクリックして入力します。

ビッグ括弧ボックス

方眼ペーパーボックス

はてなボックス

ビックリボックス

Qボックス

Aボックス

シンプルアイコンボックス

背景アイコンボックス

帯アイコンボックス

赤枠のボックスだけ囲いたい場合

テキストで

<div class="ep-box es-borderSolidS brc-DPred bgc-white es-radius">

囲いたい文章など

</div>

と記入する。

スタイルセット、カラーセット

スタイルセット、カラーセットはそれぞれその下にある
デフォルトパーツの変更に使います。

デフォルトパーツでラベルなり、ボタンなりを作成すると

灰色のシンプルなものが出来上がります。

で、そこにカーソルをあてたまま、スタイルセットやカラーセットで色や形を指定してやると

変えることができます。

サンプル

ああああ

デフォルトパーツで作ったボックスを保存したいとき

エディダーをビジュアルモードからテキストモードに切り替える、ボックスの所を見てみると↓。

この赤いアンダーラインの入った所がコードこの部分をコピーしておく。

カスタマイズでボックスを登録する

外観→カスタマイズ→パーツスタイル設定［ＴＨＥ］→ボックス設定

使わないボックスを選びタイトルを入力今回は「オレンジボックス」と入力。

そしてスタイルも削除後、先程のコードを貼り付けます。

貼り付けが終わったら「公開」をクリックしてください。

いいいいい

プリセットパーツ

区切り線

実線

破線

点線

吹き出し

左画像（背景スタイル）

Name

左画像（ボーダースタイル）

Name

右画像（背景スタイル）

Name

右画像（ボーダースタイル）

Name

スコアボックス

最終行（レッド）

項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
総合	[star-list number=3.5] 3.5

最終行（ブルー）

項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
総合	[star-list number=3.5] 3.5

最終行（イエロー）

項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
総合	[star-list number=3.5] 3.5

最終行（ピンク）

項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
総合	[star-list number=3.5] 3.5

最終行（グリーン）

項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
総合	[star-list number=3.5] 3.5

最終行（グレー）

項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
項目名	[star-list number=3.5] 3.5
総合	[star-list number=3.5] 3.5