CSS Flexboxで実装されたマンガのコマ割り風にデザインされたレスポンシブ対応のレイアウト
CSS Flexboxで実装されたマンガのコマ割り風にデザインされたカード型レイアウトを紹介します。しかもレスポンシブ対応で、スクリプトは使用されていません。 マンガだとコマの位置に意味があるので、変化してしまうのはダメですが、カード型レイアウトにコマ割り風のデザインを適用と考えるといろいろと使えそうです。 コマ割り風レイアウトの実装 実装はシンプルです。 HTML 各カードは「<div class="panel"></div>」で実装されており、その中に画像やテキストや吹き出しを自由に配置できます。 <article class="comic"> <div class="panel"> <p class="text top-left">Suddenly...</p> <p class="text bottom-right">...something amazing happened</p
サーチコンソール「entry-title」「updated」「author」構造化データエラーの対処方法 - ネットで稼ぐスキルを身に付けて独立を実現させる
サーチコンソールの「検査での見え方」-「構造化データ」の部分にエラーが増えてきていました。 今まで気が付かなかったですし、ひまとまずこのままの状態でも特に問題はなかったのですが、やはりエラーは気持ちのいいものではないので、このエラーをなくすための処置を施しました。 ここではそのやり方を解説します。 entry-title、updated、authorがありませんエラー「hentry」のエラーの詳細としては、 entry-title がありませんauthor がありませんupdated がありませんというものです。 これはページのHTML内にこれらのClassが含まれていないことで発生しています。 最新のテンプレートであったり、構造化データに対応しているテンプレートであれば、これらのエラーは表示されないのですが、それ以外であればエラーが発生してしまいます。 なので、ないものについては追加して
ウェブマスターツールで「hentry（マークアップ: microformats.org）」構造化データエラーが出たときの対策方法
昨日ウェブマスターツールを眺めていました。 そして何となく、メニューの「検索のデザイン→構造化データ」を開いてみました。 すると、hentry構造化データのエラーという、何だかよくわからないエラーが出ていました。 hentry構造化データのエラー エラー発生グラフなどをみてみるとどうやら、このブログを始めた頃から、hentry構造化データのエラーが出ていたようです。 hentryという構造化データにエラーが出ています。 構造化データといえば、パンくずリストにも使用していますが、それはOKなようです。 で、気になったので詳細ページを開いて見ました。それがこちら。 どうやら、Wordpressの記事ページ（single.php）のところに問題があるようです。エラーが出ているページのURLは、すべて記事ページです。 ただ、構造化データのエラーが出ているからといって、SEO的に悪い評価がされるわけ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
