ブログで行こう! WordPress なら最高!

Avatar

WordPressテーマ「Arthemia」を使う

WordPressテーマの中でもマガジンスタイルと言われる高機能のテーマを使い倒してみた。というのも、新しく作った料理サイト「cook-le(クックる)」に「Arthemia」テーマを選んだのだ。テーマを選ぶ時の私は、常軌を逸した執念深さで、テーマ数にして2、300テーマくらいは見る気がする。その内の数十テーマはライブデモを見て研究、そのまた幾つかを実際に自分のWordPressに入れてみて、サイトとの整合性を検証。そして今回、最終的にコレと思ったのが「Arthemia」だった。

実際は、途中で1度見送ったのだけど……。見送った理由は、シングルページなどのエントリー表示部分がどうも冗長な感じなのと、他のマガジンスタイルのフラッシュやタブ辺りの機能に目を奪われたからなのだ。仕掛けモノが好きだんなだー、なぜか。

今回カスタマイズを試みた部分は……

[1]ヘッダ下の右画像を3枚に
[2]その下のカテゴリの表示
[3]コンテンツ部分とサイドバーの間にもう1コラム
[4]コンテンツとフッタの間にアフィリエイト欄
[5]シングルページに「関連する投稿」を挿入
[※]タイトル、小見出し、パンくずナビ、サムネールのサイズなど、テキスト部分はすべて変更

関連する投稿

