WSC4のカテゴリーページをブログスタイルにする方法

WSC4で標準状態のカテゴリーページは、記事タイトルのみが表示されるタイプですが、ブログとして利用するなら本文も表示させたい場合もあるでしょう。

ブログスタイル

次の方法で普通のブログスタイルに変更できます。

  1. テーマフォルダから、index.phpをダウンロード
  2. category.phpにリネームして同じ階層にアップロード

タグページをブログスタイルにする場合も同様です。

  1. テーマフォルダから、index.phpをダウンロード
  2. tag.phpにリネームして同じ階層にアップロード

ブログなどのカテゴリーだけ、ブログスタイルにしたい場合は、

  1. テーマフォルダから、index.phpをダウンロード
  2. カテゴリーIDを調べ2だった場合は、category-2.phpにリネームして同じ階層にアップロード

いずれの場合も、トップページで使用したイメージ画像が挿入されているので、不要な場合は、<div id=”topimage”></div>を削除します。

これまでのコメント

  1. :

    お忙しいところ書き込みを失礼いたします。

    先日初めてWRDPRESSを知り、色々と調べているうちに今井様のサイトにたどり着きました。

    HPはそう詳しくないものの、今井様の解説を読みながらサーバーへのインストールを行っております。

    そのようにしている中で、1つお伺いしたいことが出てきましたもので、失礼かとは思いましたが書き込みをさせて頂きました次第でございます。

    私が作ってみようと思っているページは、左側にメニューがあって、右側に本文があるという形式のものなのですが、このように変更することは可能なのでしょうか。

    WSCによるサイトへのリンクを見ている感じでは、そのような形式で作成されているサイトもございましたので、可能なのかなー、とは思っているのですが、何分CSSに不慣れなため、どのようにしたらよいものか分かりません。

    いきなりの書き込みで失礼かとは存じますが、もしよろしければご教授頂けませんでしょうか。

    お手数をおかけすることになり申し訳なく思っておりますが、お時間のございますときで結構ですので、何卒よろしくお願いいたします。

  2. imai :

    ご利用ありがとうございます。

    ご相談の件ですが、これはCSSで制御された部分になります。
    #alpha{float: left;}
    #beta{float: right;}
    という、記述がありますので、leftとrightを入れ替えれば、単純に左右は入れ替わる事になります。細々したクリアランスの調整が必要かどうかやバグがあるかどうかは、やってみないとわからないところですが、是非挑戦してみてください。

  3. :

    ご回答ありがとうございます!!!

    さっそくやってみましたところ、若干CSSとwordpressに不慣れなこともあり手間取りましたが、無事、サイドバーを左にもってくることに成功いたしました!!!

    今日はずーっとこの事ばかり考えてましたので、ほとんど仕事できませんでした。。。
    (また嫁さんに怒られます。。。)

    これから色々と試してみたいと思います。

    また完成いたしましたらご報告させて頂きます。

    このたびは本当にありがとうございました。
    今後ともよろしくお願いいいたします。m(_ _)m

  4. Yuki :

    こんにちは。
    Wordpressの質問をさせてください。
    上のメニューのpage_naviの部分にBBSなどの外部リンクをしたい場合はどうすればよいのでしょうか。
    御伝授よろしくお願いします。

  5. imai :

    Yukiさん、ご利用ありがとうございます。
    ご質問の内容では対応するには、テーマファイルをカスタマイズする必要があります。

    header.phpの以下の部分で、
    <ul id=”page_navi”>
    <!–このメニューに表示させないページIDをカンマ(,)区切りで入力–>
    <?php wp_list_pages(‘title_li=&depth=1&exclude=ページID’); ?>
    </ul>

    次のようなliを追加すれば、可能かと思います。

    <ul id=”page_navi”>
    <!–このメニューに表示させないページIDをカンマ(,)区切りで入力–>
    <?php wp_list_pages(‘title_li=&depth=1&exclude=ページID’); ?>
    <li class=”page_item”><a href=”xxx.URL.xxx”>BBS</a></li>
    </ul>

    上手く行きましたら、またURLなど教えてください。では。

  6. type74 :

    こんにちは。
    カテゴリーの表示に関する質問をさせてください。
    現状は、カテゴリーのタイトルリストは、
    新しい記事が上のほうにくる、昇順になっていますが、
    これを古い記事が上にくるように、降順にしたいのです。

    archive.phpの

    <a href=”" class=”title”>

    あたりを変更すれば実現できそうなのですが、
    色々試しましたが実現できません><
    タイトルリストを降順にする方法を御教授くださいm(__)m

  7. imai :

    type74さん
    簡単に降順を実現するには、テンプレート編集しても可能だと思いますが、難しいようなら「Custom Query String Reloaded」プラグインを使ってみてはいかがでしょうか。
    http://wsc.studiobrain.net/4/a/19

  8. type74 :

    archive.phpの内容を、category.phpにコピーして

    <?php if (have_posts()) : query_posts(‘&order=ASC’);?> ←を追加
    <?php while (have_posts()) : the_post(); ?>
    <li><a href=”<?php the_permalink() ?>” class=”title”><?php the_title(); ?></a>
    <span class=”date”><?php the_time(‘Y/m/d’) ?></span></li>
    <?php endwhile; endif; ?> ←編集

    上記のようにすることでできました。
    どうもお騒がせしましたm(__)m

  9. Hiroki :

    こんにちは。
    テーマを使わせていただこうと思い色々と試させていただいてます。
    カテゴリーページをブログスタイルに変更するためにindex.phpをcategory.phpにリネームしたのですが、表示される記事のテキストが画像に回り込まなくなってしました。

    これを回避する方法は何かございますでしょうか? 
    お忙しいところ申し訳ありませんが、何かヒントをいただければと思います。
    何卒よろしくお願いいたします。

  10. imai :

    Hirokiさん

    style.cssで、
    /*WP2.5ビジュアルエディタ*/
    .page img.aligncenter {display: block;margin: 0 auto;}
    .page img.alignleft {float: left;margin: 0 10px 10px 0;}
    .page img.alignright {float: right;margin: 0 0 10px 10px;}

    という記述を
    img.aligncenter {display: block;margin: 0 auto;}
    img.alignleft {float: left;margin: 0 10px 10px 0;}
    img.alignright {float: right;margin: 0 0 10px 10px;}

    とすれば、よろしいかと思います。
    試していませんので、他に影響が出ないとは言い切れませんが、
    お試しの上またレポートください。

  11. nono :

    質問です。
    上記の「WSC4のカテゴリーページをブログスタイルにする方法」を
    試しているのですが、変わりません。
    WordPressのバージョンに依ってはできないのでしょうか。
    バージョンは 2.7.1です。

    一応、念のため確認ですが、
     1.テーマフォルダから、index.phpをダウンロード
     2.category.phpにリネームして同じ階層にアップロード
    これを行うと、まったく同じ内容のindex.phpとcategory.phpが
    存在する状態になるんですよね?
    (index.phpをコピーして、それをcategory.phpにリネーム。と同じ?)

    よろしくお願いいたします。

  12. imai :

    バージョンは2.7.1で問題ありませんし、方法も間違いありません。
    できるはずなんですが…おかしいですねえ。

  13. nono :

    何度もすいません。
    最初から誤解していました。

    投稿ページをブログスタイルにするつもりで、上記の記事を読んでいました。
    category.phpを作ったらちゃんとカテゴリページはブログスタイルになっていました。
    大変失礼いたしました。

この記事にコメントする

 

2010年7月
« 3月    
 123
45678910
11121314151617
18192021222324
25262728293031

WEB標準(XHTML+CSS)合格

CSS Validator 検証 CSS Validator 検証

WSC4は、WEB標準に準拠したXHTML+CSSコーディングでValidator検証に合格しています。

テーマのカスタマイズ承ります

WSC のオリジナルデザインや、ご自分ではできないカスタマイズを承ります。その他のテーマやプラグインに関する相談もお気軽にお寄せ下さい。 http://www.studiobrain.net/

Powered by WordPress, WP Theme designed by WSC Project. ログイン