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 さま、情報と画像を提供していただきありがとうございました!



関連記事

前のページに戻る
  1. Absolutely love Monochrome that was released for Wordpress. The design is very user friendly from both an admin. side and the user interface side. Awesome job!! Thanks so much!!!

    David Guzman

    • Kuroneko
    • 2010年 2月 5日

    はじめまして。とても素敵なテーマで愛用させていただいてます。

    左側をウィジェット化したいのですがどこを弄れば可能ですか?
    不躾な質問で申し訳ございません。アドバイスお願い致します。

    次のテーマも楽しみにしています。頑張って下さい。

    • はじめまして。

      左サイド(日付などが表示されている部分)はループ処理を加えて日付などの情報を取得しています。

      左サイドにウィジェットを表示するには、日付表示などを削除する必要がありますので、
      あまりお勧めしません。

      修正するには、多くのファイルに手を加える必要があるため、
      時間的にも私の方では対応することができません。

      ご期待に答えられなくて、大変申し訳ございません。

    • 884
    • 2010年 2月 6日

    いつもお世話になっております。

    下記ページが正常に開かないのですが、原因がお分かりになられたら教えていただけると幸いです。

    http://blog.shigekazu.jp/archives/4455

    こんなメッセージが書かれています。

    お手すきの際でけっこうです。宜しくお願いします。

    • ソースコードを見てみましたが、該当のメッセージはold-post-notifierプラグインから読み込まれていますので、
      そのプラグインが問題を引き起こしていると思います。
      参考になれば幸いです。

    • Ben
    • 2010年 2月 16日

    I would like to continue to use MONOCHROME, but I don’t know how to add widgets or modify to make a custom header above, any help?

    Ben

    • Hi Ben.

      You can add widget like other theme.
      WordPress dashboard > Appearance > Widget

      To customize header, you need some knowledge about stylesheet and html.
      “header.php” and “style.css” is the file you have to customize.

    • Flo
    • 2010年 2月 23日

    Hi,

    i’m now using your theme since 4 months and wanted to add a logo in the header, but it doesn’t work with my method. I changed the header.php so i saw the logo in the left corner, but the whole header just charshed. So can you tell me how to modify the header and style.php to get a logo in the header?

    Thank you very much!

    Greats from Germany,
    Flo

    • iolo
    • 2010年 2月 23日

    Sweet theme, I’ve totally loved it (you’re talented) !
    but unfortunately I’ve just installed Drupal on my server, so the theme won’t work with it unless it’s for WP themes, I’m wondering if there any version that may works on DP! :)

    Thanks

    • Hi iolo.

      I’m very sorry but I’m not planning to release Drupal theme. :-|

    • kei
    • 2010年 2月 24日

    初心者です、avatarは使えますか?

    • はじめまして。
      WordPressに標準搭載されているavatarは、「Gravatar」と呼ばれるavatarになります。
      Gravatarのサイト」
      当然、私が作成したテーマでも利用可能です。
      ちなみに、もうすぐリリースされるWordPress 3 ではtwiterが標準搭載されるといわれています。

    • thereal
    • 2010年 2月 24日

    Hello, how do you add a custom logo to the “Piano Black” header?

    • Hi thereal.

      Goto your WordPress Dashboard > Appearence > Theme Options

      and check “yes” at the first checkbox.
      Next upload your original logo to pianoblack theme “img” folder.
      ( You have to name your original logo as “logo.gif” )
      Last adjust number of margin in style.css line 53.

    • Lucas
    • 2010年 2月 26日

    hey I just wanna say thank you for making this awesome wp theme \m/

  2. Hi! Love your monochrome theme!!
    Question : When I post an image, I set it to “full-size”, is there a way that the image can be auto-sized to fit nicely within content / post area?
    At the moment it just overflows.
    Or do I have to go set the size of each image post manually?

    Thanks!
    Chris

    • Hi Chris.

      It is difficult to identify the size of each image.
      I will recommend to use thumbnail for each image or you can try “monochrome 1000″ instead.
      Monochrome 1000 is little bit wider than normal monochrome.

    • David
    • 2010年 3月 7日

    Hi, first i shud say thank you so much !

    I have 2 questions/ is there any way to simply add a custom logo to the header instead of the current site name !!
    Second Q / i’ve noticed that when i click on custom category, my blog posts images just don’t show up on the category page, so it’s only comes up with the post author & the post title, i’ve also noticed that the left sidebar (Post Date, Post author and also the category posted in) just don’t appear ! so i just checked pianoblack..so everything works well, the categories pages posts appear the same as the home page posts.
    The question is/ do i have to install any plugin’ that may help my categories posts to show up the same way i see my home page posts or something else ?

    I would very much appreciate your help!
    Thanks in advance

    • Hi David.

      Many people asked me about using original logo image.So in next version I will make it more easier to use your own logo instead of simple text.

      And about archive page, I already fixed in “monochrome 1000″ so check in this demo page. DEMO PAGE

      Next version up will be this week ( I hope I can get time… ) so plese wait little more. :-o

        • David
        • 2010年 3月 9日

        Thank you so much for the quick reply!

        BTW i just fixed my category page, so everthing is fine (i renamed archive.php to category;.php)

        About logo, i hope you meet time, we’ll wait for the new version, thank you so well !

        Best Regards.

  3. ありがたく使わせていただいています。neutral楽しみですね。期待しています。頑張ってください。

    • はじめまして。

      テーマを利用していただきありがとうございます。
      出来る限りみなさまの要望を取り入れたいので、ご意見・ご要望をお待ちしております。

  4. Hello again!

    I seem to be having a problem with placing some customized links at the top, on my header.php.

    I wanted to keep the HOME button (which I renamed to “INÍCIO”), as well as my categories (seing that I only have one parent category, namede “VÍDEOS”).

    Even so, I wanted to add 3 other links in the middle… as you can see on my website, two of which are pages (named “sobre nós” and “contacto”).

    Nonetheless, I don’t seem to be replicating the php code well… I basically placed something like:
    CONTACTO
    …for my contact page… But I regretfully seem to loose the “mouse-over” function, as well as the highlight of the link once it is selected…

    What I mean so say is that, once clicked, my CONTACTO link doesn’t behave like my HOME (or “INÍCIO” in this case) link.

    Any way to place the correct code in my header so that I can keep the same behavior?

    Thanks a million!!

    Btw, the theme is absolutely wonderful! I love it! Great work and thank you for your time and dedication!

    • Hi TuxTemplar.

      I will send you an email later.
      It is difficult to answer in this comment area.

    • David
    • 2010年 3月 14日

    Hi,

    Another 2 questions as usual : d

    I’m wondering if there any way to move up the “return top” link little bit above, because i’m currently using small chat bar at the bottom, so that prevents showing the “top” word!
    Second Q/ can i hide “posted by” link on my pages and keep it at the same time on my posts ? i tried to uncheck author name in theme options, but when i did, “posted by” link disappears on posts too!

    Thanks in advance!

  5. Nice “buildings”.
    Greetings full of sun from Hannover, Germany.

  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日
  24. 2010年 3月 8日
    トラックバック先 : WordPressテーマ工房
  25. 2010年 3月 22日
  26. 2010年 4月 1日
    トラックバック先 : En Güzel Wordpress Temaları (2) | VESON
  27. 2010年 4月 13日
  28. 2010年 6月 13日
:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:
  • move
  • close
use smiles