SEMTechnologyExtraInformationRecommend週間ブックマークカテゴリーなしExtra201202/20ITキヲスク、デザインリニューアルしちゃいました☆この記事の読了時間:約4分49秒ツイートおめでとー!ありがとー!おめでとーー!!ありがとーーー!!!前回のリニューアルから1年半、継ぎ接ぎした機能も増えてきたり、投稿記事も増えてたりしてきたので、ここらで久しぶりにITキヲスクのデザインテーマをリニューアルしちゃいましたよ☆パッと見は大幅に変えていませんが、アイキャッチ部分に遊びを入れたり、ちょこっとコンテンツを差し替えたり、新たなプラグインを導入したりと、結局WordPressのテーマをフルスクラッチで作る大改造に。今回のリニューアルに際しての意図としては、「グダついてきたサイドバー周辺をスッキリさせたい」「増えてきた自作サービス群を目立つ場所に一覧させたい」「あんまり使われてないコンテンツはボツに」「もう少しサイト内の巡回性を良くしてページビューを増やしたい」ってあたり。デザインの基本的な方向性は現状のままで結構お気に召してたので、そこら辺は生かしたまま、悪の枢軸IE6~7は「見れればいい」程度の対応までで行こうと。そんな感じでUIデザインを作り込んでいった結果、おおまかに下記のような対応をする事に。リニューアルポイントアイキャッチをコンテンツ化カテゴリーメニューをシンプルに記事下部のコンテンツ群を再編成サイドバーに「ランダム記事」を掲載ページネーション導入フッターにアーカイブとタグリストを表示そんなこんなで前述の通り、見た目はあまり変わらないものの中身は完全フルスクラッチ、0からの作成となりました。以前のアイキャッチは、いわゆる2chまとめサイト系に良く見るような「お気に入りサイトのRSSフィードタイトル表示」ってゆーコンテンツでした。コレ自体は私自身も良く使ってたコンテンツなんですが、せっかくの絶好ポジションなので、今回のリニューアルを機にココをもっと活用したいなーと。リニューアルの意図でもある「増えてきた自作サービス群を目立つ場所に一覧させたい」ってのをココに持って来ようと。当該サービスの詳細記事へのリンクを張る」ってゆー、ほぼ独立したAjaxなコンテンツにしちゃいました。このアイキャッチコンテンツ自体を開閉できるようにして、その状態や4つのアイキャッチコンテンツの選択状態をCookieで保存するようにしたので、邪魔に感じれば閉じておけるし、どれかのコンテンツを選んでいれば以後それがアイキャッチに表示されるようにしました。フリーランスのお仕事の窓口的なトコも考えて、今までちょっとおろそかだった自己紹介的なコンテンツも置いてみました。_)mカテゴリーメニューをシンプルに今まで最上部に配置していたメニューナビゲーションですが、やや古臭いデザインに感じていた上、「場所ソコじゃねーだろjk」と思っていたので、アイキャッチ下に移動させつつ、シンプルなテキストデザインに差し替えました。マウスオーバーで子メニューが表示される仕組み、多分下衆の極みIE6~7ではちょっと変な表示になってるかと思いますが、今回は鬼畜の所業IE6~7は「見れればいい」対応なので、コレで良しとしてますので、あしからず。今までは結構おざなりにコメントや関連記事や広告などをばばーっと表示させてたんですが、今回は「もう少しサイト内の巡回性を良くしてページビューを増やしたい」って意図があるので、既存の「関連する記事」コンテンツの表示を最大3件から最大5件にした他、新たに「同じカテゴリーの記事」コンテンツを配しました。TagCloud」という3つの記事紹介用タブナビゲーションがあったのですが、ここにタグクラウドを置いてもあまり効果的ではないように思えてたので、ランダムに記事を抽出する「random」コンテンツを新たに作成して、タグクラウドコンテンツと差し替えました。次のページへ」というナビゲーションだったのですが、見栄え的にもユーザビリティ的にもイマイチだと思ってたので、数字で表す形式に変えました。今までここには「ソーシャルブックマーク系」「カテゴリーメニューナビゲーション」「自己紹介」を配していたのですが、それを大幅に変更。アーカイブとタグリストをシンプルに配置し、ページ上部や記事内には無い導線を作った他、新たに「このブログについて」的なコンテンツを設け、ちょっとした自己紹介文と共に表記しました。そんなこんなでリニューアルに至ったワケですが、やっぱりWordPressちゃんは良く出来てますねー。つまづきやすいトコから機能追加の方法まで、いろんな方が記事公開されているのも心強い限り。過去に有名なサイトでも紹介されたWordPress無料テーマにワームが仕組まれているそうです。linksDropboxデバイスを選ばないオンラインストレージ。tenpu無広告のおしゃれなファイル転送サービス。ギガファイル便大容量ファイル(25GB)にも対応の転送サービス。aguse.jpURLからサーバやドメイン管理者などを取得。SimilarWeb競合サイト解析ツール。Fontsの全フォントを任意の文字で一覧化。Insightsサイトの読み込み時間と問題箇所をスコア化。LookupHTML特殊文字を類似文字から逆引き出来るサービス。Regexpreg_matchのマッチング結果を出力。Mail時間延長可能なワンタイムメールサービス。ご利用環境チェックツール自分のIP/HOST、OS、ブラウザ、解像度などを表示。Akinator頭に浮かべた人物を当てる超能力サービス。thisこのブログはウェブデザインやプログラミングなどをはじめ、web制作者向けの様々な技術や情報を掲載しています。現・フリーランスwebクリエイター。verb」として、フルスタックフリーランスやってます。