構造化データにエラーがあるよと言われる
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(ルクセリタス) 吹き出しの作り方と横幅を文字の長さに合わせるカスタマイズ方法
Luxeritasで作れる吹き出しのサンプル 以下のサンプルはカスタマイズ前のも ...
新着記事を投稿順ではなく更新順に表示する
2018.06.24 CSSにスペルの誤りが見つかりました。コピーしてお使いの方 ...
ol のリスト表示の正しい書き方とスタイルのカスタマイズ
過去記事をリライトしていると、箇条書きで連番数字を振っているものの中に、さらに連 ...
ディスカッション
コメント一覧
まだ、コメントがありません