WordPressのテンプレート、プラグイン、カスタマイズ情報サイト | ホームページ制作のmono-lab

WordPressのテンプレート、プラグイン、カスタマイズ情報サイト|mono-lab

2009年 7月 21日

WordPress 自作テーマ monochrome の紹介

今日は、わたしが作成したWordPress用テーマ【monochrome (モノクロ)】を紹介します。

対応しているWordPressのバージョンは2.6以上になります。
(2.6以下は未検証)

このテーマは、サイドバーウィジェットやWordPress2.7から導入された入れ子コメント機能に対応しています。

上部メニュー(グローバルメニュー)はドロップダウン式になっており、
カテゴリーまたは、ページのどちらかを管理画面から選択できるようにしました。
階層はひ孫カテゴリー(ページ)までは表示できます。
(ひ孫以降はCSSを修正する必要があります。)

管理画面からは、右サイドに表示されるインフォメーション部分の編集や、
様々な部分の表示・非表示が設定できるようにしてあります。

設定項目

  • タグを表示する
  • 投稿者名を表示する
  • 検索の下に、折りたたみ式タグリストを表示する
  • 右下の「return top」を表示する
  • などいろいろ

また、サイドバー(サイドコンテンツ)を表示しないページをページ作成画面から簡単に
作成できるようにしました。

jqueryを使用していますので、若干他のプラグインと競合する可能性がありますが、
もし不具合があった場合はご報告ください。

デモページを用意しましたので、動作をご確認ください。
一つ目の記事の「read more」をクリックしたら様々なHTMLタグの表示具合が確認できます。
デモサイトは英語で表示されていますが、このテーマは当然日本語化してあります。

monochromeのスクリーンショット
デモサイトを見る

ダウンロードはWordPress本家公式サイトからダウンロードしてください。

ダウンロードページへ進む

バグや不具合、ご意見、ご要望などがございましたらコメント欄へ書き込んでください。

追記です。(7月25日)

上部に表示する親カテゴリーや親ページの数が多いと、
以下のようにメニュー部分がはみ出してレイアウトが崩れてしまいます。

はみ出した例

大変もうしわけないのですが、回避策としては親メニューや親ページの数を
減らしていただくしか方法はありません。

North Wind さま、情報と画像を提供していただきありがとうございました!



関連記事

