#0008-1 ショートタグで記事をインデントして見やすくする。
記事をインデントするためには都度 pタグや divタグを使い、CSS でインデントの設定をする必要があります。
いわゆる定型文のひとつなので、ショートコードを用意しておくと、とても簡単に記事が書けるようになります。
ちなみに、上の文の場合は以下のように記事を書いています。
[ptr "記事をインデントするためには都度 pタグや divタグを使い、CSS でインデントの設定をする必要があります。 いわゆる定型文のひとつなので、ショートコードを用意しておくと、とても簡単に記事が書けるようになります。 "]
1. | ショートコードについて |
この ptr と名前をつけたショートコードのソースは以下のとおりです。
WordPress ダッシュボード内の WpTHK の中の『テーマの編集』画面で function.php に貼り付けてください。
// [ptr "本文"] (<=本文内にスペースが無ければダブルクォートは不要です) // このショートコード内ではショートコード開始と終了を意味する角カッコ記号と // クォーテーション記号、 "[" , "]" , """ が使えません // この記号を使う場合はそれぞれ "["→"[" , "]"→"]" , """→""" or """ を使用します function pTextContentWithLineFeed($xArgs) { $zStrText=""; switch( count($xArgs) ) { case 0: return ""; case 1: $zStrText = $xArgs[0]; break; default: return "<p style='color:red;font-weight:bold;'>(pt err : 引数が多すぎます)<br>{$xArgs[0]}</p>"; } return "\n<p class='indenttext'>" . preg_replace("/\r\n|\r/","<br>\n",$zStrText) . "</p>"; } add_shortcode('ptr', 'pTextContentWithLineFeed');
2. | CSS について |
スタイルシートは以下のようになります。
WordPress ダッシュボード内の WpTHK の中の『テーマの編集』画面で style.css に貼り付けてください。
/* 記事本文インデント用 */ p.indenttext {padding:2px 5px 2px 1.5em;margin:0;font-size:14px;line-height:1.4;word-wrap:break-word;}
(CM) Amazon タイムセール・在庫一層セール実施中!
(CM) Amazon これから開催予定の数量限定タイムセール(プライム会員はすぐに購入できます!)
wrote by tasa.
[広告]
最近の投稿
- #0018 ブログパーツ・相互RSS 貼付サンプルコード
- #0017 Windows 10 お勧め設定 – 2 : 高速化設定
- #0016 Windows 10 お勧めアプリ – 1 : Akabei Monitor & Windows ツールバーの設定方法
- グーグル翻訳で使用できる言語コード一覧 (2016/11/22 現在)
- 時事ネタ : グーグル翻訳の翻訳精度が向上した!
- #0014 JavaScript での 数値 と 文字列 (とブール型/オブジェクト型/配列型)の型変換
- #0013 WordPress テキストウィジェットの中でプラグインを使わずに PHP を実行する方法
- #0012 VMware Player 5 の安全なアンインストール方法 2016年11月版
- #0011 VMware 32bit 版のダウンロード方法 & アンインストール時の注意点
- #0010 VMware player 12 のインストールしゲストで windows 10 をインストールする
- #0009 WordPress記事 に Blogger の画像を利用する (画像拡大ライブラリ lity も使用します)
- 10/29 ~ 11/1 までタイのスパンブリーという田舎に行きます。
- #0008-3 WordPress投稿画面のボタンの削除と追加
- #0008-2 ショートタグで番号付き見出しを見やすくする。
- #0008-1 ショートタグで記事をインデントして見やすくする。
最近のコメント