[KUGA]

キタジマ様

ありがとうございます！
まずはサーバーのエラーから調査してみます。
また何かありましたらご質問させてください！

♥ 1

いいねをした人:

[KUGA]

キタジマ様

ありがとうございます。
バージョン情報、設定内容につきまして下記となります。

■各バージョン
PHP：7.4.33
Snow Monkeyテーマ： 20.5.1
Snow Monkey Blocks：19.10.1
Snow Monkey Editor：9.2.5
WordPress Popular Posts：6.1.4

■貼り付けているＰＨＰコード

add_filter(
'wpp_custom_html',
function( $popular_posts, $instance ) {
global $post;
ob_start();
?>
<ul class="c-entries c-entries--rich-media">
 	<li style="list-style-type: none;">
<ul class="c-entries c-entries--rich-media"><!--?php setup_postdata( $post ); ?-->
 	<li class="c-entries__item"><!--?php $taxonomies = get_post_taxonomies( get_the_ID() ); $_taxonomy = ! empty( $taxonomies[0] ) ? $taxonomies[0] : false; $_terms = ( $_taxonomy ) ? get_the_terms( get_the_ID(), $_taxonomy ) : []; \Framework\Helper::get_template_part( 'template-parts/loop/entry-summary', $args['_name'], array( '_entries_layout' => 'rich-media',<br ?--> '_display_author' => true,
'_display_published' => true,
'_display_item_excerpt' => true,
'_terms' => $_terms ? array( $_terms[0] ) : array(),
'_display_meta' => true,
)
);
?>&nbsp;

<!--?php <br ?--> wp_reset_postdata();
return ob_get_clean();
},
10,
2
);