前のページに戻る
    • Chloe
    • 2009年 7月 24日

    Hello.
    i do love this theme and is using right now.
    But there’s one simple question is that how to change the line height in post.
    I’ve tried to modify line-height in post_content but there’s no change at all.
    Would you please tell me? Thanks.

  1. Hi Chloe.

    To change the line height in post,please change this line

    .post_content p { line-height:—%; }

    Thank you for using my theme!

      • Chloe
      • 2009年 7月 25日

      Thank you. it really works.^_____^

  2. Hi,

    I have localized your theme, monochrome, for the happy Danes. Feel free to get the files and include them in the distribution zip file.

    The theme is showcased here

    http://wordpress.blogos.dk/temaer/#monochrome

    and the Danish language files are available here:

    http://wordpress.blogos.dk/s%c3%b8g-efter-downloads/?did=148

    Thank you for a beautiful theme.

    Georg

    • Hi Georg.

      Thank you for Danish language file.

      I will update my theme tommorrow.

  3. Hi,
    I’ve made a french translation of your theme on my site:
    http://mu.biologie-france.com/blog/2009/07/25/trauduction-du-theme-monochrome-pour-wordpress/
    And the french language files are available directly there:
    http://mu.biologie-france.com/files/2009/07/fr_fr-monochrome.zip
    Thank you for this beatiful theme

    • Hi Reaves.

      Thank you for French language file.

      I will update my theme tommorrow.

  4. Hello again,

    It is a very fine idea with a change log text file. It would be helpful, if you would change the filename to CHANGELOG.txt or CHANGE-LOG.txt or another filename without a space. :-)

    Thank you very much.

    • Hi Georg.

      I will change the file name.

      By the way is there any problem using CHANGELOG.txt?

  5. Thank you for Chinese

  6. Dear mono-lab!

    Sorry my english , im not speak very well. This theme is the best when i saw ever. Im use it but i have got a little problem. When i embedd a flash object the theme add a border the object. I cant disable it, and the border see only firefox.

    How did i disable the border?

    Sorry my english

    Best regards
    Csaba

    • Hi huncsaba!

      To disable the border,delete this line from “style.css”

      object { display:block; margin:0 auto; border:1px solid #000; padding:10px; background:#222; }

      This might help your problem.

      Thank you for using my theme!

  7. Dear mono-lab !

    My “problem” is solved. Many thanks for the help and the great theme. Its fantastic.

    Your theme (mono-lab) available anywhere?

    Thanks

    • Hi huncsaba.

      Sorry but my theme (mono-lab) is not available.

      But I’am planning to make this kind of simple white theme.

    • chichi
    • 2009年 7月 29日

    Hi,

    I use this theme on my blog and noticed that the comment date doesnt show corretly, all comment date will be the same as the post date, have tried to fix this on my own but failed, could u help me?

    Thanks and this theme is awesome!

    • Hi chichi!

      I fixed the comment date bug.

      I will release the new version tommorrow so plese replace “functions.php” with new one.

      Thank you for using my theme!

  8. Fantastic theme. I just installed and configured it. Thanks so much!! Are you Japanese? Your theme is so clean, wonderful logical design, really standing out from the crowd.

    Best greetings from Phnom Penh, Cambodia!
    - Pierre F. Walter

    • Hi Pierre!

      >Are you Japanese?

      Yes I’m Japanese.Sorry for my poor English…

      Thank you for using my theme!

    • Tim
    • 2009年 7月 30日

    Amazing theme! One thing I’ve been trying to figure out is how to change it so that when a user clicks on a category, it only shows excerpts of the posts rather than the full post. Is there any way to change it so that it shows the full post?

    Thanks from New Zealand
    –Tim

    • Hi Tim!

      To change excerpt on the archive(search,tag) page,

      open “archive.php” and go to line 44.

      < ?php the_excerpt_rss(); ?>< ?php _e('[ READ MORE ]', 'monochrome'); ?>

      Change this place with

      < ?php the_content(__('Read more', 'monochrome')); ?>

      This will show full contents.

      If you wan’t to show full contents like the index page,
      I will send you customized archive.php file.

        • Tim
        • 2009年 8月 3日

        Hi again!

        Thanks for the quick reply, and it really helped, although now that I think about it, I would like to show the full contents like it is on the index page if possible. Would you be able to e-mail me the customised archive.php?

        Thanks heaps!
        –Tim

  9. ご質問です。
    私も自作のテーマを
    WordPress公式サイトダウンロードページ
    に公開したいのですが
    本家にどのように投稿したらいいのですか???
    教えて頂けないでしょうか?

    お手数ですが宜しくお願いします。

    • nabeさん、はじめまして。

      >私も自作のテーマをWordPress公式サイトダウンロードページ
      に公開したいのですが

      わたしが今回テーマを発表した一番の理由は、日本人のユーザーに、
      もっと作品を発表して欲しかったからなんです。

      なので、よろこんでお伝えいたします。

      少し長くなりますので、直接メールをいたします。

      また、当ブログでも近日、詳細を書きたいと思います。

  10. はい。ありがとうございます。
    あなたはとても心優しい人ですね。

    メールお待ちしています。
    あなたとお友達になりたいです。

    • Beer
    • 2009年 7月 30日

    Hi, the comment date doesnt show corretly…
    Could you tell me where can I download the newly function.php?

    • Beer
    • 2009年 7月 30日

    Sorry, my problem has solved by myself, but thank you anyway.
    (PS:my english is not well:P)

    • Hi Beer!

      Sorry for comment date bug…

      I already send fixed version (versionn 1.5) to WordPress.org, so plese replace “functions.php” and “comment.php” with new one.

      Thank you for using my theme!

  1. 2009年 7月 24日
  2. 2009年 7月 30日
    トラックバック先 : HELLO WORLD | Do Andromeda Dream of Earth?
  3. 2009年 8月 4日
  4. 2009年 8月 8日
    トラックバック先 : WordPress theme: monochrome – 主题吧
  5. 2009年 8月 8日
  6. 2009年 8月 11日
  7. 2009年 9月 1日
    トラックバック先 : Monochromatyczny – polska skórka
  8. 2009年 9月 2日
  9. 2009年 9月 3日
  10. 2009年 9月 3日
  11. 2009年 9月 21日
  12. 2009年 11月 2日
    トラックバック先 : D/A Traffic Report #5 | DAVE/AVENUE
  13. 2009年 11月 6日
  14. 2009年 11月 13日
  15. 2009年 11月 16日
    トラックバック先 : WordPressテーマ mono-lab | abilict
  16. 2009年 12月 28日
  17. 2010年 1月 10日
  18. 2010年 1月 13日
  19. 2010年 1月 14日
  20. 2010年 1月 25日
  21. 2010年 1月 28日
  22. 2010年 2月 21日
  23. 2010年 2月 24日