今日は、わたしが作成したWordPress用テーマ【monochrome (モノクロ)】を紹介します。
対応しているWordPressのバージョンは2.6以上になります。
(2.6以下は未検証)
このテーマは、サイドバーウィジェットやWordPress2.7から導入された入れ子コメント機能に対応しています。
上部メニュー(グローバルメニュー)はドロップダウン式になっており、
カテゴリーまたは、ページのどちらかを管理画面から選択できるようにしました。
階層はひ孫カテゴリー(ページ)までは表示できます。
(ひ孫以降はCSSを修正する必要があります。)
管理画面からは、右サイドに表示されるインフォメーション部分の編集や、
様々な部分の表示・非表示が設定できるようにしてあります。
設定項目
- タグを表示する
- 投稿者名を表示する
- 検索の下に、折りたたみ式タグリストを表示する
- 右下の「return top」を表示する
- などいろいろ
また、サイドバー(サイドコンテンツ)を表示しないページをページ作成画面から簡単に
作成できるようにしました。
jqueryを使用していますので、若干他のプラグインと競合する可能性がありますが、
もし不具合があった場合はご報告ください。
デモページを用意しましたので、動作をご確認ください。
一つ目の記事の「read more」をクリックしたら様々なHTMLタグの表示具合が確認できます。
デモサイトは英語で表示されていますが、このテーマは当然日本語化してあります。
ダウンロードはWordPress本家公式サイトからダウンロードしてください。
バグや不具合、ご意見、ご要望などがございましたらコメント欄へ書き込んでください。
追記です。(7月25日)
上部に表示する親カテゴリーや親ページの数が多いと、
以下のようにメニュー部分がはみ出してレイアウトが崩れてしまいます。
大変もうしわけないのですが、回避策としては親メニューや親ページの数を
減らしていただくしか方法はありません。
North Wind さま、情報と画像を提供していただきありがとうございました!


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
Hi David.
Your blog title are pushing header menu down so you should try monochrome 1000 instead.
Monochrome 1000 is 1000px wide version.
Download monochrome1000
はじめまして。とても素敵なテーマで愛用させていただいてます。
左側をウィジェット化したいのですがどこを弄れば可能ですか?
不躾な質問で申し訳ございません。アドバイスお願い致します。
次のテーマも楽しみにしています。頑張って下さい。
はじめまして。
左サイド(日付などが表示されている部分)はループ処理を加えて日付などの情報を取得しています。
左サイドにウィジェットを表示するには、日付表示などを削除する必要がありますので、
あまりお勧めしません。
修正するには、多くのファイルに手を加える必要があるため、
時間的にも私の方では対応することができません。
ご期待に答えられなくて、大変申し訳ございません。
いつもお世話になっております。
下記ページが正常に開かないのですが、原因がお分かりになられたら教えていただけると幸いです。
http://blog.shigekazu.jp/archives/4455
こんなメッセージが書かれています。
お手すきの際でけっこうです。宜しくお願いします。
ソースコードを見てみましたが、該当のメッセージはold-post-notifierプラグインから読み込まれていますので、
そのプラグインが問題を引き起こしていると思います。
参考になれば幸いです。
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.
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
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.
初心者です、avatarは使えますか?
はじめまして。
WordPressに標準搭載されているavatarは、「Gravatar」と呼ばれるavatarになります。
「Gravatarのサイト」
当然、私が作成したテーマでも利用可能です。
ちなみに、もうすぐリリースされるWordPress 3 ではtwiterが標準搭載されるといわれています。
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.
hey I just wanna say thank you for making this awesome wp theme \m/
Hi Lucas.
You are welcome!
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.
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.
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.
ありがたく使わせていただいています。neutral楽しみですね。期待しています。頑張ってください。
はじめまして。
テーマを利用していただきありがとうございます。
出来る限りみなさまの要望を取り入れたいので、ご意見・ご要望をお待ちしております。
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.
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!
Nice “buildings”.
Greetings full of sun from Hannover, Germany.