超簡単3分で完了。マナブログ風チェックマークの作り方。AddQuicktagで使える。

ブログ運営

 

マナブログのチェックマークを使いたいけどどうしたらいいかわからん!

 

この悩みを解決します。

あなたが欲しいのはこれ↓ですよね?

本記事の内容

チェックマークはどこに行ったら手に入るのかわからないし、他の記事で作り方を見てもいちいちテキストページにコピペして作るので面倒なと思っていました。

それでも諦めきれずに2時間もかけて↓

本記事の内容

を簡単に呼び出す方法が出来上がったので使ってみてください。

やることは2つです。

  1. CSSに追加コードを入れる
  2. AddQuicktagにコードを入れる

以上2ステップです。3分でできるのでやってみましょう。

ちなみにテーマはCOCOONです。他のテーマでは試したことがないのでご了承ください。

1.追加CSSにコードを入れる

CSSって何?って感じですよね。

正直いって私もよくわかりません。

ですが、 本記事の内容

を手に入れるには避けては通れない道です。

なので黙って作業を続けてください。

追加CSSに
.my-skyblue {color: #6c9fce;}

をコピペします。

追加CSSの場所は

外観→カスタマイズ→追加CSSです。

追加CSSの1番下に上記のコードをコピペして「公開」を押してください。

2.AddQuicktagにコードを入れる

追加CSSにコードのコピペが終わったらAddQuicktagに別のコードをコピぺします。

開始タグに

<i class="fas fa-check my-skyblue "></i> <span style="font-size: 120%;"><span class="huto">

終了タグに

</span></span>

を記入し、ラベルはチェックマークとしておき、保存をクリック。

そうするとAddQuicktagにチェックマークが表示され

本記事の内容

補足事項

好き放題マナブログのチェックマークが使えるようになります。

プラグインのAddQuicktagをインストールしてない方は、インストールが先になります。

AddQuicktag
AddQuicktag は HTML エディター・ビジュアルエディターへのクイックタグの追加を容易にします。

まとめ

CSSにコードをコピペしたりするので、どうしても不安な方はやらない方がいいと思います。

私はプログラミング未経験者ですが、できたのであなたにもできると思います。

コメント

タイトルとURLをコピーしました