今日はAFFINGERを触っていてずっと面倒に思っていた「スタイルタグを複数設定したいときにまとめて１クリックで設定したい」という痒いところが無事に解決できたのでその方法を覚書として残しておきたいと思います。
他にも
AFFINGERを使ったサイトのSSL化についてはこちらの記事でまとめています！
AFFINGERで作る404ページはこちら。
【もくじ】
AFFINGERのスタイルは使いやすい
AFFINGERには文章のスタイルを設定できるようにビジュアルエディターでボタンが提供されています。
「スタイル」ボタンを押すと出てきます。
文章を書いていてもこれがあると簡単に文字のスタイルを設定できて便利ですよね！文章を目立たせたい時に役に立ちます。
欠点 まとめて1クリック設定できない
でもこれ、それぞれの文字装飾が別ボタンになっているため、複数スタイルをまとめて１クリックで設定することができません。
例えば、「つーぶろっく」という文字を「つーぶろっく」に設定したいと思ったら以下の手順を踏まないといけません。
- スタイルで「太文字(赤)」を選択→「つーぶろっく」
- スタイルで「ドット線」を選択→「つーぶろっく」
- スタイルで「黄マーカー」を選択→「つーぶろっく」
つまりこの場合は3手間かかってしまうんです。
文章を目立たせたい箇所が多ければ多いほどこれの積算になってしまいます。
どうにかこれを1手間で終わらせたいという思いが前からありました。
それが今回無事に解決することができました！プラグインを使ってタグを作り出す方法です。
プラグイン「AddQuickTag」の導入
今回はこの「AddQuickTag」を導入することで複数のスタイルをまとめて１クリックで設定することに成功しました。
「AddQuickTag」のインストール
「AddQuickTag」のインストール方法はWordpressの「プラグイン」→「新規追加」で「AddQuickTag」を検索して「インストール」→「有効化」を行ってください。
「AddQuickTag」の設定
WordPressの「設定」→「AddQuickTag」をクリックすると設定画面に入ることができます。
ボタンのラベル、ダッシュアイコン、ラベル名
「ボタン名」のところは自由に書いてOKです。ビジュアルエディター上で表示される名前になります。
自分は「bigred-dot-ymarkeiko」と設定しました。
「ダッシュアイコン」「ラベル名」は未記入でも可能。
開始タグ*と終了タグ(s)
開始タグ*
<span class="rmarker-s">
終了タグ(s)
</span>
と入れてください。
開始タグに書かれているところが一番重要なところになります。
今回はrmarker-sと記入しているのですがそれぞれ呪文になっており、ドット線、黄マーカー、太文字(赤)をまとめるよっていう呪文になります笑
| ドット線 | dotline |
| 黄マーカー | ymarker |
| 太文字(赤) | hutoaka |
他にもAFFINGERでは以下の呪文が唱えることが可能なのであなたのお好みに設定すれば良いと思います！
| 大文字 | oomozi |
| 太文字 | huto |
| 赤マーカー | rmarker |
| 小文字 | komozi |
また、この呪文は以下の記事を参考にすることによって増やしていくことも可能です。
アクセスキーと順番
未記入で大丈夫です。
チェックボックス
右にあるチェックボックスには
ビジュアルエディター、post、pageにそれぞれチェックを入れておいてください。
最後に「変更を保存」を押す。
以上で設定の完了になります。
設定の確認
ここで投稿画面に行ってみてください。
エディターの中に「Quicktags」があります。
ここをクリックすると先ほど設定した「bigred-dot-ymarkeiko」ができているのがわかります。
これで文字を書いて「Quicktags」→「bigred-dot-ymarkeiko」を設定すれば1クリックで設定できたことが確認できたと思います。パチパチ〜！
まとめ
今回の記事ではAFFINGERで複数スタイルを１クリックで設定する方法について記事にまとめました。
AFFINGERでも他のテーマでも同じなのですが、テーマを直接触ってしまうと予期せぬトラブルが発生するので絶対にやめてください。プラグインを使うのが一番無難な方法だと思います。
