WordPressやSymfonyのTipsを中心にアニメや日常の出来事について語ります。
メニュー

【配布】AddQuickTagプラグインの設定ファイルをプレゼント!

この記事は約2分52秒で読めます

鉛筆削り消しゴムハサミ
ゆっきー
ども、カフェブロガーの悠木です。 お気に入りのカフェはドトールコーヒーです。 14時からの限定スイーツ「シューシャポー」が大好きです。

いつもブログをご覧いただきありがとうございます。

先日、WordPressプラグインの「AddQuickTag」をご紹介しました。
テキストエディタにクイックタグを追加して、作業効率が格段にアップする便利なプラグインです。

『具体的な設定方法を教えて欲しい』という
お問い合わせがありましたので、私が使っている設定ファイルをプレゼントしたいと思います!

ダウンロードはこちら

ファイルはAddQuickTag ver2.3.3で出力したファイルになります。
バージョンが異なると互換性がない場合もあるかもしれないのでご注意ください。

AddQuickTagの設定ファイルのインポートについてはこちら

使い方

style.cssに追加する

ソースコードはCrayon Syntax Highlighterで表示しています。
ソースをコピーしたい場合は上部のメニューバーの右から2つ目のアイコンからコピーできます。

そのままコピーすると空の改行箇所に余分な半角空白が入ります。
特に問題はありませんが、ハイライト表示をオンまたはアイコンからのコピーが便利です。

上記のコードをスタイルシートへ追加する。
文字色はお好みで変更してください。

テーマによっては既に使用されているクラス名もあるかと思われるのでご注意ください。

実際の表示

文字の設定

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

文字色の設定

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

文字色(太字)の設定

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

文字背景の設定

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

背景色によっては文字の色が見えにくくなるので、あわせて文字色も変更した方がよいです。

下線の設定

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

段落の余白設定

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

改行タグ(br)を連続で使用して余白を作るような手法はHTMLの文法上NGな書き方となっています。段落タグに余白(マージン)を設定して空白を表現しましょう。段落以外にも見出しタグ(h)やdivタグにも使えます。

動画の設定

上記のdivタグで囲むことでYouTubeやニコニコ動画といった動画がレスポンシブ対応になります。
動画のレスポンシブ化については下記の記事でご紹介しています。

→ WordPressではみ出しちゃう動画をレスポンシブ対応にする方法

ボックスの設定

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

この文章はサンプルです。

上記のdivタグで囲むことで箱(ボックス)に囲むように表示できます。

まとめ

たくさん色を使えるようにしたので便利になったとは思いますが、
実際に使うのは3色程度にした方がよいでしょう。

あまりにカラフルにしてしまうと文章が読みづらくなってしまいます。
読者が読みやすく、分かりやすくするために色を変えたり文字の大きさを変更しましょう。

全部のクイックタグを表示してしまうと目的のタグが探しにくくなりますので
AddQuickTagの設定画面から使わないタグは非表示にしましょう。

関連記事

  1. 灰色のボケ
  2. MIKA☆RIKA
  3. WordPressコメント メールアドレス任意入力
  4. 鮮やかな色鉛筆
  5. ランダムでサムネイル表示
  6. こんなはずはなかった。

コメントをお待ちしております

PR

カテゴリー