WordPressテーマSANGOの質問

最近の投稿のアイキャッチの画像とタイトルが横並びのところを縦にしたい

けい

2020/05/26

お世話になっています。

現在ワードプレスのサイドバーのカスタマイズで苦戦しております。

デフォルトのサイドバーの最近の投稿は左に小さな正方形の画像、その右側にタイトルが書かれているかと思います。これを上に画像、下にタイトルのような形にしたいと考えています。（画像を正方形ではなく横長の長方形にしたいため。）

どのようにしたらいいのか教えていただけますでしょうか？
よろしくお願いいたします。

カスタマイザーでデザインや細かな設定をしよう

コメントへの回答

サルワカくん

2020/05/27

お世話になっております。
ウィジェットのHTML構造も含めたカスタマイズはPHPのクラスで書くことになるため、中〜上級者向けの内容になります。
ある程度知識がないと難しいと思われます。
具体的にはlibrary/functions/widget-settings.phpにかかれているMy_Recent_Posts_Widgetというクラスの読み込みを停止し、ご自身で作り直したクラスを読み込ませることになります。

ご自身でカスタマイズしたウィジェットクラスを作り、登録をします。

/* 新しい最新の投稿のクラス */
class 好きなクラス名 extends WP_Widget_Recent_Posts {
  public function widget($args, $instance) {
    /* My_Recent_Posts_Widgetを参考に書く */
  }
}
/* WPデフォルトのクラスを停止し、作ったクラスを読み込ませる */
function add_my_custom_widget() {
  unregister_widget('WP_Widget_Recent_Posts');
  register_widget('好きなクラス名');
}
add_action('widgets_init', 'add_my_custom_widget');

また、以下のようにしてSANGOの最新の投稿用のクラスの読み込みは停止しておきます。

/* SANGOのクラスを停止 */
function remove_sango_widget() {
  remove_action('widgets_init', 'sng_add_img_to_recent_posts');
}
add_action('after_setup_theme','remove_sango_widget');

よろしくお願いします。