28 Comments, Comment or Ping

  1. tak

    管理人様

    初めまして、WordPress初心者です。

    cook-leのサイトを見て、「Arthemia」を使ってみたいと思い、チャレンジしてみたのですが、カテゴリに画像とテキストを投稿しても、TOPページのカテゴリには、テキストしか表示されません。

    何かアドバイスを戴けたら嬉しいです。

    よろしくお願いします。

  2. admin

    WordPress初心者さん、コメントありがとうございます。質問いただいちゃって嬉しいです。

    画像入りの投稿をしたハズなのに、トップページやカテゴリーページにテキストしか表示されない、という事ですね。投稿内に画像のパスを貼っても、トップページには表示されません(個別のエントリーには表示)。トップページなどに画像を表示させる方法は下記となります。

    「カスタムフィールド」の「キー」欄に「Image」と入れ(2度目からはプルダウンで選べます)、「値」欄に画像のパスを入れます(前もってアップロード)。「カスタムフィールドを追加」ボタンを押せば、トップページに画像が出ます。

    なので、投稿記事の頭に画像パスを入れると、トップページに2枚写真がならんでしまいます。よって私は、タグの後に同じ画像(重要な画像の時はスライド拡大させる)を貼るようにしています。

    これで大丈夫でしょうか? お役に立てそうな事がありましたら、またどうぞ!

  3. tak

    管理人様

    お返事ありがとうございます。

    早速、アドバイス戴いた通りに、投稿しました。

    トップページに画像表示の枠は出てきたのですが、画像が表示されません。画像のアップロード先は(/wp-content/uploads/2008/10/)内に入れて、「カスタムフィールド」の「値」欄に画像のパスを入力したのですが。。。

    ホント初心者で、何度もすみません。

  4. admin

    TAKさん

    画像のパスが違っていると思うのですが……。サーバー環境がわからないので、「こうですよ」と言えないのが残念です。が、「wp-content/uploads/2008/10/画像名」か、1番上の階層でないなら、「ディレクトリ名/wp-content/uploads/2008/10/画像名」でやってみてください。
    1番上の階層でも、頭のスラッシュは取ってみてください。

    何回でもどうぞ!

  5. tak

    管理人様

    お返事ありがとうございます。

    画像表示されました!!

    すみません、パスが間違ってました!

    やっと出来たので、感動です。

    ありがとうございます。とても助かりました。

    TAK

  6. admin

    TAKさん

    良かったですねー。私も嬉しいです。
    ブログが出来上がったら、是非見せてください。
    同じテーマを使っても中身が違うと、みんな別物って感じで楽しいですから。
    頑張ってください! フレーフレー、TAKさん!

  7. ken

    このテンプレート良いですよねぇ~!!
    すっごい気に入ったんですが使い方わからずwww
    この記事のコメ見て初めて画像の表示方法知りました。助かった!!

    質問なんですが画像ない場合、no-imageと書かれた画像を表示してるの見たんですがどうやってるのでしょうか?単に画像貼ってるだけなのかそれとも組んでるのか?

    かなり苦戦してますwww
    「クックる」のさらに見やすいテンプレートになってますね。

  8. admin

    KENさん、コメントありがとうございます。

    「no-image画像」を見たことがないので、ちょっとわかりませんが、使うべき画像はないけれど、表示を統一したい、そんな感じなのでしょうか?

    方法としては、「no-image画像」をアップロードしておいて、表示したい画像がない時はその度に、その画像パスを使うんじゃないかと思います。ソース上には、「もし画像がない時は……」のような処理はされていなかったように思いますが、「Arthemia」も進化していますし、よくわかりません。

    「クックる」を見てくださって、ありがとうございます。
    あれはそこそこ手を加えています。メイン部分を区切って、1コラム増やしたのが1番大きな変更ですが……。私でよければ協力は惜しみませんので、どうぞステキなブログを作ってください、。

    苦戦は力の元です!

  9. Cinna

    書き込み失礼させて頂きます。
    必要に駆られて見よう見まねでwordpressを始めまして
    Arthemiaテーマの使用方法が良く解らず色々さまよい歩いており、こちらに辿り着きました。
    失礼ですが便乗して質問させて下さい。

    真ん中の辺りのBrowse Categoryの部分にカテゴリが五つ表示される様子だと思うのですが
    何故か右端と左端に一つずつしかカテゴリが表示されないのです。
    これは何か特別にしてあげる事があるのでしょうか?

    突然の書き込み失礼しました。
    クックる様の様に素敵なサイトにするべき頑張りたいと思っています。
    どうぞお知恵をお貸し下さい。

  10. marimo

    CINNA さん

    書き込み、ありがとうございます。
    早速ですが、ご質問の件は下記で解決すると思います。

    index.php に指定されている(書かれている)カテゴリIDと、CINNA さんの表示させたいカテゴリIDが違っているからだと思います。index.php を開き、下記の文字列に続く数字(ID)をCINNA さんのカテゴリIDに書き替えれば大丈夫とおもいますよ。偶然、両端のカテゴリIDが合致したのでは・・・?

    ステキなサイトを作ってください。何かありましたら、またどーぞ!

    marimo

  11. Cinna

    管理者様
    お返事有り難うございました。
    仰るとおりindex.php内に
    <?php $display_categories = array(3,4,5,17,18); $i = 1;
    という表示させるカテゴリIDを指定させる所がありました。

    http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
    本家にきちんと書いてありました。お恥ずかしいです。

    上記サムネイル関連もですが引っかかっていた問題が全て解決しました。
    この度はご教示下さり有り難うございました。

  12. よしみ

    はじめまして。
    すばらしいサイトですね。こんなにつくってみたい!!とおもい・・・
    こちらのサイトに感化され「Arthemia」をつかっているのですが、うまくいかないところがあります。

    ずばり、「カテゴリーが反映されてくれない」

    「cook-le(クックる)」のトップヘッダーのカテゴリー表示ですが、自分のサイト管理画面でどう入力しても「1項目」のみしか反映されません。

    何か設定があるのでしょうか?

    よろしくお願いします。

    よしみ

  13. marimo

    よしみさん

    書き込み、ありがとうございます。本当に、「Arthemia」はすばらしいテーマだと思います、デザイン的にも機能的にも。で、質問の件ですが、同じ内容(多分)が、上のコメントにありますので、ご参照ください。

    このページの上から9番目の、Cinnaさん → marimo(私) → Cinnaさんの説明で解決するのではないかと思います。ご質問の内容が違っている、または内容がわからないようでしたら、もう1度コメントしてください。

    では、成功を祈っています!

  14. よしみ

    MARIMOさん
    ありがとうございます。
    気がつきませんでした。。。
    そして、何とかできました・・・

    そして、もうひとつよろしいでしょうか?
    上のコメントにあるのですが、どうしてもトップに画像が表示できません。

    wordpress2.7だと「キー」がなく「名前」なのですがそこに「Image」でいいのでしょうか?
    そして、値に[wp-content/uploads/2008/05/aaa.jpg]と入れているのですが、表示できずです。
    index.phpなどもさわる必要があるのでしょうか?

    なんどもすいません、よろしくお願いします。

  15. marimo

    よしみさん

    カテゴリの件、解決してよかったですねー。

    画像はおっしゃる通り、「名前」欄に「Image」、「値」欄に画像のパスを入れます(ファイルを加工する必要はありません)。それで画像が表示されないのであれば、画像パスが違っているからだと思います。サーバー直下にwordpressを置いているのなら、概ね[wp-content/uploads/2008/05/aaa.jpg]で大丈夫と思いますが……。wordpressがサーバー内のディレクトリ下にあるのなら、そのフォルダ名を最初に付けてください([xxx/wp-content/uploads/2008/05/aaa.jpg])。

    よしみさんのサーバー環境がわからないので、これ以上のアドバイスは難しいです。もっと情報をいただければ、もう少しアドバイス出来るかもしれません。

  16. よしみ

    Imageといれ、値にパスもいれているのですが、うまくうまく表示されません。
    ちなみに「http://ring-project.com/odaiba/」な感じです。

    投稿欄に画像挿入ボタン?(投稿欄の上にぽチッとついているものです)だと、表示される部分はあるのですが・・・

    パーミッションの設定とかでしょうか?
    何度もすいません。

  17. marimo

    よしみさん

    ソースを拝見したところ、画像のパスが通っていませんねー。
    画像(http://ring-project.com/odaiba/wp-content/uploads/2009/05/112.jpg)は個別にちゃんと見るコトが出来ますし、カスタムフィールも確かに機能しています。が、画像パスが全く書き出されていません。カスタムフィールドの値には、今どのようなパスが書かれていますか? よければ、そのパスを教えてください。

    それにしても、どこでパスが吹っ飛んでしまったのか?……難しいですね。最悪(ファイルが壊れていると想定して)index.php を手つかずのモノで上書きしてみるとか。

    パーミッションは今のままで大丈夫です。画像のパスを入れると、ちゃんと見えますから。

    これ以上はサーバー環境(サーバーの構成)と管理画面を実際に見ないと解らないです。ごめんなさいね。もしこれ以上突っ込んだ内容を知らせていただけるのでしたら、右の「お問い合せフォーム」にお書きください。公開しすぎてトラブルがあるといけませんので……。

    では。

  18. はじめまして。

    私も「Arthemia」を使用してサイトを制作しましたが
    トップページ等での画像の表示方法が分からず悩んでいたところ
    こちらのサイトにたどり着き、無事に解決いたしました。

    有益な情報を本当にありがとうございました。

  19. marimo

    Artsnさん

    コメント、ありがとうございます。忙しさに紛れて、このサイトの更新もコメントのお返事も遅くなりました。ごめんなさい。

    「有益な情報を……」なんて言っていただいて、ホント嬉しいです。Artsnさんのサイト、拝見しました。headlineの使い方がいいですねー。というか、Artsnさんのやり方の方が理に適っている気がします。ステキなヒントをありがとう。

  20. 設置時には大変参考にさせていただきました!

    私の解決方法は
    なんと
    いままでのこっていたキジをいちど全削除して
    投稿しなおしたら1発でOKでした 泣!

    なんともなさけないやら
    せつないやら…

    あと、余談ですがこのテキストエリアで入力にふ具合があるみたいです。。
    ふぐあいのふが不になったりします。。。
    へんてこな文章になってしまいすみません。

    これからも愛読させて頂きます!

  21. rose

    はじめまして。
    悩みぬいていたwordpressデビューと、Arthemia Premiumを使うことを、こちらのサイトと出会って決めました。cookleのサイトがあまりに素敵だったので、確信をもってスタート。そしてサイトも熟読しました。
    し、しかし。やはり皆さんと同じように、画像の表示ができません。。。。名前をImageと大文字にすべき、ということも知り、それもしました。パーミッションも777に変えました。最初の写真をサムネイルに使う、と、このカスタムフィールドで設定の両方の方法も試しました。ですが、サムネイルが出てきません。。。
    困ってこちらに質問させてもらおうと思いましたが、お問い合わせフォームも見つかりませんでした。ちょっと具体的なURLを出しにくいもので、こ、こまりはててしまいました。
    できましたら、おたすけくださいませ。す、す、すみません。

  22. marimo

    ROSEさん

    急遽、お問い合せフォーム付けました(というか、リンクをはり忘れていただけなんだけど)。よろしければ、こちらか、お出ししたメールの返信かで詳しい内容をお知らせくださいね。

  23. msi

    私も上にコメントされた方と同じ問題に悩んでいましたが
    おかげで問題を解消できました!多謝多謝!

  24. marimo

    msiさん

    わざわざコメントくださって、ありがとうございます。このページを作った甲斐があったと思える瞬間で、とても嬉しかったです。

    先日、上の段のroseさんのお蔭で、Arthemia Premium の内容を見るチャンスがありました。さすがPremium版、コードをいじる部分がほとんど管理画面から操作できるようになっていましたよ。デザインもPremiumだけど、それを実現する部分もPremiumで……。

    msiさん、すてきなサイトが完成しますように……!

  25. takado

    管理人様

    初めまして、WordPresst超初心者です。

    恥ずかしながら教えて下さい。
    Headline と Featured の表示はどのようにすれば出るのですか?
    他は、上記のやり取りで何となくわかるような気がしています。

    宜しくお願い致します。 _(_^_)_

  26. marimo

    TAKADOさん

    ご質問いただいた

     > Headline と Featured の表示はどのようにすれば出るのですか?

    ですが、Headline と Featured というカテゴリを作れば(もちろんそのカテゴリの記事が必要ですが)自動的に反映されます。表示させる記事数は index.php 内のコードで制御できますよ。

    もし、クックるをご覧いただいているなら、Featured は3記事(< ?php query_posts("showposts=3&category_name=Featured"); $i = 1; ?>)にしています。Headline は、完全にカスタマイズしてしまっているので、Headline カテゴリとは関係なくなっています。

    元のテーマは、両項目ともタイトルとして「Headline」「Featured」と表示されていたような……? 

    以上です。また何かありましたら、どうぞ!

  27. takado

    こんな超初心者にご対応頂き、感謝感謝です。
    お邪魔ついでにお聞きしたいのですが
    たのWordPressのテーマは日本のモノが少しで
    海外のものばかりで説明もほとんど無いようなモノ
    そんなものをいじろうと思ったらなにか基本的な操作の
    仕方などはあるのですか?

    いわゆる概念みたいなものはあるのですか?
    差し支えない範囲で良いです。
    もし教えて頂ければ幸いです。 _(_^_)_

    まずは今回の解答ありがとうございました。

  28. marimo

    TAKADOさん

    「いわゆる概念みたいなものはあるのですか?」ですが、WordPressの仕様そのものが概念なので、それを理解していくのと、後はcssが必須だと思います。海外のthemeを使うのは、やっぱり英語がちょっとネックになるかもしれません。が、WordPressの理解が英語を助けてくれる(想像がつくので)という面と、慣れが大きいと思います。私はWordPress攻略のため、提供サイトの英語を必死で読んでいるうちに苦労なく読めるようになったんですよ。

    「説明もほとんど無い」とありますが、今回TAKADOさんが質問してくださった件だけでなく、この記事へのコメントのほとんどが、提供サイトに説明されています。要は目が慣れて、WordPressの独特の単語に慣れて、説明の表現に慣れていけば、結構どのthemeもモノに出来るのではないでしょうか?

    どうぞ素敵なサイトを作ってください。また、何かありましたらどうぞ。

Reply to “WordPressテーマ「Arthemia」を使う”


記事中の画像は概ねクリックすると拡大表示されます!



手頃なレンタルサーバー

  どこを選びますか?