THOR(ザ・トール)を使って構築しています。人気の投稿とページ(Jetpack)」のカスタマイズについてまとめてみました。[THE]人気記事】が標準で用意されています。[THE]人気記事】を使うことで、簡単に人気記事ランキングを設置することが可能です。[THE]人気記事】の不満なところとして、対象となる記事の集計単位が全期間と言うことです。全期間の記事に対しての人気記事ランキングなので、長い期間ブログを続けていればいるほどリアルタイムとしての人気記事が曖昧になります。(Jetpack)】を使ってZMASAa.blogに人気記事ランキングを設置しています。(Jetpack)】を使う事ができます。(Jetpack)】のデフォルトの集計単位は24~48時間以内の統計情報を元に算出されているのですが、自分の場合は1ヶ月(30日間)に変更しています。人気記事ランキング(Jetpack)のカスタマイズ」の記事を掲載しています。(Jetpack)」に変更して、集計期間や表示に関するカスタマイズを行ってみました。masaa.net2019.07.03このカスタマイズにより現在の人気記事ランキングの表示は次の通りとなります。今回はこの人気記事ランキングの表示を、更に見栄えの良いようにカスタマイズしてみました。(Jetpack)】のカスタマイズを行います。(Jetpack)】の集計単位のカスタマイズは、下記の通りです。the-thor-childフォルダ内の「functions.php」を開き、今回のカスタマイズ内容を追記します。人気記事ランキング(Jetpack)のカスタマイズ」内でも「functions.php」に追記していますので、以前のカスタマイズを行っている場合は同じソース部分を上書きしてください。次に、「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。人気記事ランキング(Jetpack)のカスタマイズ」内でも「スタイルシート(style-user.css)」に追記していますので、以前のカスタマイズを行っている場合は同じソース部分を上書きしてください。引き続き、「スタイルシート(style-user.css)」に今回のカスタマイズ内容を追記します。/*ランキング位置調整*/}この部分は今回新規作成したものなので、「スタイルシート(style-user.css)」の一番下に今回のカスタマイズ内容を追記する形でOKです。人気記事ランキング(Jetpack)今回のカスタマイズによって、人気記事ランキングは次のようになりました。人気記事順位の数を表示アイキャッチ画像をスクエア表示からワイド表示に変更アイキャッチ画像にシャドー(影)を追加タイトルを強調文字に変更タイトルのフォントサイズ調整iPad表示調整となります。最後にこれまで人気記事順位の数の表示が無かったのとアイキャッチ画像がワイド表示でなかったのが気になっていたのですが、ようやく重い腰を上げてカスタマイズしてみました。その甲斐あって満足できる人気記事ランキングが出来上がったと思います。カテゴリーで使われているアイコンは、親カテゴリー、子カテゴリー共に丸いアイコンが使われています。5のアイコンに変更してみました。Cocoonの「サイドバーの見出し」については以前にも「見出し1タイトル(h1タグ)」と同じデザインとするカスタマイズを行いました。今回「サイドバーの見出し」に対して独自のデザインを採用してみました。ホバー時」のカスタマイズについてまとめてみました。今回のカスタマイズでコメント送信ボタンをホバーした時の背景色を薄くして、滑らかに変化するようにしてみました。THOR(ザ・トール)の「サイトカード」のカスタマイズについてまとめてみました。今回の「サイトカード」のカスタマイズは、前回行った「ブログカード」のカスタマイズと同様のデザインとしてみました。THORのアーカイブページのレイアウト設定を「ワイドレイアウト」から「ノーマルレイアウト」に変更しました。ノーマルレイアウト変更に伴いコントローラーのフレームのカスタマイズを行いました。THOR(ザ・トール)のインデックスについては先日にもカスタマイズを行ってきました。今回そのエントリー記事カードをホバーしたときのタイトルに対して新たなカスタマイズを行ってみました。THOR(ザ・トール)の「ナビゲーションメニュー枠」のカスタマイズについてまとめてみました。今回の「ナビゲーションメニュー枠」のカスタマイズでは、値美ゲーションメニューに枠を設定してみました。THOR(ザ・トール)には、記事中の画像に対して囲み効果の設定がありません。そこで画像に対してシャドーを表示するカスタマイズについてまとめてみました。シャドーはデフォルトとして不要の場合は表示させません。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。Freemake』のレビュー記事です。Freemake』は、DVDビデオのコピーやダビングを目的とするソフトウェアで、DVDのデータを圧縮して編集することも可能で簡単に操作することができます。Media』のレビュー記事です。Media』は、変換・コピー・作成・ダウンロード・再生・編集を6倍以上の作業速度で進めることができるマルチメディア変換ソフトウェアです。14インチモデル(14Z990-GA56J)』届きました。14インチモデル(14Z990-GA56J)』を触ってチェックしたエントリー記事です。以前カスタマイズしたLogicoolの壁紙を改めてモディファイしてみました。今回色合いの調整とロゴを変更してみました。サイズは、2560×1440(WQHD)、1920x1200(WUXGA)、1920×1080(FullHD)の3種類とします。(3)運営サイトZMASAa.blogMASAa.blogからリニューアルしたmasaaの雑記記事を掲載するメインWordPressブログサイト。使用)MASAa.blog今はパズドラ日記と製品レビューの記事を掲載し続けるmasaaの元祖WordPressブログサイト。使用)MASAa.netハードウェアやソフトウェア、WordPressなどパソコン関連の記事を掲載するWordPressブログサイト。Freemake』のレビュー記事です。Freemake』は、DVDビデオのコピーやダビングを目的とするソフトウェアで、DVDのデータを圧縮して編集することも可能で簡単に操作することができます。Media』のレビュー記事です。Media』は、変換・コピー・作成・ダウンロード・再生・編集を6倍以上の作業速度で進めることができるマルチメディア変換ソフトウェアです。14インチモデル(14Z990-GA56J)』届きました。14インチモデル(14Z990-GA56J)』を触ってチェックしたエントリー記事です。以前カスタマイズしたLogicoolの壁紙を改めてモディファイしてみました。今回色合いの調整とロゴを変更してみました。サイズは、2560×1440(WQHD)、1920x1200(WUXGA)、1920×1080(FullHD)の3種類とします。(3)運営サイトZMASAa.blogMASAa.blogからリニューアルしたmasaaの雑記記事を掲載するメインWordPressブログサイト。使用)MASAa.blog今はパズドラ日記と製品レビューの記事を掲載し続けるmasaaの元祖WordPressブログサイト。使用)MASAa.netハードウェアやソフトウェア、WordPressなどパソコン関連の記事を掲載するWordPressブログサイト。THOR(ザ・トール)ブログ構築関連からあげ棒、ありったけパソコン関連ぶっちろぐお勧めWPサーバ。