スマートダディ目指して修行中。最終更新日:2015/02/27じわじわとマイペースでGush2を自分好みにカスタマイズ中ですが、今日は「戻るボタン」とアイキャッチ画像が無い時に表示されるデフォルト画像を変更する話です。V1.1.1にて動作確認を行っています。「Topへ戻る」ボタンをソリッドな感じに変更Gush2からは単なる矢印に変更されましたが、Gush2をテーマに設定しているブログで画面をスクロールさせていくと、右下に上矢印ボタンが表示されます。これは画面上部に戻るためのリンクで、クリックすると画面がビューンとスクロールダウンしてトップに戻ることができます。見てみると、この上矢印ボタンにも背景用の画像ファイルが設定されています。今回は、ソリッドなパステル調を目指しているので、画像ファイル表示をやめてただの背景色指定に変更します。style.cssの1300行目に「#page-top」という設定があります。#fff;}1306行目に「background」プロパティを指定しているところがありますので、以下のように修正します。#444;これでソリッドなボタンになりました。それにしても、ボタン状の表示がスタイルシートだけで指定されているんですね!すごいです。アイキャッチ画像未設定時のデフォルト画像ファイルの変更アイキャッチ画像は各記事を代表する画像のことで、各記事をリスト表示したりするときにサムネイルとして表示されたりする画像ファイルです。これは各記事に設定することができるのですが、設定されていない場合はGush2のデフォルト画像が表示されるようになっています。この先、アイキャッチ画像を指定しない記事は書かないとは思いますが、一応、オリジナルのアイキャッチ画像に入れ替えておくことにします。いうわけで、現在、Gush2がどのように表示しているか調べてみました。アイキャッチ画像が設定されていない場合、おしゃれな街の川辺?に立つ女性の写真が表示されるようになっています。この画像は300x300pxであり、それを150x150pxで表示していることがわかります。URLはGush2テーマ内の画像ファイルがいくつか保存されている「images」ディレクトリです。現在、ローカル環境で動作させていますので、普通にフォルダを開いてみました。サーバ環境で動作させているのであれば、FTPで接続してみてください。ここにオリジナルの画像ファイルをコピーします。めんどくさいのでファイル名はGush2オリジナル画像ファイルと同じ名前にしました。しておけば、他の部分を編集する必要が無くて楽ちんです。画像サイズはちょっと迷ったのですが、思い切って150x150pxにしちゃいました。いうわけでトップ画面で記事リストを表示させてみると、無事、狙った通りの画像が表示されました。恥ずかしい感じみなさんのブログを見ていると、綺麗な写真やかっこいい写真を使ってる方が多いですが、SiSO-LABではほとんど使ったことがありません。ベタなイメージのもう一歩感のある?ブログを目指しているので、急に完成された感じの写真を入れちゃうとバランスが崩れちゃうかな?と思いまして。WordPressをインストールした直後はサンプル記事が表示されますが、さらにGush2をテーマに設定すると、その記事の画像としてGush2のデフォルト画像の女性が川辺に立っている画像が表示されます。なんとなく見慣れなくてくすぐったい感じがします。昔々、まだまだ少年だったころに表紙が女の子というだけで漫画等の雑誌を買うのをためらった頃を思い出しますね。WordPress初心者がブログを作るよ♪テーマは無料のGush2!WordPressを使い始めて約9か月になりますが、もう1つ新しいサイトを立ち上げてみました。時は試行錯誤の連続でひどいものでしたが、今回は、以前よりはもうちょっと整理した状態で作業内容をまとめながら進めたので、テスト用環境構築からGush2のカスタマイズまで連載記事にしてみました。LINKTweetPocket関連前後記事PREV:WordPress初心者がブログを作るよ♪Gush2をカスタマイズして、コメント欄の背景色変更と枠の角丸をやめてみるとか。NEXT:WordPress初心者がブログを作るよ♪Gush2をカスタマイズして、サイドバーのSNSリンクを削除&ウィジェットに入れ替え。WordPressデータをローカル環境に手動同期実験2015.04.03WordPress初心者がブログを作るよ♪サイトマップなどのプラグインをインストール。使っているプラグイン一覧とか。2014.05.24WordPressの無料テーマGushをカスタマイズしてSiSO-LAB色に~ヘッダ背景画像の設定2015.03.01新サイト立ち上げ、百均浪漫/SiSO-LAB。TypeからWordPressへインポートする時に階層(複数)カテゴリを設定する方法。ぷららブログ引越し2015.03.07WordPress初心者がブログを作るよ♪Gush2の「NEWエントリー」を「最近の投稿」に変更したり、カテゴリとタグの使い分けに悩んだり。2014.05.20WordPressの無料テーマGushをカスタマイズしてSiSO-LAB色に~パンくずリスト、ページ移動リンク、コメント欄の色変更2014.09.15人気記事を表示中の記事にカテゴリに合わせてサイドバーに表示したいな。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*PREV:WordPress初心者がブログを作るよ♪Gush2をカスタマイズして、コメント欄の背景色変更と枠の角丸をやめてみるとか。NEXT:WordPress初心者がブログを作るよ♪Gush2をカスタマイズして、サイドバーのSNSリンクを削除&ウィジェットに入れ替え。PROFILESiSO-LAB所長兼研究員のSiSOです。あ、趣味のサイトなので実体はありませんけど...。「結果は大事だけど、やっぱり経過を楽しみたいよね!」ということで、雑多な内容で紆余曲折試行錯誤している様子を楽しんで頂ければ幸いです。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。関連人気記事WordPressの画像ファイル保存先ってどうなっているの?保存先の変更方法とか。投稿されたFFFTPでメディアファイルを一括ダウンロードできない?設定変更で回避する方法とか。投稿されたやっぱり簡単だった!無料で透過マルチアイコンを作る方法。サイトにFaviconつけてゴキゲン。投稿されたWordPressで記事引用を簡単に表示しちゃう方法...WordPress4.4から埋め込み(embed)機能に対応していたのね。投稿されたWordPressのoEmbed、表示されない時があって不安定?なのでプラグインPz-LinkCardにしてみたよ。投稿されたローカル環境にセットアップしたWordPress(XAMPP上)の表示確認を、他のパソコンやスマホからアクセスする方法とか。投稿されたアイキャッチ画像をRSSで表示できるようにWordPressをちょっとカスタマイズしてみる。ネットオウル関連新着記事ネットオウル(レンタルサーバー)のWordPressへ海外からログインする方法。海外から実験してみました。2018.03.07WordPressのoEmbed、表示されない時があって不安定?なのでプラグインPz-LinkCardにしてみたよ。2017.10.21WordPressで記事引用を簡単に表示しちゃう方法...WordPress4.4から埋め込み(embed)機能に対応していたのね。2017.03.17WordPress、サイトのアイコン表示は標準機能だけで設定できるのね...小さな画像でも大丈夫。2016.04.18新しいWordPressブログを準備中。カスタマイズ向き国産テンプレートGush2と定番プラグインの話とか。2016.03.07WordPressローカル環境を簡単に2クリックだけでインストールする方法。2016.03.05多趣味なブログ運営は分けるべき?サブドメインがいい?ディレクトリがいい?方針検討中。プラグインでWordPress記事のパーマリンクを別サイトのURLに設定する方法。PC百均浪漫/SiSO-LAB更新情報ダイソー光沢紙のはがき(郵便番号枠入り)インクジェットプリンタ、4年経ってもパッケージ変わらずの定番商品。2019.10.01なんと3個で100円!(税抜)、煮豚風煮たまご、お買い得だね!おつまみ、ラーメンのチョイ足しに。タイマーとかってLR44ばかりじゃないのね。2019.09.06ポイントカード等の整理に便利かな。