2014.03.11ども。昼よりも夜の方が元気な生き物、くろわなです。CRAZY』を導入した件をお伝えしたのですが、それに併せてサイドバーにもいくつか新しいウィジェットを追加しています。目立つ追加要素としては「Twitterのタイムライン」と「今週の人気記事一覧」の部分でしょうか。今日はこのうち「人気記事一覧」をサイドバーに追加する方法、しかもStingerテーマに違和感なく馴染ませるやり方についてご紹介したいと思います。必要となるプラグイン人気記事一覧の追加に成功。このプラグインの導入方法についてはこちらのブログ記事などを参考にされるとイイ感じだと思います。人気記事一覧の追加に成功。ウィジェット』を追加した状態が上の画像。赤枠で表示した部分が、今回追加した人気記事のリストになります。この時点で人気記事一覧をサイドバーに表示させるという目的は達成出来てますが、デザインがシンプルすぎてどうにもパンチが足りません。人気記事なので、もっと力強く閲覧者様にアピールしていきたいところです。デザインに統一感を持たせるという意味でも、もう一工夫欲しいところです。Posts』の設定画面を開きます。タイトル、時間間隔、並べ替え順、投稿タイプ辺りの設定は、あなたのお好みでお選びください。「投稿サムネールを表示する」の項目にはチェックを。チェック後に保存ボタンを押すと、幅・高さの設定項目が表示されます。新着記事一覧に併せるため、それぞれ100ピクセルに設定しなおしましょう。次が最重要ポイントです。「カスタムHTMLマークアップを使う」にチェックを入れ、いったん保存します。人気記事一覧に対するマークアップ方法を変更できるようになりますので、ここをStingerの新着記事のマークアップ構造と同じになるように変更しましょう。下記のとおりに入力して貰えればうまくいくはずです。class="clear"></p></dl>[/xhtml]上記のように設定して頂ければ、下記画像のように新着記事一覧と同じ形式のスタイルが適用されるはずです。デフォルト状態のリストと比べると、こちらの方が人気記事が目立ってイイ感じですね。子テーマを利用する場合も同様の設定でOK!Stinger3のid、classをそのまま引用してスタイルを当てているため、Stinger対応の子テーマであれば、テーマ変更後も全体の統一感を保つことが出来ます。スタイルも変更されていることが分かりますね。簡単な変更でページビューアップが見込めるこのカスタマイズ。宜しければこちらもドウゾ。関連記事ブログ運営CloudFlareからPhotonに乗り換える際の初歩的だけど見落としがちなポイント!CloudFlare、最近不具合が多いようですね。画像が表示されないだとか、サイトそのものが見えなくなっただとか。無料であれだけのサービスを提供して頂いているので感謝こそすれ文句を言える立場に無いのは重々理解していますが、いずれ...ブログ運営サーバーをロリポップからエックスサーバーに移転した理由とその結果どうも。ありませんよ、そんなの。素人がブログ開設半年で月14万PV獲得するまでにやった7つのことどもっす。昨年の11月に開設した当ブログですが、2014年4月度の月間PV(ページビュー)数が14万を超えました。これもひとえに当ブログを訪れてくださる皆様のおかげです。」という記事を書きましたが、今回はそれの応用編になります。Optimizer」を使うことになりました。...ブログ運営FFFTPのホスト側にファイル・フォルダが表示されていないときの対応まとめFFFTPを使っていて、ホスト側(サーバー側)にファイルが表示されていないときの対応法です。ホスト側にファイルが一切表示されていないのか、一部のファイルが表示されていないのかによって対応が異なります。(4)プロフィール管理人:くろわな時事ネタ、各種ゲーム情報(フリゲ・ブラゲ中心)など興味を持った事柄を徒然と書き殴っていきます。