【THE THOR カスタマイズ】ワードプレスで吹き出し画像を固定する方法

THE THORがバージョンアップ1.4.0を公開しました。
記事投稿の「吹き出し」について更新があったので紹介したいと思います。

吹き出しの画像を固定化できないのか?という人にとっては有意義な記事となります。

THE THORのバージョンアップ1.4.0の内容

まずはどのようなバージョンアップがあったのか一覧を見てみたいと思います。

以下は公式のリリース情報です。

バージョン1.4.0では、下記の修正・機能追加がされました。

修正・機能追加リスト

  1. 最新記事のmeta robot情報がTOPページへ反映される不具合を修正
  2. ビジュアルエディタの「プリセットパーツ│吹き出し」のデフォルト画像を変更できる機能を追加
  3. サイトマップページの固定/投稿セクションの見出しを自由に変更できる機能を追加
  4. 記事詳細ページの広告背景を無効にできる機能と「広告」の表記を変更できる機能を追加
  5. 【上級者向け】定義済の関数をオーバーライドできるように設定「fit_footer_scripts()」「fit_head()」
  6. ビジュアルエディタの「スタイル│マーカー」によく使うマーカー機能を追加

 

01.最新記事のmeta robot情報がTOPページへ反映される不具合を修正

TOPページで投稿一覧を表示している時に、最新の記事に何らかのmeta robot情報があると、それがそのままTOPページにも反映されてしまう不具合がありましたので修正いたしました。

 

02.ビジュアルエディタの「プリセットパーツ│吹き出し」のデフォルト画像を変更できる機能を追加

プリセットパーツ吹き出しの画像部分のデフォルトイメージを、ユーザーが自由に変更できるようにカスタマずしました。

 

03.WP5.0搭載ブロックエディター(Gutenberg)での一部スタイル適用

サイトマップページの見出しは「固定ページ」「投稿ページ」となっていましたが、これを自由に「食べ物のページ」などのようにユーザーが自由に変更できるように機能を追加しました。

 

04.記事詳細ページの広告背景を無効にできる機能と「広告」の表記を変更できる機能を追加

記事詳細ページで広告を表示する時(ダブルレクタングル広告も)には必ず、斜線の背景がデフォルトで表示されるようになっていましたが、これを無効化できるようにしました。

 

05.【上級者向け】定義済の関数をオーバーライドできるように設定「fit_footer_scripts()」「fit_head()」

「fit_footer_scripts()」と「fit_head()」は、子テーマのfunctionファイルでも編集したいということがあるはずなので、オーバーライドできるように設定しました。

 

06.ビジュアルエディタの「スタイル│マーカー」によく使うマーカー機能を追加

よく使うマーカーを簡単に呼び出せるようにカスタマずしました。

 

以前からサポートフォーラムでは、プリセットパーツ吹き出しの仕様についてボロクソに言われていましたね。。。

  • デフォルトの画像の変更方法がわからない
  • 任意の画像に固定できないのか?
  • 透過画像を使うとデフォルトの犬猫の上にかぶさって犬猫も同時に表示される

それが今回の1.4.0のアップデートで画像の固定化ができるようになったようです。

 


広告

アップデート前の吹き出しの仕様

今までの仕様は「プリセットパーツ」→「吹き出し」 から選ぶとデフォルトで以下のような吹き出しが表示されます。

左側の吹き出しは猫がデフォルトの画像として出てきます。

右側の吹き出しは犬がデフォルトの画像として出てきます。

 

親テーマのstyle.cssを確認するとデフォルトで表示している画像ファイルを確認できた。

 

あかつき
ここをメディアの中の画像パスに変更したらデフォルト画像変更いけんじゃね?

 

パスを変更してみたのですができませんでした。
おそらく img/ 配下に画像を配置できないと読み込めない仕様になってるのではないかと思います。
FTPでimg配下を探したのですが、ディレクトリが見当たらなかったので断念しました。

 

アップデート後の吹き出しの仕様

「外観」→「カスタマイズ」→「パーツスタイル[THE]」→「吹き出し(個別ページ用)」へ進みます。

今まで存在してなかった画像の固定設定が追加されていました。

 

「メディア」にある画像から、常に利用したい吹き出し画像を選択できます。

 

実際に設定してみたところ、記事編集画面の状態ではいつもと変化なく「猫」が表示されています。

 

プレビューで確認してみると・・・
記事編集画面の猫ではなく、設定した画像が表示されているのが確認できました!!
※わかりやすくするために背景ボーダーの吹き出しにしてます。

Name
コメント

 

ただ、固定できるようになったのは画像だけです。
名前やコメント文字を固定する設定はなかったので、毎回設定する必要があります。


広告

まとめ

いかがでしたでしょうか?

まだいろいろと思うところはありますが、とりあえずデフォルトの画像を固定化できるようになっただけでも、快適さがグンッと上がりました。
今回の件は、サポートフォーラムでかなり言われていた内容だったので、公式も対応せざるを得ない状況だったのでしょうね。

もっともっと不便だとユーザが思っているところが改善されればとても嬉しい限りです!!

当サイト利用の有料Wordpressテーマ「THETHOR(ザ・トール)」

SEOや集客に非常に強いのが売りのテーマで、画像圧縮・ブラウザキャッシュなどサイト読み込みの表示速度改善機能が最初から備わっています。
モバイルファーストを意識したPWAやAMPにも標準対応しているため、モバイルユーザの集客にはピッタリです。
このようにSEO対策がしっかりしているため、SEO系プラグインも不要でサイトの負荷も抑えられます。

広告設定、おしゃれなデザイン設定、タグの一元管理など便利な機能が詰め込まれていますが、初心者には難しいcssのカスタマイズは一切不要で実現可能なところも満足すること間違いなしです。

  • これからブログで収益を上げていきたい
  • 今よりもっと収益を上げたい

このような考えの人こそ、絶対導入して損のないテーマが「THETHOR(ザ・トール)」です。