wordpressでイラストサイトを作ってみる

今回作品集、ギャラリーのページをWordpressを使って作りましたので、適当にまとめというか、下記にWordpressをはじめからインストールしながら設定する手順を書いておきます。
サンプルというか、実際に動いてる物はこちらでみれます → angelic psychedelica
もちろんイラストじゃなくて、フォトログ作りたい人にもお勧めですね。

サムネイルを作るには、画像サムネイルはWordpress2.5から使えるというタグ?をエントリやページに書くと出来ます。

1:Wordpressをインストールして、正常動作しているか確認。

2:サムネイルのサイズを設定画面で設定します。
 ダッシュボード>設定>メディア>画像のサイズ

3:プラグインを入れます。
 今回は下記の3点を入れました。

  • GalleryCSS Deleted (すき間の広さが気にならない人はいらないかも)
  • Lightbox 2
  • WP-PageNavi

4:エントリを作ります。エントリの一つ一つが一つのギャラリーページになるイメージです。
たとえばオリジナルイラストを掲載する場合、エントリのタイトルに「original」と入力。
本文に (gallery columns=”4″ lightboxsize=”full” link=”file”)と書きます。()を半角の [ ] に変えて書いてね。
columns=”4″ は4つずつ並べる、lightboxsize=”full” はサイズの指定、 link=”file”は画像に直接リンクする、の意味です。

5:本文に書いたら、本文を書くところのすぐ上に「アップロード/挿入」というのがありますね。
  そこの画像のアイコン(■が枠線で囲まれてるやつ)をクリックします。

6:そうするとダイアログが出るので、「自分のコンピュータからメディアファイルを追加」で、画像をアップロードします。数枚一度にアップできます。

7:アップしたら、タイトルだけ入力します。

8:そのあとは「すべての変更を保存」をクリックして編集を終わりにします。
「投稿に挿入」は押さないで下さい。

9:エントリーを公開します。

10:画像を追加するときは、同じ手順で画像をアップロードすれば終わりです。

と、これでおわり。やるとえらく簡単にできます。
むかしMTで必死にテンプレいじってギャラリーつくってたのがいろいろ思い出されてきます(;´Д`)

【躓いたところ】

  1. なぜかサムネイルとサムネイルの間のすき間が広すぎる・・・ →
    こちらのplug-inで解決 GalleryCSS Deleted
  2. lightbox2のplug-inを入れてもうまくlightboxが動かない → 
    galleryタグに link=”file” を加える(たぶんこれのせいだと思うんだけどな・・・)
  3. RSSってたぶん意味ないよね・・・?

注意点としては、テーマによっては崩れてしまうこと。
オリジナルでテーマを作るときや、シンプルなテーマなら問題ないと思いますが、複雑なテーマだと崩れる可能性もあります。崩れたところはCSSやサムネイルのサイズを調整して修正します。
portfolio用にテーマを公開しているサイトさんもありますので、それを使うのもいいと思います。
こちらとか → wordpressのテンプレートを配布 無料でSEO対策済のwordpressテーマをDL – WPSKIN

WordPressのgallery機能については、下記サイトさんが詳しいです。
WordPress 2.5の新機能 ギャラリーを使って画像一覧表示する | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go

今使ってるWordPressのplug-inメモ

最近Wordpressのpluginを増やしてみました。
めんどくさくてあんまり入れてなかったんですけど。

ヴァージョン2.7にしたら、自動アップデートとか自動インストールとか便利すぎませんか・・・!
「自動」ってステキ。面倒くさがりな私にぴったり。
というわけで色々増やしてみたよ。

AddQuicktag 1.5.7
投稿編集の時のタグのボタンを自分の好きなタグで増やせる。

Adsense-Deluxe 0.8
アドセンスを管理する。エントリに挿入する場合もあらかじめ設定したものを選択するだけ。

Akismet 2.2.3
スパム対策用plug-in。MT時代から知ってる中で、最強だと思うスパム対策。
WPをインストールすれば、はじめから入ってます。wordpress.comのIDを取得すると使えます。

Contact Form 7 1.9.1
フォームを簡単に作るplug-in。contactページなどもこれで作ってます。

FeedLogger 0.14b
Feedの購読者数ダッシュボードに表示してくれる。
みんな読んでくれてありがとう!ヽ(*´ω`)ノ

Flickr Photo Album 1.1
FickrのAPIキーを取得する必要があるけど、Flickrとのやりとりがすごく便利になるplug-in。
FlickrとWPを使っている人は是非!
WP上で写真のアップロードもできて、Flickrにアクセスせず投稿ページから写真を簡単に挿入できます。
便利すぎる・・・!というか感動的w

Google XML Sitemaps 3.1.2
検索ボット向けなサイトマップを作るらしい。
説明読んでもよくわからないけど、検索ヒットに引っかかる確率が上がるかなーと思って入れてみたw

KB Advanced RSS Widget 2.1.2
他のブログなどのRSSフィードを取得して、サイドバーウイジェットに表示できる。
うちではもう一つのブログのエントリを表示しています。

Ktai Style 1.47
WPが携帯で見られるようになるplug-in。
プラグインをインストールするだけで、投稿も携帯でできちゃう!これはすごい。
PHPのバージョンに注意。5以上じゃないと使えないよ~!

Popular Posts 2.6.2.0
人気のポストをウイジェットなどに表示できるようになるplug-in。
入れて設定するだけで楽々表示です。

Post-Plugin Library 2.6.2.1
Popular Posts やSimilar Postsを使うために入れたplug-in。

Similar Posts 2.6.2.0
関連エントリーを表示してくれるプラグイン。
入れて設定するだけで、関連エントリーが表示できるなんて便利すぎる。

Ultimate Google Analytics 1.6.0
Google Analytics のソースを、自動的に挿入してくれるplug-in。
テーマを変えても、テーマの中身に書き込む必要がないのがとても便利!

WordPress.com Stats 1.3.5
Wordpress.comのアクセス解析。
Akismetと同じく、wordpress.comのIDを取得すると使えます。

WP-PageNavi 2.40
月別アーカイブなど、長すぎるページを、分割してページを分けてくれるplug-in。

WP-PluginsUsed 1.40
使用中、インストール中のplug-inをリストしてくれる。
うちのplug-inページみたいな感じ。

WP Multibyte Patch 1.1.1
日本語版 WordPress のマルチバイト文字の取り扱いに関する不具合の修正行うプラグインらしい。インストールするとはじめから入っています。

WP-PluginsUsedではき出したplug-inページもよかったらどうぞー。
ポートフォリオの方もWPに変えたくなってきたので、そのうちやろうかなぁ・・・。