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



関連記事

前のページに戻る
    • Sayem
    • 2009年 9月 26日

    hi,
    nice theme……….
    how i can remove border from post image!!!!

    • Hi Sayem.

      Open style.css file and goto line 85.

      .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; }

      delete both line from your style.css.

  1. Hi, i translate your theme (monochrome) and I have small problem.
    I need translate “% comments” to “% komentářů”, but first letter in word must be “c”. If not, I can’t save it.
    Also I need “translate” format of date in left sidebar from m/d to d/m. Can you add this option to translate file?

    Czech language file here: http://box.rypi.cz/+temp/cs_CZ.zip
    Reply to email, please

    Big thanks for your theme
    Rypi

    • Hi Rypi.

      >I need translate “% comments” to “% komentářů”, but first letter in word must be “c”. If not, I can’t save it.

      I’m not so sure about this problem.

      Maybe it works fine if you use Poedit.

      Poedit page

      >Also I need “translate” format of date in left sidebar from m/d to d/m

      Ok I will add this date format to language file at next version.
      (Next version will release on October 2 or 3)

      Thank you for Czech language file.Will you plese send me the new language file after next release?

      • Hi,
        I’m using PoEdit, but I have this problem. You Can do this edit, but no hope…

        Yes, I can send you new language, but I dont have your email, sou i must give it here.

  2. お世話になってます。
    hosoiです。

    monolabさんのテーマを使って、blogもだいぶ充実してきました。
    そこで、新たに教えていただきたいのですが・・・

    「続きをよむ」をクリックしてシングルポストに移動したとき、
    デフォルトですと「続きをよむ」以降が画面の先頭にくるようになっていますが、
    エントリーの先頭が表示されるように変更したく考えております。

    改造の仕方、教えていただいてもOKでしょうか?
    お願いします!!

    • 「続きをよむ」をクリックしてシングルポストに移動したとき、
      デフォルトですと「続きをよむ」以降が画面の先頭にくるようになっていますが、

      実は、この現象はWordPressの仕様によるもので、私のテーマとは関係ないんです。
      ユーザーの中でも賛否両論ある機能の一つですが、私も読者が迷うだけなので、止めて欲しいと思っています。
      結論からいうと、
      seemore
      このプラグインを使用するとページのトップに飛ばすことができます。
      世界中のユーザーが無数のプラグインを作っているのもWordPressの良いところですね。

  3. 実は、この現象はWordPressの仕様によるもので、私のテーマとは関係ないんです。
    ユーザーの中でも賛否両論ある機能の一つですが、私も読者が迷うだけなので、止めて欲しいと思っています。

    そうでしたか!!
    何も調べずに質問してしまい、申し訳ないです。
    さっそくプラグイン導入で万事解決しました!
    いつもありがとうございます!!

  4. Hi,
    i hope you can help me. How can I change the with of the Navigation Bar at the bottom of the site?

    I want that there are shown more page-numbers.

    Sorry for my bad English and thank you for your help!

    Regards from Austria
    Rene

  5. Hey, Thanks for yout theme. I loved it so much.

    I’m not really any good at computers and I’ve got a few questions.

    1.) Can I change the colours of the links on the sidebars.

    AND

    2.) Can you please tell me how to add an image underneath the blog name. I want to make it a bit more personalized. Can I put a long image under the whole ” blog name + pages ” part – that’s practically the whole top part. so there’s an image in between the top and the blog.

    thank you so much

    • Hi Ramo.

      I will send you an e-mail later.

      • Thanks so much mono-lab. But how do you change the colour of the bolg title when you hover. I tried but it messes up some stuff.

        So sorry for the further question. thnx

        • Hi Ramo.

          To change the logo color when you hover,open style.css and goto line 55.

          /*blogtitle*/
          #logo a, #logo a:visited { color:#333; font-size:24px; }
          #logo a:hover { text-decoration:none; color:#33a8e5; }

          Change the color code of #logo a:hover.

  6. Hi people! Well i’m having problems with the gravatar quality in the comments area.. I’ve seen that the $grav_url property of the php has a size set to 35 (its in the link)

    Here you go..

    -> 69ee75?s=35& <-
    (that last s=35 in the URL is the size of the printed image from the gravatar site, not the upper width and height..)

    Any suggestions?
    thanks in advanced..

    how do i modify it to a higer

    • Hi perchristian.

      To change the size of avatar image open function.php and goto line 227.

      < ?php if (function_exists('get_avatar') && get_option('show_avatars')) { echo get_avatar($comment, 35); } ?>

      Change the number “35″ and next open commen-style.css and goto line 32.

      .avatar { border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }

      Change the number of “width” and “height”.

      • Thanks mate!! It works like a charm, again thanks for your professional way of taking care of us. You rock!

    • Rene
    • 2009年 10月 14日

    mono-labさんのコメント:
    Ok thanks Rypi.
    To change the pagenumbers,open navigation.php and
    change the number of
    ‘mid_size’ => 2,

    THANK YOU!
    Yes i meaned the page numbers….

    • Matt
    • 2009年 10月 14日

    Is this theme compatible with 2.8 ?

    • Hi Matt.

      Mattさんのコメント:

      Is this theme compatible with 2.8 ?

      Yes you can use in WP2.8.

    • Flo
    • 2009年 10月 15日

    Hi,

    i really like your themes and they’re perfectly for my blog (www.appshow.de).
    I had no problems and just wanna say thanks!

    Greats,
    Flo

    • Rypi
    • 2009年 10月 17日

    Hi mono,
    I just have done click-able title in search, in tag archive…
    I think it is more user-friendly. Look here for example: http://blog.rypi.cz/tag/windows-7/

    I would it in “oficial” version, but you are decider.

    • Hi Rypi.

      Ok I will change the title like that in next version.

      Thank you for the idea!

  7. 喜欢你的skin呢…
    日语很无能内….用中文 大丈夫(好像就是没关系的意思)?
    comments 里面 有个hover的颜色一直调不好 请指正一下 在css那边调教

    如下面 这个地址中
    http://www.sukicn.net/guestbook

    comments(*) 这个颜色

    • HI 花莫笑.

      I’m sorry.I can’t understand Chinese so will you write again in English?

    • ff
    • 2009年 10月 28日

    omg! great theme!!! and for free!!! thank you so much!

    • Reza
    • 2009年 10月 28日

    I love your theme! I have been looking for one for a few weeks now, yours is the best one I’ve come across!

    I was wondering if it’s possible to change a few things… I’ve tried reading the CSS and figuring it out but have had noo luck..

    1.) Instead of (Reza Evol Photographer & Graphic Designer) in the top left corner… Is there a way i can put my own logo in there?

    2.) When you add a page break it says “read more” is it possible to change that.. if i wanted to say “more pictures inside post”?

    Thanks for you time
    Live . Love . Laugh

    ~Reza Evol~

      • Reza
      • 2009年 10月 28日

      Ok so i figured out the second question it was in the index php, If I can just get help with putting my own logo on the top left…..

      • Hi Reza.

        I will send you an E-mail later about your question.

    • Rypi
    • 2009年 10月 30日

    Hi,
    i have one issue.
    If I have page with “No sidebar” theme, I don’t have any “EDIT” link. This link is very useful, so you can add it in next version

    • Hi Rypi.

      Ok I will change in next version.

      Thanks for your advice!

  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