ブログのトップページを作成したり、デザインを修正しました

a1180_007876

 

ようやく修正が終わりました!

 

今回は、ブログのトップページを作成したり、デザインを修正しましたについての記事です。

 

 

はじめに

 

あれ?何か違和感がある…って思われる方もいるかと思います。

 

お気付きの方もいるかもしれませんが、当ブログ『アフィリエイトに挑戦』のトップページを作成したり、デザインを修正しました。

トップページはもともとありましたが、裏ではいろいろな作業をしています。

 

具体的な作業については別の機会に紹介を考えていますが、どんなことをしたかだけでもお伝えできればと思います。

 

 

トップページを作成

 

ブログトップ

 

小さくて見にくいですが、こんな感じとなりました。

大きな変更点は、最新情報と最新情報の抜粋がある一覧の間に『アフィリエイト初心者が稼ぐための記事』の項目を追加したことです。

 

トップ追加部分

 

必要な情報をまとめました。リンク先はさらにリンクがまとめられている固定ページです。

このトップページを作るのは『home.php』を使用したりなどして苦労しましたが、その話は別の機会にということで。

 

このまとめ記事が少しでも役に立てたら嬉しいです。

 

 

デザインを修正

 

主な修正となります。

 

  • 最新情報の修正
  • 抜粋文字数を変更
  • 背景色を変更
  • ブログの幅を変更
  • 文字サイズを変更
  • サイトマップ分割対応

 

書いてみると、いろいろ修正しました。

 

 

最新情報の修正

 

カテゴリと抜粋の部分を削除しました。

そして、日付のフォーマット(月と日に0を付ける)を変更し、記事数を10に増やして、スクロールを付けました。

 

他に、最新情報の抜粋がある一覧の上に最新情報一覧のタイトル(背景色が黒)を付けました。

 

抜粋文字数を変更

 

最新情報一覧などの抜粋文字数を変更しました。

『nbsp』が表示されていたためです。(完全な対処とはいえないですが、難しいので文字数で対応しました)

 

背景色を変更

 

背景色を白から記事タイトルの灰色に変更しました。(合わせた感じです)

メニュー、サイドバータイトル、見出しを修正しています。

 

ブログの幅を変更

 

わかりにくいですが、サイドバーや記事部分の横幅を少し広くしました。

 

文字サイズを変更

 

記事本文の文字サイズを少し大きくしました。

 

サイトマップ分割対応

 

当ブログも記事数が100を超えて多くなってきたので、ページ分割も考えましたがどうやら難しそうです。なので、サイトマップの設定で対応しました。

 

 

修正してみて

 

当ブログは賢威を使っていますが、サポートフォーラムもあったため修正しやすかったです。

それでも10時間以上作業をしたと思います。

 

もちろんネットも調べましたが、ネットにある情報は同じ人が分散のために記事を書いているのか、他の人が記事を参考にして同じようなことを書いたのかというくらい、同じような内容ばかりでした。

 

最終的に修正はできたので良かったです。

 

 

おわりに

 

今回は『ブログのトップページを作成したり、デザインを修正しました』について紹介しました。

 

デザインの修正を始めると、修正が楽しくてつい修正作業をし過ぎてしまいがちですが、記事を書くように頑張ります。

 

最後まで読んでくださった方、ありがとうございました。

 

 

コメントを残す

CAPTCHA


サブコンテンツ

プロフィール

アラサーの男でクーと言います。アフィリエイトで稼ぐことができるのか挑戦中です。


詳しくはこちら


ツイッターはこちら


ブログランキング参加中! 応援クリックよろしくお願いします。

このページの先頭へ