AFFINGERカスタマイズ

クラシックランキングパーツが表示されなくて困っている方へ【AFFINGER6】

クラシックエディターランキングパーツ不備の対処法

「AFFINGER6のバージョン: 20231001」のUPデートからクラシックエディターのランキングパーツが表示されなくなってしまいました。

 

AFFINGER6は、まだまだクラシックエディター使いのためのパーツを用意しておいてくれている優しいテーマ。

とはいえ、現在はブロックエディターが主流なので、少数派のクラシックエディターパーツがあんまり重要視されなくなってしまったようです。

 

自分は、どうしてもAFFINGER6でクラシックエディターを使いたい派。

そこで、自分でクラシックエディターのランキングパーツを再設定してみました。

自分のように「どうしてもAFFINGER6でクラシックエディターを使いたい派」の方は、再設定してみてください。

今回は、再設定の方法を記事にします。

 

クラシックエディターのランキングパーツが表示されなくなった

  • 自分で簡単に再設定可能です!

[AFFINGER6-クラシックエディター]のランキングパーツを再設定する

まずは、ランキング画像を再設定します。

step
1
下記ボタンから「ランキング画像セット」をダウンロード

そこで、下記ダウンロードボタンから「ランキング画像セット」をダウンロードしてください。

↓画像内容はこちら↓

ランキングパーツ

step
2
「メデイア」にランキング画像を追加

「ランキング画像セット」のダウンロードが終わったら、ZIPファイルを解凍して、各ランキング画像を(写真をアップロードするように)「メデイア」に追加します。

 

step
3
各ランキング画像のURLをメモしておく

画像のURLをコピペ

「メデイア」にランキング画像を追加したら、4種類のランキング画像のURLをコピペで(ワードやテキストエディットに)メモしておきます。

(※1位・2位・3位・4位以下のURLが後で分かるようにコピペしておきます。)

参考

内部リンクは省略できる

内部リンクは省略できます。

自分のドメイン名部分(のんどりデザインのブログであれば「https://nondori.com」部分が省略できます。)

省力しても、しなくてもOK。

自分はコードが長くなるので、省略しています。

 

step
4
下記コードをコピーする

下記コードをコピーします↓

 

step
5
カスタマイズの「追加CSS」を開く

追加CSSの場所

左ワードプレスメニューの「外観」→「カスタマイズ」→「追加CSS」を開く。

 

step
6
追加CSSにコピーしたコードをペーストする

追加CSSにコードを書き足す

追加CSS項目の一番下にさきほどコピーしたコードをペーストします。

ココに注意

他のコードが書かれている場合はそれを消さずに、追加で一番下に書き足します。

 

step
7
コピペしたコードの一部を書き換える

画像URLをコードに入れる

先に用意しておいた、「1位」・「2位」・「3位」・「4位以下」のURLをコピーして「background-image:url(ここに○位のURLをペースト);」の( )内に各URLを間違わないようにペーストします。

(「1位」の場所に1位のURLをコピペしてください。「2位」・「3位」・「4位以下」も各URLを各場所にコピペします。)

 

step
8
追加CSSの一番上の「公開」ボタンを押したら完了

公開ボタンで完了

全て作業が完了したら、「追加CSS」の一番上の「公開」ボタンを押したら完了です。

 

後は、間違ったURLをコピペしていないか確認してください。

(1位のURLは1位の場所にコピペ・・・。です。)

間違ってしまった場合は、再度1位・2位・3位・4位以下のURLをコピペすれば大丈夫です。

 

簡単なので再設定してみてください!

 

関連記事


TOPページに戻る

-AFFINGERカスタマイズ