Fancier Author Boxのh4出力を止める方法を教えてもらいました。TOCプラグインとの問題も解消! 

Fancier Author Boxのh4出力を止める方法を教えてもらいました。TOCプラグインとの問題も解消! 

やあ、Fancier Author Boxフリーク諸君。

TOCプラグインで目次がおかしなことになってないかい?
それってFancier Author Boxが原因らしいよ。

どうやって直すのかって?

今回はそれを教えてもらったよ。
素人のぼくでもわかるから大丈夫。


 

ども、PHPとかよくわからないシゲ(@piece_hairworks)です。

記事の上・下に自分のプロフィールを自動挿入してくれるプラグイン「Fancier Author Box」。便利なプラグインで、個性的に文末を彩ってくれるのでずっと使っています。
▼紹介記事はこちら
ブログプロフィールを記事下に!Fancier Author Boxが見栄え良くてオススメ!

先日ブログカスタマイズをした記事を書いた時に「目次の構造がおかしいよ」とアドバイスをもらいました。その原因がこのFancier Author Boxにあるということでした。

うーん…正直プラグインの設定でもともとなってるもので、自分では変えられなかった。しかもhタグが出力されてるのもなぜなのか自分ではわからず、それをどうにかすることもできない。 ▼こんな感じになっちゃうんです。(僕のブログは治っちゃったので画像は大好きなもり風呂から♡) スクリーンショット 2015-08-27 8.38.54 かといってこのFancier Author Boxは外せない。 構造上おかしくてもこのままで行こうか…なんて思ってたら、こんな嬉しいtweetが。

ダイブロのdaiさん(@dairexia)だ。颯爽と現れていきなりこんなdaiサービスでいいのだろうか。途方に暮れていた僕としては、詳しい人がいるなら教えてもらいたいところ。申し訳ないと思いながらも、祈る気持ちで待っていました…。

すると。

daiさんに教えてもらったやり方なら、簡単にFancier Author Boxのhタグ出力を止めることができました。これでTOCプラグインがおかしなことになるのを防ぐことができます。

Fancier Author Box利用者で気になってる人も多いと思いますので、今回はそのやり方をシェアしたいと思います。

Avatar image
ワイフ
無事に治ったの?
Avatar image
シゲ
なんとかね。daiさん様様だよ。
Avatar image
偶然の産物
わかりやすく書いてくれてますもんね。

Fancier Author Boxプラグインを編集する

プラグインの編集はかなりの危険が伴うので、必ずバックアップをとっておいた方がいいです。(といいつつ僕はdaiさんを信じてバックアップとらなかったですけど)

ここからは、phpというファイルを編集していきます。

あらかじめバックアップをとっておき、いつでも戻せるようにしておくことをおすすめします。

また、phpを編集するソフトは何でも構いませんが、行数のわかるものの方がアドバイスがしやすいです。お持ちでなければ、フリーのphpエディタがあるので こちらをダウンロードされるのをおすすめします☆

phpエディタ

▼まずはWordPressの管理画面から【プラグイン】→Fancier Author Boxの【編集】をクリック。

スクリーンショット 2015-08-27 8.08.59

▼続いてプラグインがFancier Author Boxなのを確認したら、右のプラグインファイルから「ts-fab-construct-tabs.php」を選択します。

スクリーンショット 2015-08-27 8.13.34

▼すると「ts-fab-construct-tabs.php」のファイルの中身が表示されます。ここを編集していきます。難しそうですが、僕でもできたので大丈夫でしょう。

スクリーンショット 2015-08-27 8.17.24

ではどこをどう編集したらいいのでしょう?

ファイルの中の「h4」を「span」に変更する

▼daiさんが指示した変更点は以下のものでした。

修正すべき点は3ヶ所あります。

①146行目 行数がわからない場合は、ファイル内を

で検索してみてください。

<修正前>

<修正後>

 

 

②148行目

行数がわからない場合は、ファイル内を

で検索してみてください。

<修正前>

<修正後>

③316行目

行数がわからない場合は、ファイル内を

で検索してみてください。

<修正前>

<修正後>

以上で修正は終了です!

最後に、ちゃんとphpファイルを上書き保存したらOK! (・ω<) 実際にアップしてみて、 目次のところが直っていれば無事解決です~!

