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

2009年 11月 28日

monochrome 素材 ( material ) の配布

各国のユーザーから、「色を変更したい」「幅を変更したい」との要望を受けることが多いため、
monochromeの素材を配布したいと思います。

素材はPSDファイルですので、編集するにはphotoshopが必要になります。
ファイルには、ガイドが表示されていますので、編集した素材をカットするときの目安にしてください。

メイン部分を構成しているのは、header.gif     side.gif     footer.gif の3つのパーツになり、場合によってはstyle.cssでの調整が必要になりますので、少し面倒な作業になると思います。

そこで、現在横幅を980pxまで広げたワイドタイプや、右側を piano black のように2つのウィジェットに対応させるタイプを作成していますので、今しばらくお待ちください。

monochrome material ( DOWNLOAD monochrome material PSD files)

material image

関連記事

前のページに戻る
  1. Thanks a lot : )

  2. Hi,

    I installed Wibiya on my wordpress, and it broke all the js actions in Monochrome theme.

    Don’t expect it to be fixed by you, just want to have some insight :)

  3. Haha, never mind, solved the problem by adding a couple of parameters when the page loads Wibiya. It was just too much jQuery, jQuery A doesn’t like jQuery B ;)

    • jack
    • 2009年 12月 8日

    Thanks a lot

    • Vezubuhle
    • 2009年 12月 10日

    I love your theme, Good stuff.

  4. ありがとうございました。Your theme looks great, I just modded it to be 1100px wide. It’s on my site…

    • Hi ritchan.

      Wow it looks great!

      Thank you for using my theme.

      >ありがとうございました。
      こちらこそ、ありがとうございます!

  5. great, thx for your tips.

  6. I have a problem with photo posts. U can see my link and please advice my blog. thanks

    • WhatMan
    • 2010年 1月 2日

    Hi!

    Can someone tell me how ritchan expand his website to 1100px wide?

    Can someone upload me the files please?

    Great theme and I love it!

    Thank you very much!

      • WhatMan
      • 2010年 1月 3日

      Solved & Fixed

      htt://www.andychiw.com/wp-content/themes/monochrome/img/

      htt://www.andychiw.com/wp-content/themes/monochrome/style.css

      Thanks andychiw

  7. すばらしいテーマありがとうございます。
    カスタマイズにチャレンジしてみます。

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

      カスタマイズにはstyle.cssを書き換える必要がありますので、
      分からない事がありましたら、遠慮なくご質問ください。

  8. Thank you so much for this great theme.
    I modified the colors scheme to adapt it to my website (targeting women).
    Your CSS is clean and clear, you provide PSD files… It’s perfect!

    Thanks,
    Nath

    • MIK
    • 2010年 1月 6日

    こんばんは、monochromeテーマに惹かれ利用させて頂いております。
    質問なのですが、div id=”header_menu”内のmenuのマウスオーバー時の挙動がおかしくなってしまいましたorz
    いつからこうなってしまったのか覚えが無いのですが、ご教授いただければ幸いです。

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

      確認しましたが、すでに修正されているようですね・・・

      実は、横幅を広くしたバージョンを今週リリースする予定ですので、もしよろしかったらそちらもお試しください。

        • MIK
        • 2010年 1月 6日

        mono-lab 様
        御返事ありがとうございます、マウスオーバー時の挙動とは
        http://blog.mik.jp/1.jpg
        のような状態なのです。デモテンプレートではこのような状態になってはいないので、スタイルシートかプラグインが影響しているのかもしれませんが正直なところ打つ手が無く困っております。(環境の問題かと思いましたが、そうでもないようです。。)

        同時にお伺いしたいのですが、PianoBlackで実装されている親ページから子ページへのプルダウンメニューはmonochromeには無いのでしょうか?

        質問ばかりで申し訳ありません。

        横幅が広いバージョン楽しみにしております。
        待ちきれずにテンプレートを改変した為、
        公開され次第試したいと思います^-^

        • MIKさん。

          もしかして、MIKさんはMACをお使いでしょうか?
          フォントにアンチエイリアスがかかっているので、もしかしたらjapanese.cssのフォント指定がまずいのかもしれません。
          試しに、japanese.cssの上のほうにある、font-familyをMS Pゴシック以外すべて削除してみてください。

          プルダウンメニューについてですが、、piano blackと同様実装しています。
          以下のデモ画面よりお確かめください。
          DEMO

            • MIK
            • 2010年 1月 6日

            mono-lab 様
            お忙しい中、早速のお返事ありがとうございます。
            当方環境はWindows7(32bit&64bit)、MacOS X Snow LeopardのFirefox、Safari、IEにて検証しておりましたがMS Pゴシックのみですと当該現象が発生しなかったため、やはりフォントのアンチエイリアス問題のようでした。
            お手数おかけしました、ありがとうございます。

            プルダウンメニューの件も了解致しました、メールフォームを子属性に置いていたのですが設定の「ヘッダーメニューに表示したくないページ」にも指定していたため表示されていなかったようで、凡ミスでした。申し訳ありません。

            このたびは御丁寧にご指導頂きありがとうございますm(__)m 今後もご迷惑をおかけするかもしれませんが、その際はよろしくお願い申し上げます。。

            • いいえ、こちらこそバグのご報告ありがとうございます。

              恐れ入りますが、どのフォントを利用すると表示がおかしくなるか検証していただけないでしょうか?

              じつは、MACを持っていないため、MACの標準フォントであるヒラギノなどの表示確認ができない状況にあります。

              お手数ですが、ご協力をよろしくおねがいいたします。

                • MIK
                • 2010年 1月 7日

                簡単ですが検証を行いました。
                環境はMac OS X Snow Leopard.
                ブラウザはSafari、Firefox3.5.5
                Safariはフォントに強制的アンチエイリアス?CSS優先指定?がかかるため、検証を断念しました。
                Safari,Firefox通常観覧環境では、DEMOサイトフキダシの「▼」部分が埋まり、M字型に半分ほど埋没していました。これはFirefoxでも同様でした。

                FirefoxではFirefox→環境設定→コンテンツ→フォントとカラー詳細設定→Webページが指定したフォントを優先する のチェックを外すことでフォント検証が可能でしたので報告します。

                結果から先に申し上げますと、Safari選択可能標準フォントは同様のバグが認められました。また、DEMOサイト以外のJP版サイト(自分のサイトのフォント設定をデフォルトのjapanese.cssに戻しました。)においてはSafari選択可能標準フォントのうち、Helvetica,Timesにて問題なく観覧出来ました。(Firefoxのみ)

                以下Firefoxでの検証結果です。

                ○正常表示フォント
                American Typewriter,Andale Mono,Apple Braille,Apples Symbols,Arial,Baskerville,Casual,Cochin,Copperplate,Courier,GungSeo,HeadLineA,Hei,Helvetica,Helvetica CY,Herculanum,Kai,Marker Felt,Mshtakan,PCMyungjo,PilGi,Skia,Times,Times New Roman,Webdings,Wingdings,Wingdings 2,Zapf Dingbats

                ×異常表示フォント
                Al Bayan,Apple Chancery,Apple Gothic,Apple Myungjo,Arial Black,Arial Hebrew,Arial Narrow,Arial Rounded MT Bold,Arial Unicode MS,Ayuthaya,Baghdad,BiauKai,Big Caslon,BlairMdlTC TT,Bordeaux Roman Bold LET,Brush Script MT,Chalkboard,Chalkduster,Charcoal CY,Comic Sans MS…以下略

                以上、お役に立てるか分かりませんが、ご報告まで…

  9. is it possible to add or create a custom “error 404 page not found” page for the monochrome theme?

    thanks
    Stu.

    • Hi Stuart.

      I’m not so sure about 404 page in WordPress but I made very simple 404 page for you.

      DOWN LOAD 404.php

      Plese add your original text between <div class=”post_contents”></div>

    • hans van der toch
    • 2010年 1月 9日

    Thank you for this great theme, i use it on my blog :)

  10. hey mono-lab,

    firsty, thanks for such an EXCELLENT wordpress theme… i have a jquery problem with the theme (and i’m certain it’s the theme’s problem since the javascript won’t work in noconflict mode) – i’ve posted it here, so please check it out!

    http://wordpress.org/support/topic/349944?replies=1

  1. トラックバックはありません。

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:
  • move
  • close
use smiles