#0008-2 ショートタグで番号付き見出しを見やすくする。
番号付き見出しを表示する場合は都度 pタグや divタグを使い、CSS でインデントの設定をする必要があります。
いわゆる定型文のひとつなので、ショートコートを用意しておくと、とても簡単に記事が書けるようになります。
| 0. | 番号付き見出し表示ショートコードについて |
ちなみに、上の文の場合は以下のように記事を書いています。
[tcn 0. "番号付き見出し表示ショートコードについて"]
| 1. | ショートコードについて |
この tcn と名前をつけたショートコードのソースは以下のとおりです。
WordPress ダッシュボード内の WpTHK の中の『テーマの編集』画面で function.php に貼り付けてください。
// [tcn "1." "タイトル"] 目次番号表示ショートコード function TshowContentNumber($attr) { $zStr = "\n<table border='0' id='clstfl'><tr id='clstfl'>\n" . "<td id='clstfl'>" . $attr[0] . "</td>\n" . "<td id='clstfl'>" . $attr[1] . "</td>\n" . "</tr></table>\n"; return $zStr; } add_shortcode('tcn', 'TshowContentNumber');
| 2. | CSS について |
スタイルシートは以下のようになります。
WordPress ダッシュボード内の WpTHK の中の『テーマの編集』画面で style.css に貼り付けてください。
/* 目次番号表示用 , Table for Layout class */ table#clstfl,tr#clstfl,td#clstfl { margin:1.5em 0.5em 0.5em;border:0px solid #000;padding:0 10px 0 0;background:transparent;border-collapse: collapse; font-size:16px;font-weight:bold;vertical-align:top;line-height:1.6em;}
(CM) Amazon タイムセール・在庫一層セール実施中！
(CM) Amazon これから開催予定の数量限定タイムセール(プライム会員はすぐに購入できます！)
wrote by tasa.