blogtitle
RSS Twitter
  • TOP
  • このブログについて
  • imotenもくじ
  • VPS拡張編
    • VPS機能拡張
    • セキュリティ対策
    • WordPress設定
  • ブログ主おすすめ
    • おすすめアプリ
    • おすすめ周辺機器
    • Xcode
    • ターミナルサービス設定
  • レシピ(料理)

ブログテーマを変更&バグの修正をしてみた

Day:2012.8.27 0:05 Comments: 4

blog

screenshot


適当に作ったブログテーマを直そうと思っていたんだけど、なかなか時間がとれなくて完成に時間がかかってしまったが、やっと完成したので適用してみた。

最初に作ったのはなんだったんだと言うくらいほぼすべて書き直し。

大変だったけど、コードを打つのもかなり慣れたなぁ。



変更点


デザインを大幅に変更


前の訳わからん配色を廃止し、グレースケールに変更。

画像データのデザインをすべて変更。



ヘッダーレイアウトの変更


ヘッダー部にTwitter、RSS、検索フォームを追加。

検索できなかったバグを修正。



Topのレイアウトを変更


アイキャッチ画像を追加。

表示ブログ件数3件とそれ以降は題名のみだった表示を、10件すべてアイキャッチ画像有りの表示に変更。

最下部にページナビゲーションを追加。

※追記 コメント数表示をクリックするとコメント欄に飛ぶように修正。



サイドバーレイアウトの変更


全体のレイアウトを変更。

アーカイブをプルタウンに変更。

About(自己紹介)の追加。

最近のコメント(5件)を追加。

カテゴリを一覧表示に変更。

カテゴリを整理。



コメントフォームレイアウトの変更


全体のレイアウトを変更。

レス表示時、レスが増えると狭くなりすぎる問題を修正。



ヘッダーメニューの仕様を変更 ※8/27 追記


メニュー欄から飛べるimotenもくじ、VPS拡張編の表示を大幅に変更した。

手書きで書いていたのをカテゴリーから抽出して自動で読み込むように修正。

表示方法をindex.phpと同じアイキャッチ表示に変更。

レシピ(料理)欄を追加。

メニュー欄に表示される記事のレイアウトを現在の物に修正。



前よりはマシになったと思います


アイキャッチ画像を加えるとかなり見栄えがするね。

これもFlickrから引っ張ってきているので、サーバーの負担はなし。

素晴らしい。

Flickrのサーバーがんばってw


あとは、固定ページのデザイン変更かな。

手書きしたのがまずかった。

ループで作れば楽だったのに大失敗。

何とか修正する方法を考えねば。

※8/27追記 仕様変更済み


WordPressの知識もかなりたまったけど、需要あるかなこれw

ま、なくても自分用の備忘録だからいつか書きます。

関連記事


    • WordPressのテーマを作っていこう【index.php編】
    • OSX 10.8 Mountain Lionがしっかり進化
    • 【Retina】画像のアップロードをFlickrに変更してみた【対応】
    • さくらのVPSにWordPressをインストールする【MySQLとPHP編】
    • 【iPhoneでも】VPS(CentOS6)に2chブラウザp2(rep2)をインストールする【PCでも】


« BluetoothポータブルスピーカーJawbone JAMBOXを買ってみた coda2.0.2でWordPressコードをカラーリングする »



Comments: 4

  1. KEI より:
    2012年8月27日 12:49 AM

    こんばんは、キョウジさん。

    自画像がワイルドにw
    HPがよりスタイリッシュでかっこ良くなりましたね!
    もうWordPressを使いこなされていて尊敬します( ゚Д゚)

    返信
    • 葛葉 キョウジ(管理人) より:
      2012年8月27日 2:14 AM

      ありがとうございますヽ(´ー`)ノ
      わっるい顔にしてみましたw

      WordPressはCSSで悩まされまくりです(;´Д`)
      ちっとも使いこなせてません(-_-;)w
      何で適用されないのか悩みつつ、面倒であげてしまいましたw
      これからちょこちょこ直していきます。

      返信
  2. BG-5 より:
    2012年8月27日 12:51 AM

    くずのはさん、こんばんは。

    お!カッコ良くなりましたね、ブログ。
    アイキャッチ画像が素敵ですw
    あと、見る側からの勝手なリクエストなのですが、
    コメント数クリックでその記事のコメント欄へジャンプできるようにはなりませんでしょうか?
    そうなってくれるとさらに見やすくてありがたいです。
    勝手言ってスイマセンです m(_ _)m

    返信
    • 葛葉 キョウジ(管理人) より:
      2012年8月27日 2:15 AM

      そうだそうだ!
      そうしようと思って忘れてましたw
      ありがとうございます。

      リンクを適用してみました。
      これで飛ぶと思います。

      返信
返信をキャンセルする。