Avatar image
ワイフ
な、なにこれ?暗号?
Avatar image
シゲ
きっとコードがわからない人なら誰もがそう思っただろう。僕も最初はチンプンカンプンだった。
Avatar image
偶然の産物
これはなにを指示してるんですか?

▼そのあとの説明書きに答えがあった。

【結局何をやったの?】

さっきの説明通り、自動的にhタグを作るようになっていたので、 その「h4」の部分を「span」という別のタグに書き換えました!

これで、問題の箇所は直るはずです。 (最後はspanの入れ子にしていますが問題はありません。)

つまりファイルの中の「h4」の部分を「span」に変えればオッケー。でもそれを探すのは大変です。

▼そんな時は「command+F」を押して検索すれば、簡単に探してるコードを探す事ができます。これがないと見つける頃にはヒゲがボーボーになってしまってるところでした。(Windowsでは「Ctrl+F」だそうです)

スクリーンショット 2015-08-27 8.17.49-1

▼ここに「h4」と打ち込みます。すると「h4」がでてきます。あ、ちなみに僕のは直したあとなので出てきてません。

スクリーンショット 2015-08-27 8.18.38

▼逆に「span」と打ち込むとこんな感じでspanだけ浮き上がって出てきます。これなら簡単に狙ったコードを書き換える事ができます。ヒゲも無精ヒゲ程度ですみます。

スクリーンショット 2015-08-27 8.19.07

この検索から出てきた「h4」の部分を「span」に変更する事で、h4出力を止める事が出来るようになるみたいです。終わったら「ファイルを更新」を押して、TOCの目次を確認してみましょう。

※それ以外の部分は触らない方がいいです。大変な事になったりとかします。

スクリーンショット 2015-08-27 10.43.28

どう変わったか確認してみましょう。

編集し終わったらTOCの表示を確認してみる

▼いじる前はこんな感じだったTOCの目次。(またもり風呂♡)

スクリーンショット 2015-08-27 8.38.54

▼プラグインを編集すると見事に無くなってました!(こっちは当ブログ)

スクリーンショット 2015-08-27 8.19.41

これでGoogleさんにちゃんとした構成だという事が、きちんと伝えられるようになったのではないでしょうか?

Avatar image
ワイフ
それってどういう事なの?
Avatar image
シゲ
Webでの検索結果に影響が出たりするらしい。詳しい事はわからないけど。
Avatar image
偶然の産物
見た目もこの方が読者に優しいですもんね。

アドバイスをくれた方々に感謝

コードの事なのでお手上げでしたが、詳しい人に力を貸してもらえたので本当に助かりました。前回のブログカスタマイズの記事の時もそうですが「餅は餅屋」が一番ですね。

まろさん、daiさんアドバイスや解決策ありがとうございました( ^ω^ )

シゲのあとがき。

僕のような初心者には難しくてリスクの高いプラグインの編集。詳しい人の力添えがなければ、きっと乗り越えられなかったと思います。

改めて僕の周りにはすごい人がたくさんいるんだなと実感しました。

Avatar image
ワイフ
美容師なんだから美容師で頑張りなよ。
Avatar image
シゲ
僕はヒマな美容師だから大丈夫。
Avatar image
偶然の産物
それってダメな美容師じゃないか…。

もしFancier Author Boxを使っていて、TOCで同じような症状が出ている人がいたら参考になればと思います。

今回もまた一つ勉強になりました。

ははは、じゃあねー!( ´ ▽ ` )ノ

この記事が気に入ったら
『いいね!』してね

Twitter でシゲを

Sponsored Link

コメント & トラックバック

  • Comments ( 0 )
  • Trackbacks ( 3 )

コメントはまだありません。

  1. […] Fancier Author Boxのh4出力を止める方法を教えてもらいました。TOCプラグインとの問題も解消!  […]

  2. […] 「Fancier Author Box」からの編集になるのですが、プラグイン「Table of Contents Plus」を使っている方は「Fancier Author Box」を有効にすると「Table of Contents Plus」にhタグの関係で支障が出る場合があるようです。ちなみに僕は「Table of Contents Plus」使っていませんがとりあえず後で使うかも知れませんので変更しときます(´ω';) 参考 Fancier Author Boxのh4出力を止める方法を教えてもらいました。TOCプラグイン… […]

  3. […] Fancier Author Boxのh4出力を止める方法を教えてもらいました。TOCプラグインとの問題も解消!|ピスログ […]

コメントをどうぞ!

*
*
* (公開されません)