Web制作00B!0011便利なんだけどイマイチ見た目がよくない、Jetpackの人気記事。PHPとCSSをコピペして、見やすく&おしゃれにしちゃいましょう。ビフォーアフターはこんな感じ。ビフォーは、サムネイル画像は小さいし、上下の記事との区切りが明確でなくタイトルも分かりづらいです。高負荷なプラグインを減らしてJetpackに集約しよう事前準備・Jetpackの「人気の投稿とページ」ウィジェットを有効化するまず、Jetpackの追加サイドバーウィジェットを有効化します。追加サイドバーウィジェットという名前ですが、サイドバー以外でも使えます。手順は追加ウィジェットの有効化手順をご覧ください。ウィジェットで、人気の投稿とページウィジェットをどこでもいいので追加します。表示形式で画像リストを選択します。このページに記載されているコードは、画像リストのデザインを改変するためのコードです。人気の投稿とページプラグインはJetpackの統計情報を利用します。無効化されている場合は有効化しておきましょう。functions.phpに以下のコードをコピペして、サムネイル画像を大きく出力させるようにします。100という数値は画像サイズ(px)です。ご希望のサイズに合わせてお好きに変更してください。style.cssに以下のコードをコピペします。ease-in-out;}自己満足かもしれませんが、すっごいこだわったところがあるんです。マウスオンしたときの挙動とリンクの位置です。画像は、マウスオンした時の状態。いうちょっとしたストレスを無くすことができます。Postを代表する人気記事プラグインは、WordPressでブログを運営しているほとんどの人が設置しているかと思います。Postはアクセスがある度に、カウントデータを自サイトのデータベースに書き込む仕様。対してJetpackの人気記事は統計情報のデータを用いています。これは外部のデータベース(wordpress.com)からデータを呼び出しているんです。自サイトのデータベースを圧迫することなく、人気記事が作成できるならそのほうが良いですよね。プラグインをインストールすればするほど、読み込むものが余計に増え、サイトの表示速度が低下します。Jetpackは様々な機能を盛り込んだプラグイン。これで解決できるのであれば、それに越したことはありません。Jetpackの人気記事プラグインは、見た目が良くないのが難点でした。Jetpackの設定項目が分かりにくい人には旧タイプの一覧リストがあるよ!WordPressプラグインのJetpack。...WordPressで投稿ナビゲーションという表記を非表示にする方法こんにちは、とみーです。...Jetpack共有ボタンに丸いLINEアイコンを追加する方法こんにちは、とみーです。日本語】こんにちは、とみーです。いつも当ブログをご覧いただき、ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。増えていく充電器...100均グッズでまとめてすっきりコンパクトに!窓枠を塗装してみた。使い心地も抜群でコスパ最強!【AviUtl】一瞬強く光る文字(発光の使い方サンプル)【結婚式のムービーで使えるテクニック】サーバーお借りしています。