に書いてある作業をしただけです。
このブログはデザイン②: リストタイプを使用しています。
QooQのデフォルトの関連記事ってスマホから見ると少し見づらいです。
こんな感じでスマートなんですが、左揃えなので見栄えが悪い感じ。
画像も丸じゃなくて四角のがいいな。
画像も丸じゃなくて四角のがいいな。
こんな感じに変身させよう。
２．テーマからHTMLを編集
/* 関連記事 */ の所(#mrp-wrapper から .mrp-post-link まで)のコードを丸ごと以下のコードと入れ替えます。
私はコメントアウトしました。（*/を移動する）
３．サムネ画像がボヤけるのでスクリプトを書き加える。
/* 関連記事 */ の所(#mrp-wrapper から .mrp-post-link まで)のコードを丸ごと以下のコードと入れ替えます。
私はコメントアウトしました。（*/を移動する）
３．サムネ画像がボヤけるのでスクリプトを書き加える。
n.media$thumbnail.url の後ろに
.replace(/\/s[0-9]+-.*\//, "/s300/").replace(/=s[0-9]+-.*$/, "=s300")
を挿入します。
完成！
完成！
0 件のコメント:
コメントを投稿