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

2件のコメント

  1. こないだは返信ありがとうございました。いろいろと参考になりました。

    WordPressですか、なんかかっこいいですね、でもHTMLとか難しそうだな~、自分のたいしたことないサイトでも作る時ウンザリでした、でも、フラッシュで動くのかっこいいですね。

    話は変わりますが、自分、CREPOS登録してますけど、蓮華さんでメンバー検索かけてもヒットしませんでしたよ、 同名の人いないのじゃないかな?
    すいません、よけいな話でした。

    では。

  2. こんにちは。コメントありがとうございます!

    ブログは今は色々サービスがあるので、わざわざ自分で設置しなくてもいいものですから、楽なほうがいいですよね~。
    私はWEBいじってるのが好きだったり飽きてやらなかったりと時期によって激しいですがw
    CREPOSの件、そうなんですか~。うーむ、もう一度やってみようかな。
    ありがとうございました^^

ただいまコメントは受け付けていません。