サイト刷新（Wordpress：記事にメリハリを)
早速、投稿記事に見栄えのある表現を実現します
今回の新機能紹介
１．囲い込み
２．見出しのスタイル
３．ページ内リンク
早速（↑）使いました 囲い込み
１．囲い込み
テキストで、次のように記述すればOKです
|
1 2 3 4 5 6 |
<div class="framed-text blue"> <div class="framed-title blue">今回の新機能紹介</div> １．囲い込み ２．見出しのスタイル ３．ページ内リンク </div> |
２．見出しのスタイル
今後、このように（↑）に統一しようと思うが、記述方法は以下の通り
|
1 |
<h3 class="idx03 blue">２．見出しのスタイル</h3> |
３．ページ内リンク
これは、新機能ではなく、html自体の表記手法
まず、飛び先の見出しにタグを次のように記述します
|
1 |
<h3 id="example">これは見出しです。</h3> |
実際に前の項で見出し「３．ページ内リンク」にタグ付けしてみると次のようになります
|
1 |
<h3 id="example" class="idx03 blue">３．ページ内リンク</h3> |
次に、リンク元の文字列を次のように記述します
|
1 |
<a href="#example">ここをクリック！</a> |
実際に「今回の新機能紹介」囲い込み内の「３．ページ内リンク」をリンク設定する場合は次のようになります
|
1 2 3 4 5 6 |
<div class="framed-text blue"> <div class="framed-title blue">今回の新機能紹介</div> １．囲い込み<br /> ２．見出しのスタイル<br /> <a href="#example">３．ページ内リンク</a> </pre> |
これで、投稿記事が華やかになります
ほんと、本格的なサイトになったね