email confirm*

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

  • お知らせ


    毎週日曜25時から25時30分までは定期サーバーメンテナンスタイムです。
    サーバーの再起動やアップデートを行いますので、ブログに接続出来なくなる場合があります。

  • About

    kyoji_kuzunoha HN:葛葉キョウジ
    Apple信者です。
    iPhoneを使いたくてSoftBankにMNPしたら、電波がクソ過ぎてトランシーバー並みに使えなかったので、なんとかdocomo回線で使おうと研究した結果、SIMフリーiPhoneにたどり着く。
    でも、docomoメールが使えないので色々調べたらimotenという神サーバーソフトがあることを知り、VPSと出会う。
    imotenのために仕方なく借りたVPSを色々いじっているうちにのめり込み、チューニングしまくってAirVideoサーバー、WebDAVサーバー、ミュージックストリーミングサーバーにセットアップして超快適な環境に。
    設定方法などを自分のメモとして書きためつつ、現在はXcodeを勉強中。
    ゲーム、ガジェット、料理が大好きな30オーバーのオッサンです。
    毎日ブログ更新してます。(日曜は休み)
  • 最近のコメント

    • 【お風呂で】ジップロック最強すぎワロタ【iPhone&iPad】 に お風呂でiPhoneを楽しむための簡単防水術 | おにぎりまとめ より
    • 【白黒】iPhoneの画面の色が反転してしまった時の対処法【ネガ】 に 山野邊弘次 より
    • 【白黒】iPhoneの画面の色が反転してしまった時の対処法【ネガ】 に 山野邊弘次 より
    • 【白黒】iPhoneの画面の色が反転してしまった時の対処法【ネガ】 に 山野邊弘次 より
    • いい蕎麦屋。悪い蕎麦屋。 に やまがた より
    • 【白黒】iPhoneの画面の色が反転してしまった時の対処法【ネガ】 に たけ より
    • 【白黒】iPhoneの画面の色が反転してしまった時の対処法【ネガ】 に 葛葉 キョウジ(管理人) より
    • 【白黒】iPhoneの画面の色が反転してしまった時の対処法【ネガ】 に 匿名 より
    • 【白黒】iPhoneの画面の色が反転してしまった時の対処法【ネガ】 に 匿名 より
    • 【白黒】iPhoneの画面の色が反転してしまった時の対処法【ネガ】 に 葛葉 キョウジ(管理人) より
  • 最近の投稿

    • 【内臓保護】酒量を思い切り減らしてみた【アル中予防】
    • 毎日豆乳を飲んでみた【1ヶ月目】
    • MacBookに対応しているMoshiのUSB-C充電ケーブルを買ってみた
    • MacBookにインストールしたアプリ
    • MacBook2016の使用感その1
    • 【Mac】ことえりのライブ変換を使ってみた【El Capitan】
    • ジャストシステムのポータブルバッテリーを買ってみた
    • 【MacBook】iPhoneのテザリングについて
    • MacBook2016とアクセサリを購入してみた
    • iPhone6PlusからiPhone6sに乗り換えてしばらく経った現在の使用感
  • 人気記事

    • 【imoten】SIMフリーiPhoneで、iモードメール@docomo.ne.jpを使ってみた。設定編【yahoo!版】 481件のコメント
    • 【Gmail】CentOS6.x(64bit)でimotenを設定して@docomo.ne.jpメールを使う【主にさくらインターネット編】 268件のコメント
    • imotenQ&A 184件のコメント
    • 【DTI】SIMフリーiPhoneでdocomo.ne.jpメールを送受信する方法【outlook.com編】 130件のコメント
    • 【Gmail】CentOS5.x(32bit)でimotenを設定して@docomo.ne.jpメールを使う【主にDTI編】 126件のコメント
    • 【iPhone】imotenの送信メールをSSLで暗号化する【docomoメール】 112件のコメント
    • 【MyCloud】さくらVPSをAirVideoサーバーにする【ストリーミング】 99件のコメント
    • docomo版iPhone5s(5c)用SIMについてちょこっと考察してみた 99件のコメント
    • 【imoten】SIMフリーiPhoneで、iモードメール@docomo.ne.jpを使ってみた。設定編【Gmail編】 97件のコメント
    • SPモードメールをiPhoneでプッシュさせる【docomo.ne.jp】 97件のコメント
  • アーカイブ

  • カテゴリー

    • amazon
    • android
    • Apple
      • AppStore
      • iPad
      • iPhone
      • Mac
    • AppleWatch
    • blog
      • WordPress
      • 移転作業ログ
    • code
    • docomo
    • Game
      • 100万人の信長の野望
      • 3DS・DS
      • PCgame
      • PlayStation
      • XBOX360
    • MVNO
    • News
    • SIM
    • VPS
      • imoten
        • DTI
        • imoten機能拡張
        • さくらVPS
        • はじめに
      • セキュリティ対策
      • 機能拡張
    • Windows
      • ターミナルサービス
    • Xcode
    • おすすめアプリ
    • おすすめ周辺機器
    • グルメ
      • レシピ
    • もっと評価されるべき
    • リモートデスクトップ
    • レビュー
    • 健康
      • ダイエット
      • ランニング
    • 動画
      • TAS
      • スーパープレイ
    • 周辺機器
    • 学習
      • 英語
    • 未分類
    • 雑談

Copyright © くずのは探偵事務所,All right reserved.