`

■WordPress Popular Postsの設定情報
画像で申し訳ございません。
https://72.gigafile.nu/0801-c45a8f82dd25c022c43f77c44e4c9a9c0

♥ 0

いいねをした人: 居ません

[KUGA]

キタジマ様

ご返信ありがとうございます。
失礼いたしました。当方にて開始させて頂いたトピックは下記になります。
下記のトピックでご教示頂いたコードをそのまま張り付けたところ、上記に添付した画像のエラーが発生しておりました。

WordPress Popular Postをリッチメディア表示にする方法についてご教示頂きたいです。

このトピックには2件の返信、2人の参加者があり、最後にKUGAにより1週、 5日前に更新されました。 3件の投…

snow-monkey.2inc.org

＞また、追加したコードを消すと何もエラーはでなくなりますか？
⇒はい、追加したコードを消しますとエラーは表示されなくなりました。

>具体的にどのような CSS を追加しましたか？ こちらでも試してみたいので共有いただけると助かります。
以下のコードを追加CSSにて適応してみたのですが、反映がされませんでした。
(wordpress-popular-postsの表示状態はcardviewを指定しております。)

/*投稿タイトルの文字色を変更*/
a.wpp-post-title{
color:red!important;
}

/*cardviewの表示を縦並びから横並びに変更*/
ul.wpp-list.wpp-cardview {
display: flex!important;
}

以上となります。よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[KUGA]

追記になります。

お名前ドットコムの共用サーバー SD 11からお名前ドットコムのRSプランに変更を行い、All-in-One WP Migrationにてサイトを移行したところ、下記のような事象は発生しませんでした。

今後同じような事象になった際の参考にして頂ければと思います。

SNOWMONKEY のバージョンを20.4.1⇒20.4.2にアップデートを行うと、WordPress管理画面の「更新」「外観」「ツール⇒サイトヘルス⇒情報」などページが「Internal Server Error」ページとなってしまいます。
FTP情報からSNOWMONKEY テーマのファイルを削除し、再度管理画面で他のテーマに変更をすると同じような事象は発生しませんでした。

♥ 1

いいねをした人:

[KUGA]

キタジマ様
ありがとうございます！
ご返信頂いたコードにて、リッチメディアと同じレイアウトが再現されました。
本当にありがとうございます。

アップデートによる影響につきましては承知いたしました。
アップデート時には気を付けて対応するよう致します。
また何かございましたらご質問させて頂ければと思います。

♥ 1

いいねをした人:

[KUGA]

キタジマ様

ご回答頂きましてありがとうございます。
WordPressからのエラーメールは受信しておりませんでした。

やはり、サーバー側に何かしらの問題があるのですね。。。
一旦サーバーのプランと契約先を見直してみようと思います。

♥ 0

いいねをした人: 居ません

[KUGA]

GONSY様　キタジマ様

ご回答ありがとうございます。
JavaScriptとフック利用でやる形なんですね。
まだ詳しくは理解できていないので、自分でも調べながら実装してみたいと思います。

また何かございましたら質問させて頂ければと思います。

♥ 1

いいねをした人:

[KUGA]

GONSY様

早速のご返信ありがとうございます。
ご記載頂いたコードを追記して、背景色の設定が問題無くできました！(filterだったのですね。。)
ありがとうございます！

こちらクローズとさせて頂きます。

♥ 2

いいねをした人:

[KUGA]

GONSY様

ご連絡ありがとうございます。
失礼いたしまいした。情報下記となります。

【お使いの Snow Monkey のバージョン】バージョン: 17.2.8
【お使いの Snow Monkey Blocks のバージョン】バージョン 16.1.0
【お使いの Snow Monkey Editor のバージョン】バージョン 8.0.2
【お使いのブラウザ】Google　Chrome

また、ブロックの設定情報と、ホバー時の背景色につきまして、画像添付させて頂きました。

ご確認のほど、よろしくお願いいたします。

 

♥ 1

いいねをした人:

[KUGA]

まーちゅう様

追加の質問に関しましてありがとうございます。
原因の特定理由について、納得しました。
勉強になりました。

当方のSEOプラグインについての、知見があまりなかったです・・・

この度はありがとうございました！

クローズさせて頂きます。

♥ 1

いいねをした人:

[KUGA]

まーちゅう様
ご回答頂きましてありがとうございます！

Rank Math SEOというプラグインを使用しておりました。
まーちゅう様の仰るとおり、プラグイン内の設定で日付アーカイブを無効に設定されておりました・・・

有効に設定することで日付アーカイブが表示されるようになりました！

大変恐れ入りますが、OGPが2重に表示されていることからSEO関連のプラグインを入れている
ことを推測されたかと思うのですが、なぜSEOのプラグインで日付アーカイブを無効にしている
可能性があるというように思われたのか、理由みたいなものを教えて頂くこと可能になりますでしょうか。。。

♥ 1

いいねをした人:

[KUGA]

キタジマ様

ご返信ありがとうございます。
ご説明不足で申し訳ございません。。

今回、投稿ページと書かせて頂いた部分は「投稿一覧ページ」のことを
指しておりました。

管理画面の固定ページ一覧で見た時に、添付画像のようにしているしている
ページにたいし、フックを使用したいと考えております。

♥ 0

いいねをした人: 居ません

[KUGA]

キタジマ様

いつもお世話になっております。

ご返信が遅くなってしまい、誠に申し訳ございません。

プラグインの再インストールを行ったところ、反映がされました。
時間がかかってしまいましたが、なんとかできました、、、

今後、追加コンテンツの購入も考えたいと思います！

この度もありがとうございました！

♥ 1

いいねをした人:

[KUGA]

キタジマ様

ありがとうございました！
クローズさせて頂きます。

♥ 1

いいねをした人:

[KUGA]

キタジマ様

ご回答ありがとうございます。
ご教示頂きましたコードを追加CSSに追加したところ、画像のように、まだ少し空白が
ございました。
ただ、下記のコードを追加することで余白がなくなりました！

.c-entry__header {
  margin-bottom: 0rem!important;
}

♥ 1

いいねをした人:

[投稿者]

投稿