カテゴリー「デザイン」の記事一覧

WordPressでアイキャッチ画像をサムネイルとして一覧ページに表示する方法




優れたイメージは一瞬で人を惹きつけ、キャッチコピーへと誘います。 優れたデザイナーは、優れたコピーライターと、優れた写真家を知っています。それは彼らがいなければ自分がどんなに努力をしても徒労に終わる事 … 続きを読む→

WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法




本文と関連のない画像は百害あって一理なし 一覧ページに、記事の抜粋とアイキャッチ画像を表示してるサイトが多いようです。 本文と関連した画像なら問題ありませんが、誘導のためだけの画像や、他の投稿とデザイ … 続きを読む→

Custom Post Type UIでカスタムタクソノミーをとことん使いこなす方法




優れたデザイナーは収納上手。間違えない仕組みをデザインしよう なんだか呪文みたいな「カスタムタクソノミー」。「自分で作る分類」という意味です。 使い方さえ覚えれば、とても便利な機能です。今回は設定から … 続きを読む→

WordPressで複数のループを使ってカスタム投稿一覧を自在に表示する方法




サブループを使えば、多様な情報を表示するポータルサイトも簡単に作れます 複数ループの制御までくるとワンタッチで使えるプラグインは用意されていません。カスタマイズするには基本的なPHPの知識が必要になり … 続きを読む→

WordPressでカスタム投稿一覧を表示してユーザビリティを向上する方法




カスタム投稿の一覧を指定した形式で表示する 前回はCustom Post Type UIを使ってカスタム投稿を作り、専用のテンプレートとループを作成するところまで解説しました。 今回は「専用の固定ペー … 続きを読む→

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集できる投稿画面を作る方法




今回は「Custom Post Type UIを使ってカスタム投稿を作る」ということにスポットを当てて解説します カスタム投稿って難しいですね。「functions.php」に必要項目を記述してカスタ … 続きを読む→

WordPressのカスタムメニューを使ってグローバルナビゲーションを変更しよう




自分のサイトに合わせたカスタムメニューを付けよう 「このサイトは何についての情報を提供しているのだろうか?」 「アクアリウムの記事を読んでいるのに、サイドメニューにはプログラムのことばかり。メインコン … 続きを読む→

WordPressのコメント欄にアバターを表示するGravatar




コメント欄にアバター(自分を表す写真)が表示されると賑やかになっていいですよね。 コメント欄がにぎやかだと人気がありそうに見えるから不思議です。人気があれば記事も確かなものだろうと錯覚しやすいそうです … 続きを読む→

WordPressにfaviconを追加




サイトの顔faviconを追加 以前「Windows版のPhotoshopでFaviconを作成」という記事を作っておいて、このサイトのfaviconがなかったため製作しました。 ブックマークやRSS … 続きを読む→

WordPressにRSSを追加




更新情報を配信できるRSS 無いよりもあったほうが便利だ。RSSを購読してくれる人に向けてはもちろん、そうでなくともRSS配信サイトへ登録することでSEO対策になる。 WordPressには「http … 続きを読む→

Internet Explorer 8で10pxのフォントが崩れる




正確には10~11pxあたりのフォントの表示の不具合だ。 文字が大きくなったり小さくなったり、ひどい時にはピクピク動く。 悪いことにパーセントで文字サイズを指定しても同じように不具合が表れる。 この不 … 続きを読む→

ソーシャルメディア用アイコン




公式にも配布サイトにもない 意外に欲しいサイズの、欲しい質感のソーシャルメディアアイコンが無い。 いざ探すとサイズがバラバラだったり、異常にグラフィカルだったりw そこでシンプルで使いやすいアイコンを … 続きを読む→

WordPressにSyntaxHighlighterを導入しよう




タグを見やすくカラフルに彩り、 専用エディターのように自動で色を付けたい そんな要望にバッチリ答えてくれるプラグイン「SyntaxHighlighter」ちゃんとWordPressように用意されていま … 続きを読む→

Windows版のPhotoshopでFaviconを作成




「アクアリウムWiki」用にFaviconを作成 そもそも「Favicon」とは何ぞや?という人もいると思いますが、サイトをブックマークしたときに出たり、タブを表示したときにアイキャッチとして出るアイ … 続きを読む→

Adobe Photoshop CS5でエプソンTWAINを使う




何故かデフォルトでEPSON TWAINを使用できるようになってない。 無駄な機能をつけて重くすることだけに精一杯で、実務に使う人間の要求からどんどん離れていくAdobe。 ここまでデザイナーの要望が … 続きを読む→