今日は、わたしが作成したWordPress用テーマ【monochrome (モノクロ)】を紹介します。
対応しているWordPressのバージョンは2.6以上になります。
（2.6以下は未検証）
このテーマは、サイドバーウィジェットやWordPress2.7から導入された入れ子コメント機能に対応しています。
上部メニュー（グローバルメニュー）はドロップダウン式になっており、
カテゴリーまたは、ページのどちらかを管理画面から選択できるようにしました。
階層はひ孫カテゴリー（ページ）までは表示できます。
（ひ孫以降はCSSを修正する必要があります。）
管理画面からは、右サイドに表示されるインフォメーション部分の編集や、
様々な部分の表示・非表示が設定できるようにしてあります。
設定項目
- タグを表示する
- 投稿者名を表示する
- 検索の下に、折りたたみ式タグリストを表示する
- 右下の「return top」を表示する
- などいろいろ
また、サイドバー（サイドコンテンツ）を表示しないページをページ作成画面から簡単に
作成できるようにしました。
jqueryを使用していますので、若干他のプラグインと競合する可能性がありますが、
もし不具合があった場合はご報告ください。
デモページを用意しましたので、動作をご確認ください。
一つ目の記事の「read more」をクリックしたら様々なHTMLタグの表示具合が確認できます。
デモサイトは英語で表示されていますが、このテーマは当然日本語化してあります。
ダウンロードはWordPress本家公式サイトからダウンロードしてください。
バグや不具合、ご意見、ご要望などがございましたらコメント欄へ書き込んでください。
追記です。（7月25日）
上部に表示する親カテゴリーや親ページの数が多いと、
以下のようにメニュー部分がはみ出してレイアウトが崩れてしまいます。
大変もうしわけないのですが、回避策としては親メニューや親ページの数を
減らしていただくしか方法はありません。
North Wind さま、情報と画像を提供していただきありがとうございました！
関連記事
Hi, and thank you for this wonderfull theme, I’ve some problem to load third party plugins to my wordpress, (white page when I’m enabling plugins, or problem to show widgets, I don’t know if it’s related or no to your theme, I’m just wondering if you already got some troubles to load those plugins :
social web links and social grid. (I’m using wordpress 2.8.6)
Thank you’
Hi lionel.
Can you tell me the URL of those plugin?
hi,
http://wordpress.org/extend/plugins/social-web-links/
and
http://wordpress.org/extend/plugins/socialgrid/
Hi lionel.
Sorry for my late reply.
It works fine in my test server.
Maybe other plugin is having confliction.
Thank you for the theme, its great!
I have one problem, I am using it on a site that gets a ton of comments and the commenters would like to have the date and time be linked to the comment like it is in the default Kubrick theme.
I couldn’t figure out how to do this, is it possible??
I sent an email to, so whichever gets an answer first is fine.
Thank you!
Jeremy
Hi Jeremy.
I will send you an e-mail later.
はじめまして。
テーマを使わせていただきました！シンプルで大変気に入っています。
ところで、ご質問がございます。
コメント機能のプラグインにintensedebateを使用しているのですが、コメント箇所の左右の余白がなくなっています。ＣＳＳのどの箇所を修正すればいいのか、お分かりになりましたら教えていただきたいです。
宜しくお願いします。
はじめまして。
テーマをご利用いただきありがとうございます。
コメントに関するCSSは全て、comment-style.cssの中に記述してあります。
コメント欄はで囲まれていますので、
#comment_wrapper の左右のpaddingを設定すれば、余白ができると思います。
ただ、ご利用されているコメントプラグインが独自のCSSを読み込んでいるようですので、
おそらく、プラグイン側のCSS修正も必要になると思います。
ありがとうございます。コメントさせていただいてから、プラグイン独自のCSSの設定というのが分かりました。
さらに追加でご質問がございます。
いくつかの画像（バナーなど）をボーダーなしにしたく、ＣＳＳをいじってみたのですが、反映されません。アドバイスをいただけたら幸いです。
画像のボーダーは、style.cssの86行目にある
.post img, .post a img { border:1px solid #ccc; padding:5px; margin:0 10px 0 0; background:#f2f2f2; }
.post a:hover img { border:1px solid #38a1e5; background:#9cd1e1; }
で設定しています。
この部分を削除もしくは、修正すればボーダーを消すことができます。
PS:画像のボーダー、結構評判悪いんです。止めたほうがいいのかな・・
ありがとうございます！画像のボーダーは好きですｗ
ただバナーとかボーダーにしたくないときもあるので、使い分けたいですね
ご丁寧にありがとうございました
楽しくテーマを今後も使わせていただきます
Hi
Thanks for your themes.Could you tell me how to add a LOGO to each pages instand of the name.THANKS
Best regards
Caden
Hi caden.
I will send you an e-mail later.
Hi,
How can I change the data format in for the page with date. I need to display in this format
YEAR
Day/Month
It’s just switch between d and m…
Thank you!
Hi Pedro.
To change the date format,you need to know little bit about wordpress date code.
About Date and Time
To make the date format to be Date/Month.open index.php and goto line 20.
Switch “m” and “d” code and you can change the date format.
You also need to change single.php,page.php,archive.php,search.php.
Hi mono-lab
I have got your email reply,thank you very much,you are so warmhearted and smart,Thank you again and hope you happy everyday.
Best regards
Caden
i’m sorry, i posted this in the wrong section last time…
thanks for the great theme, i was just wondering if you could help me with the jquery conflicts that monochrome causes?
http://wordpress.org/support/topic/349944
Hi bthaxor.
I’m not sure which plugin are you using so first plese download this plugin.
Fancy Box of WordPress
Next open header.php of monochrome and remove
<?php wp_head() ?> above on </head> tag.
Last activate plugin and goto plugin option page.
Click the “Troble Shooting” tab and check “do not call jQuery” and check off “jQuery no conflict mode”.
Now fancybox will work on monochorme.
But I can not recommend using facybox.(It doesn’t work so well in IE)
How about trying colorbox instead of fancybox.
thanks for the prompt response mono-lab:
and yes, that’s exactly the same plugin i’ve been using – and i’ve tried all possible plugin settings including the ones you mentioned, and nothing works.
removing the wp_head() in the header of the theme would just disable all of my plugins from being called, wouldn’t it? INCLUDING fancybox… i’ve been there and done that as well…
Hi bthaxor.
Sorry for my poor English.
Plese move the <?php wp_head() ?> like below.
<?php wp_head() ?>
</head>
move <?php wp_head() ?> just above of </head>
I will send you custom header.php file if you can’t understand…
once again thank you for your help – and your english is fine
AND IT WORKED!
i can’t express in words how thankful i am – for such a beautiful theme and your willingness to help.
thank you very very much!
いつもテーマを使わせていただいており、ありがとうございます。
私のブログのメニューの箇所（ホームなどのリンクボタン）に不都合が出てしまいました。私のカスタマイズで不都合が起きたと思われますが、もしよろしければ修正点を教えていただけませんでしょうか。
メニューのホームの右端に縦線が入ってしまっている
メニューのリンクをオンマウスすると、黒いボタンがはみ出る
お手すきの際に教えていただけると幸いです。
よろしくおねがいします。
こんにちは。
え～と、ずいぶんjavascriptが読み込まれていますね・・・・ (^_^;)
表示のズレは、私が作成した「jscript.js」が動作していないのが原因ですが、
読み込み自体は行われているので、別のjavascriptと競合を起こしている事が問題だと思います。
例えば、jqueryが3回ほど読み込まれていたりするので、
プラグインをON、OFFしながら、どのプラグインが競合を起こしているのかチェックをする必要があると思います。（contact form7あたりが怪しいかも・・・）
こんばんは。
いっぱいプラグイン入れちゃってまして。。。
ご指摘どおり、いろいろ探ってみました。今のところなんとかリカバリーで来ました。
いつも本当にありがとうございました。助かりました！
はじめまして。
凄く綺麗なテーマで感動しました。
日本語表示も綺麗なので、使い続けようと思います。
こういうテーマ作りは大変だろうと思うのですが、
他にも色々発表してもらえると嬉しいです。
ありがとうございました。
はじめまして。
ご利用いただき、ありがとうございます。
フォントによってレイアウトがくずれるなど、まだまだ甘い部分がありますが、
少しづつ修正を加えながら皆様のご期待に答えられるようにしたいと思います。
実は未発表のテーマが2つほどあるのですが、公開する時間がとれない状態です。
2～3月ごろには公開できるようにがんばります。
Hello!
I love your theme, but i’m wondering, how can I change page height, and sidebar-content ratio? I want the whole page to take over abou 85%, and the content-sidebar radio would be 70%-30%
Hi Greg.
I’m sorry I couldn’t understand which part are you talking about.
Will you explain me more information…
Sorry for my poor English skill.
Oh, I didn’t even mean what I said.
I want to make the page wider. For example, the page is now 700px, and I want it to be 1000px, or 80%.
I also want to change how wide is the sidebar.
I hope you’ll understand now.
Hi Greg.
How about using monochrome 1100.
Main content width is about 700px.(actually 680px..)
monochrome1100 （ DOWNLOAD monochrome 1100）
はじめまして。
シンプル イズ ビューティフル！
素敵なテーマに感謝します。
さて、何度か出てきているテーマなのですが・・Lightboxの件で質問させて下さい。
Lightboxにはjqueryをベースにしたバージョンもありますので、
WP-Slimbox2とadd-lightboxを併用して使用してみてください。
Lightbox2が動かなかったので、WP-Slimbox2とadd-lightboxをインストールして有効化してみたのですが・・うまく動いてくれません。
何らかの設定が必要なのでしょうか？
お忙しいところお手数をおかけしますが、アドバイスを頂ければ幸いです。
宜しくお願いいたします。
はじめまして。
え～と、サイトを拝見させていただかないと何ともいえません・・・
登録していただいたメールアドレスにメールを送ってもよろしいでしょうか？
ご丁寧にありがとうございます。
メール、お待ちしています。
Thanks for your themes.
I love zhis theme very much.
I want to build a alone archives page, but i don’t konw how to do!
私もgluckさんと同じくLightbox2が動かなかったので、WP-Slimbox2とadd-lightboxをインストールして有効化してみたのですが、動いてくれません。
手動で、タグを挿入しても反応なし。
この状態で、テーマを変えると反応があります。
こちらのテーマが気に入ってるので使用したいです。
お手数ですが、お時間ある時にアドバイス頂けると助かります。
はじめまして。
いろいろご迷惑をおかけして申し訳ございません。
実は、タグを記述する順番を間違えていたため、うまく動作しなかったようです。
最新版では修正しますが、今お使いのテーマファイルを修正する場合は、以下を修正してください。
header.phpの下の2行
<?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?>
<?php wp_head(); ?>
を</head>の真上に移動してください。
これで大丈夫だと思いますが、うまくいかない場合は、
お手数ですが、ご連絡ください。
早速の対応ありがとうございます。
修正したところ、問題なく作動しました。
こちらのテーマは、シンプルで気に入っています。
新作の発表もあるとのことで、とても楽しみにしています。
見た目で選んだ結果、作者が日本人だったのも嬉しかったです。
フリーであるのに、サポートや更新が大変だとは
思いますが、今後のご活躍が楽しみです。
It is wonderfull theme for wordpress. Thank you so much
You’re welcome!