ワードプレスに蛍光ペン風アンダーラインを引けるようにしました。

現在ワードプレスブログをカスタマイズ中です。

始めたばかりなのでわからないことが多いですが、少しずつ慣れていこうと思います。

グローバルメニューを設置。

ヘッダーとフッターにグローバルメニューを設置しました。

ブログの一番上と一番下のほうにある、横並びのカテゴリーメニューです。

やり方は、管理画面の「外観」→「メニュー」からできます。

このように→蛍光ペン風アンダーラインを引けるようにしました。

ググるとやり方がいっぱいあって、次の３つの方法で迷いました。

１の方法は簡単で、しかもアニメーションもついていてとてもいいのですが、クラッシックエディタには対応していないみたいなので今回は見送りました。新エディタ（グーテンベルク）にしたらこっちのやり方にしようと思います。

２の方法は簡単なのですが、マーカーがアンダーラインではなく文字全体に引かれてしまうのでやめました。

３の方法は、ワードプレスにCSSを追加する方法を学べるし、便利なプラグイン「AddQuicktag」のやり方も学べる。ワードプレスの勉強には持ってこいだったので、３の方法にしました。

参考にしたのはこちらのサイト↓

このサイトの「見出し２」のやり方です。

ただし、つまずいた点もあったので以下に書きます。

CSSのコードを貼り付ける場所が、「外観」→「テーマ」→「テーマの編集（テーマエディタ）」ではなぜか反映されませんでした。

そこで、「外観」→「カスタマイズ」→「追加CSS」に貼り付けたら反映されました。

「設定」→「AddQuidktag」からAddQuidktagの設定をするのですが、その際の開始タグと終了タグの部分をコピペする場合は注意です。

strong class=”pink_line”の「”」の記号がコピペだと微妙に違っていたりするので、そうすると反映されません。

手入力したほうが無難かもしれません。

プラグイン「AddQuidktag」をインストールし有効にしたのに、エディタに表示されません。

調べると、ツールバーのこのアイコンをクリックすると表示されることがわかりました↓

このAddQuidktagを使った蛍光ペン風アンダーラインを引くやり方はとても便利ですよ。ピンク色マーカー、水色マーカー、黄色マーカーなどが簡単に引けます。

今回は以上です。