節約英語学習道 主婦の英語学習日記

トップページのこの部分は、「記事投稿」でなくテンプレートをカスタマイズして作ります。

「管理画面（ダッシュボード）」の、
「外観」→「テーマ編集」→「メインインデックスのテンプレート（index.php）」が
このトップページ部分になります。

画像の横幅は、最大で【600px】まではコンテンツに入ります。
「600px」を超えると、はみ出てしまいますので注意してくださいね！

記事内で装飾をしたい場合のタグをいくつかリストします。

検索エンジン的にキーワードを強調した場合や太文字にしたい場合はこのように書きます。

<p>文字が強調され<strong>太文字</strong>になります。</p>
文字が強調され太文字になります。

さらに文字のバリエーションを広げたい場合は、

このサイズの文字にしたい場合は「bbbbb」とします。
<span class="bbbbb">このサイズの文字にしたい場合は「bbbbb」とします。</span>

このサイズの文字にしたい場合は「bbbb」とします。
<span class="bbbbb">このサイズの文字にしたい場合は「bbbb」とします。</span>

このサイズの文字にしたい場合は「bbbb」とします。
<span class="bbb">このサイズの文字にしたい場合は「bbb」とします。</span>

このサイズの文字にしたい場合は「bb」とします。
<span class="bb">このサイズの文字にしたい場合は「bb」とします。</span>

このサイズの文字にしたい場合は「b」とします。
<span class="b">このサイズの文字にしたい場合は「b」とします。</span>

このサイズの文字にしたい場合は「s」とします。
<span class="s">このサイズの文字にしたい場合は「s」とします。</span>

赤い文字を書きたい場合はこのように書きます。
<span class="red">赤い文字を書きたい場合はこのように書きます。</span>

青い文字を書きたい場合はこのように書きます。
<span class="blue">青い文字を書きたい場合はこのように書きます。</span>

緑の文字を書きたい場合はこのように書きます。
<span class="green">緑の文字を書きたい場合はこのように書きます。</span>

オレンジの文字を書きたい場合はこのように書きます。
<span class="orange">オレンジの文字を書きたい場合はこのように書きます。</span>

ピンクの文字を書きたい場合はこのように書きます。
<span class="pink">ピンクの文字を書きたい場合はこのように書きます。</span>

文字に黄色のマーカーを書きたい場合はこのように書きます。
<span class="line">文字に黄色のマーカーを書きたい場合はこのように書きます。</span>

文字にアンダーラインを引きたい場合はこのように書きます。
<span class="u">文字にアンダーラインを引きたい場合はこのように書きます。</span>

「合わせ技」も可能です。

「合わせ技」にしたいものを、半角スペースを入れて並べて下さい。

赤い文字とアンダーラインの合わせ技。
<span class="red u">赤い文字とアンダーラインを書きたい場合はこのように書きます。</span>

太くて大きい文字と黄色のマーカーの合わせ技。
<span class="bb line">太くて大きい文字と黄色のマーカーを書きたい場合はこのように書きます。</span>

太い文字と青い文字と黄色のマーカーとアンダーラインの合わせ技。
<span class="b blue line u">太い文字と青い文字と黄色のマーカーとアンダーラインを書きたい場合はこのように書きます。</span>

青い矢印を出す場合はこのように書きます。

<ul class="list1">
<li>青矢印リスト１</li>
<li>青矢印リスト２</li>
<li>青矢印リスト３</li>
</ul>

このようにHTMLを記述すると以下のようになります。

• 青矢印リスト１
• 青矢印リスト２
• 青矢印リスト３

赤い矢印を出す場合はこのように書きます。

<ul class="list2">
<li>赤矢印リスト１</li>
<li>赤矢印リスト２</li>
<li>赤矢印リスト３</li>
</ul>

このようにHTMLを記述すると以下のようになります。

• 赤矢印リスト１
• 赤矢印リスト２
• 赤矢印リスト３