構造化データにエラーがあるよと言われる
CSS, Recent Posts Widget Extended, 固定ページ
Search Consoleに「エラーが発生」と表示される
(ー’`ー;)ムムッ
ページのURLが「/」というのは、トップページのことです。
また固定ページで作ったトップページなのね、やっぱりw
そうでしょう、そうでしょう、何か言われると思っていました。
エラー タイプ updated がありません
つまり記事の公開日の記載がありませんよってことなんだと思います。
確かに、公開日も更新日も非表示になっていました。
でも、上の箇所にチェックを入れても、このプラグインのfunctions.phpを見ると、updated って構造にはならないんだよね。
<time class="rpwe-time published" datetime="2018-01-26T21:21:27+00:00">2018年1月26日</time>
なので、独断でプラグインのfunctions.phpを書き換えてみることにしました。
177行目のrpwe-time publishedを
$html .= '<time class="rpwe-time published" datetime="' . esc_html( get_the_date( 'c' ) ) . '">' . esc_html( $date ) . '</time>';
entry-date updatedに
$html .= '<time class="entry-date updated" datetime="' . esc_html( get_the_date( 'c' ) ) . '">' . esc_html( $date ) . '</time>';
それでこんな構造にしました
<time class="entry-date updated" datetime="2018-02-13T11:32:44+00:00">2018-02-13 11:32</time>
表示を整えるためのCSS(なんだけどpl-10389って数字のIDはサイトによって異なるの?わかんなーいw)
なんかもっといい書き方があるのかもしれません><
.updatedだけでCSSを書き変えちゃうと、いろんなところにある日付表示のデザインが変わっちゃうので・・・
いろいろ書いてみたけど、これだとうまくいったので採用しましたww
/* rpwe更新日時 */
#pl-10389 .updated {
color: #bbb;
font-size: 11px;
display:none; /* 非表示にするときはこれを追加 */
}
updatedについてはこれで様子を見たいと思います。
エラー タイプ entry-title がありません
つまり記事のタイトルがありませんよってことかな?
これも独断でプラグインのfunctions.phpの170行目のrpwe-titleって箇所を書き換えました。
これを
$html .= '<h3 class="rpwe-title"><a href="' . esc_url( get_permalink() ) . '" title="' . sprintf( esc_attr__( 'Permalink to %s', 'recent-posts-widget-extended' ), the_title_attribute( 'echo=0' ) ) . '" rel="bookmark">' . esc_attr( get_the_title() ) . '</a></h3>';
こんな感じに
$html .= '<h4 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" title="' . sprintf( esc_attr__( 'Permalink to %s', 'recent-posts-widget-extended' ), the_title_attribute( 'echo=0' ) ) . '" rel="bookmark">' . esc_attr( get_the_title() ) . '</a></h4>';
h3がh4になっているのは、トップページやサイドバーでh3の下にh3が来ていたのを修正するため。
それに伴い
これを
.rpwe-block h3{
background: none ;
clear: none;
margin-bottom: 5px;
margin-top: 0 ;
font-weight: 400;
font-size: 12px ;
line-height:16px;
border-left:none;
}
h4を追加してこれに(プラグインの更新で書きかえられてもいいように)
.rpwe-block h3, .rpwe-block h4{
background: none ;
clear: none;
margin-bottom: 5px;
margin-top: 0 ;
font-weight: 400;
font-size: 12px ;
line-height:16px;
border-left:none;
}
それにentry-title用のCSSも追加しました
h4.entry-title {
text-decoration: none;
color:#4169e1;
}
entry-titleについてはこれで様子を見たいと思います。
あとがき
一応、変更した箇所は漏らさず書いたつもり、なのですが、いかんせんその筋に詳しくないので、あくまで自己流です。
今回も、パソコンではうまくいっても、モバイル表示にすると文字が重なって見苦しくなって、没になることが何度もありました。
今日はバレンタインデー、トップページの画像だけでも雰囲気を味わおうと思うのでした。
Googleさんまでこんな風になってるから♡
それにしても、こんなにプラグインのfunctions.phpを触っちゃったので、もしアップデートがあった時は気をつけないといけません><
うっかり更新~~なんてしちゃったら、表示が狂っちゃうぞ。
皆さんもどうぞお気をつけて~~~
関連記事
Luxeritas(ルクセリタス)でページネーションをカスタマイズする
記事の一覧が複数ページにまたがる時、一覧下にはページを移動するためのボタンが表示 ...
ルクセリタスでカード型一覧表示の見た目をカスタマイズする
今回は、ルクセリタスの記事の一覧表示として選択できる「カード型」の見た目をプチカ ...
WordPressで月別アーカイブの表示を年ごとに展開(アコーディオン)方式にする
月別アーカイブの一覧を年ごとに展開方式にする 変更前 変更後 変更手順 プラグイ ...
Luxeritas(ルクセリタス)で記事下ウィジェットを固定ページに表示しない方法
テーマLuxeritas(ルクセリタス)には、さまざまなウィジェットが用意されて ...
WordPressで記事を書く時に使える「参考」や「リンク」や「設定」などのバッヂを色違いで作る
WordPressで記事を書くときに、ただ文字を並べるだけより、ちょっとしたアク ...
ディスカッション
コメント一覧
まだ、コメントがありません