記事一覧TwitterFacebook0Google+LinkedInPocket0gush2のトップページ記事一覧をカード型デザインにする事によって、記事の区別がはっきりしてゴチャゴチャ感がなくなり、オシャレでスタイリッシュですっきりします。まとめここで紹介するgush2のカスタマイズは、私の備忘録です。gush2は素でも使える。個性を出すためにカスタマイズしようバックアップは忘れずに!!!以下記事はワードプレス(WP)や、テーマのgush2をカスタマイズしたやり方等を忘れないために書き留めた備忘録ですこれらを参考にカスタマイズする時は、自己責任でお願いいたします。ソースコードを変更する場合は、FTPソフトを使ってサーバーにアップ。各サーバーのオプション(ファイルマネージャー)等(例はさくらサーバーです)でカスタマイズを行ってください。デフォルトのトップページ記事一覧は以下のようになっています。一様記事の区別は「線」で区切られていますが、なんか物足りない気がします。これはこれでいいと思いますが、これ以上に記事の区別化を図りオシャレにカスタマイズしてみました。「メイン」部分の背景色を透過にするまずはmain部分の背景色を透過させて、背景色を消去します。!「style.css」は触りません。「home.php」と「archive.php」ファイルを書き直します。私の場合はすべて子テーマのファイルで書き直した。してcssに書かないの?今回変更したいのは記事一覧の「main」部分。style.cssでコードを指定してしまうと、記事ページにも変更が反映されてしまいます。変更をトップページとアーカイブに留めるために今回はphpファイルを書き直します。id=”main”>」を探します。見つけたら削除して、下記コードに書き直す。none;”>」アーカイブ(archive.php)を書き直すここを変更するとカテゴリーページも変更になる。id=”main”>」を探します。見つけたら削除して、下記コードに書き直す。none;”>」スタイルシートに追記してカード型にカスタマイズスタイルシート(style.css)を開きます。私の場合は子テーマのスタイルシート(style.css)を開きます。下記コードを追記した。114%;}}[/css]私の場合ファイルを更新してブログを確認したら、上部広告と記事一覧の隙間(余白)が開きすぎだったので、メイン上部広告の余白を調整した。visible;}[/css]このコード内の「margin」を変更した。visible;}[/css]カスタマイズ後まとめ最初記事一覧の幅が短くてバランスが悪いカスタマイズでしたが、スマホ、タブレットとPCそれぞれの「width」と「margin」を変更する事によってほぼ完成にちかいカスタマイズが出来ました。更する必要があると思います。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。Librariesと言う物がインストールされてました。ブログのカスタマイズに挑戦13,542ビューNTT代理店の株式会社ワイズからインターネット開通を申し込みました。10,421ビューデスクトップに変なメッセージが入るようになりました。