フォーラムへの返信
-
投稿者投稿
-
わいひらキーマスタープラグインなどでしたらそのような機能のものもあると思います。
ただ、Simplicityにはそのような機能はないです。
カスタマイズすれば出来ないこともないかもしれませんが、結構変更しなければならないと思います。
わいひらキーマスターいえいえ、実例を挙げてもらえるととても助かります。
とりあえず、このページもブックマークに入れてあるので、今取り掛かっている、機能追加や不具合修正が終わったら、じっくりと検証したいと思います。
ただ、僕のスキル以上のことは出来ないので、必要なもので出来そうなものは、なるべく追加できればと思います。
わいひらキーマスターSimplicityは、ブラウザ幅が1150ピクセル未満になると1カラムになります。
その処理は、style.cssの以下の部分に書いてあります。/************************************ ** レスポンシブデザインスタイル読込 ************************************/ @media screen and (max-width:1150px){ ...中略 }これの囲みを外せば、ある程度1カラムになるので、そこからカスタマイズすると楽かもしれません。
わいひらキーマスター本件ですが、PC用ヘッダー画像をスマホにも表示させる方法、もしくはスマホ上部(サイトタイトル下あたり)に任意の画像を表示する方法をご教授いただけると幸いです。
これが、ただタイトル下に画像を表示するだけならheader-logo.phpテンプレートの一番下あたりにimgタグで画像を挿入すれば、行けるかと思います。
わいひらキーマスターなるほど。ユーザーさんが、それぞれの考えでいろいろなデザインをされているの見て、とても参考になります。
教えていただいてありがとうございます!
わいひらキーマスターSimplicity最新版、1.1.8 201401012aバージョン以降についてで説明します。
(以前のバージョンとはファイル名が異なっている)
simplicity\css\narrow.css
の中身をすべて削除するか、@media screen and (max-width:639px){の639となっている幅をもっと狭めればOKかと思います。
わいひらキーマスタースマホでメニューを常に表示するのでしたら、mobile.cssに以下のような感じでいけるのではないかと思います。
#navi ul { display: block; } #mobile-menu a{ display: none; }
わいひらキーマスター差し出がましく複数質問がありますが、検索ユーザーと共有し易いように、個別に分けて質問させていただきたいと思います。よろしくお願いします。
ありがとうございます。そうしていただくととても助かります。
本件ですが、PC用ヘッダー画像をスマホにも表示させる方法、もしくはスマホ上部(サイトタイトル下あたり)に任意の画像を表示する方法をご教授いただけると幸いです。
それを指定するには、mobile.cssで新たに画像を指定してやる必要があるかもしれません。importantつきで。
#h-top { background-image: url("http://yourt-domain.com/wordpress/wp-content/uploads/2014/10/cropped-HIRA78_nezuminoomocyatomesuneko1500.jpg") !important; }ただ、モバイル画面で画像を表示すると、ウィンドウ幅と画像は幅が変わってくるので、背景画像の表示調節を各自で行っていただく必要があります。
background-sizeやその他のプロパティーで。
わいひらキーマスターまず内側の色を城#FFFにした場合、実施的には白ではなく透明になって、外側の色と同じになるようです。
つまり白が指定できないようです。それはそう言った仕様になっています。
元々の背景色が白色のテーマで、内側の色を白色(#fff)にするというのは、どういったシチュエーションでしょうか?
全体の背景色もしくは、ヘッダー外側の背景色を変更して、ヘッダー内側の背景色を白にするということでしょうか?
そういった場合は、#fefefeにするとか、スタイルシートのカスタマイズで対応していただけるとありがたいです。
わいひらキーマスター報告ありがとうございます。
なるほど。広告の記事が増えてくると、ちょっとややこしいかもしれませんね。
追記しておきます。
わいひらキーマスターstyle.cssにこんな感じで設定すればOKかと思います。
.article h2{ margin: 0 0 1.5em; padding: 0.8em; border-left: 7px solid #B92A2C; border-bottom: 1px dashed #B92A2C; font-size: 1.143em; font-weight: bold; }
わいひらキーマスターいろいろな例ありがとうございます。
紹介されているサイト、機能など、自分なりに検証してみて、取り入れられそうなものは取り入れると思います。
わいひらキーマスタースタイルシートを変更すればできます。
機能追加では、1カラムは今のところを実装する予定はありません。
わいひらキーマスターいえいえ、サイトを見たらすぐ「そうじゃないかな?」と思ったので大した手間でもないですよ。
わいひらキーマスターサイトを拝見してみたのですが、投稿ページで「アイキャッチ画像の設定」などは行ってあるのでしょうか?

わいひらキーマスターここはスクリーンショットを貼り付けることができないようですので、
スマホ表示用のブラウザ拡張などで表示は見ることができるのでスクリーンショットはなくても大丈夫です。
ありがとうございます。なるほど。ぐるなび、食べログのようなサブメニュー表示方法があるのですね。
とてもいい感じです。
ただ、今の僕の技術ではちょっと無理そうです;たとえできたとしても、ソースコードがかなり複雑なものになってしまいそうです。せっかく、丁寧に教えていただいたのに申しわけないですが、インデントで実装を試みてみようと思います。
でも、おかげでぐるなびなどのようなサブメニュー表示方法があることを知ることができました。
ありがとうございます。
また、タップ式サブメニューの実装方法が紹介してあるブログ記事があったら読んで勉強しておきたいと思います。
わいひらキーマスター結構編集箇所があったので、カスタマイズ方法を記事に書くほうが逆に大変なので子テーマを作成しました。
Simplicity子テーマに.ギャラリー風に表示される「タイルリスト」を追加ただ、横並び4列とのことでしたが、4列だとスペースが小さくなりすぎるため3列にしました。
もし、4列にする場合は、子テーマ内のstyle.cssの.entryクラスの幅などを調節して行ってください。
わいひらキーマスターその見出しサンプルが載っているページを教えてもらっても良いですか?
わいひらキーマスターちょっと、それだけの情報では何とも言えないです。
不具合の出ているURLなどがわからないとちょっと原因を特定するのは難しいです。
わいひらキーマスター今後、同様の質問が来たときのため、できれば結果も書いていただけると幸いです。
わいひらキーマスターというか、サイトを拝見したら普通にスマホで広告だけが表示されていないのですね。
ソースを見たところ、「広告 300×250」ウイジェットにタグがちゃんと登録されていないのではないかと思います。
わいひらキーマスター有馬さんこんにちは。
スマホでは記事の下に、広告を2つ表示しないようにしています。
というのも、スマホは画面幅が狭いので、ダブルレクタングルにしていると縦に2つ並んでしまうからです。
縦に2つ並ぶと、AdSenseポリシー違反になってしまい、最悪アドセンス停止になってしまうので.そのようなことがないよ表示されない仕様になっています。以下で、もう少し詳しく説明しています。
スマホでの広告表示位置について
わいひらキーマスターご利用ありがとうございます!
サイズを変更するには、
#page-top a { font-size:16px; width:60px; height:60px; }デザインを変更するには(角の丸め具合のみ)以下のようにすればOKかと思います。
#page-top a { border-radius:5px; }数字をいろいろ変更してみてください。
わいひらキーマスタータイル状ギャラリーの方法はちょっと調べないとわからないので、しばしお待ちを。
もし、実力不足で出来なかったらごめんなさい。
わいひらキーマスターYouTubeはテーマを変更してから表示されなくなりました。
なので、それまで表示出来てた物も表示されずURLだけが表示されています。例にある以下のURLを上記のように埋め込んで見ましたが、Simplicityでも表示されるようです。
http://youtu.be/0rOo8RvIHEI

テーマを元に戻すと埋め込みが表示されますでしょうか?
また、投稿を再投稿しても埋め込まれないでしょうか?前回返信し忘れていたのですが、マルチサイトは関係ないと思います。このサイトもマルチサイトです。
わいひらキーマスターテスト
わいひらキーマスター僕もできればスマホでもサブメニューを実装したいのですが、どのように実装していいものか思いつかないので現状のようになっています。
もし、普段スマホで訪問されるサイトで好みのサブメニュー表示がされているサイトなどがあれば、教えていただけると幸いです。参考にさせてもらおうかと。
やっぱ、サブメニューはインデントして全部表示するのがいいのか、それとも何か他に良い方法があるのか、スマホメニューのスタンダードを知っていたら、アドバイスいただけるとありがたいです。
というのも、僕はスマホ自体を持っていなくて、いまいち事情を掴みきれていません;
わいひらキーマスター他のテーマを使用した場合は、同様の現象が起きますか?
Simplicityでしか起きない場合は、サーバー名を教えていただけるとありがたいです。
わいひらキーマスターURLありがとうございます。
こちらの環境でも試してみたいと思います。
もし不具合がある場合は、次のバージョンで修正できればと思います。
ただ、今入院明けで.いろいろとやらなければいけないことがたまっているのでしばらく後になるかもしれません。
わいひらキーマスターこんにちは。
なるほど、確かにヘッダー内容変更はあったほうがいいかも。
僕も実際変更して使っているのもあるし。
できたら、次のバージョンで機能追加したいと思います。
わいひらキーマスターウェブサイト情報から、使用しているサーバーは、XREAでよろしいでしょうか?
XREAは、僕も他のサイトで使っているのですが、制限が厳しくてスキンなどは、そういうのに引っ掛かるのかもしれません。
YouTubeに関しては、今まで出来ていたURLの貼りつけで動画が表示されなくなったので
過去記事も全て表示されず、困っています。これは、テーマを変更したら表示されなくなったのでしょうか?
YouTubeは、動画が表示されないURLをいくつか教えてもらってよろしいでしょうか?
こちらでも確認してみます。
わいひらキーマスター上記スタイルシートのコードには、全角文字が使われています。フォント名を囲むときは、以下のように半角のダブルクォーテーションや、シングルクォーテーションを使用してみてください。
body { font-family: "Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; }
わいひらキーマスターWordpress管理画面から「外観→ウィジェット」からテキストウィジェットを検索ボックスの下に置いて、バナーのタグを貼り付ければOKです。
わいひらキーマスターあれ、201401008aをインストールすると、エラーが出るとしても201行目にそのエラーが来るはずなんですけど、functions.phpをカスタマイズしているか、子テーマでテンプレートをカスタマイズか何かしていますか?
もし、自前でカスタマイズしているなら、Simplicityフォルダ内を「get_domain」でGrep検索してみて、ヒットした部分をすべて「get_this_site_domain」に変更してみてください。
わいひらキーマスターなにはともあれ問題が解決してよかったです!
わいひらキーマスター現象は分りました。
ただ、上記のコードをfunctions.phpに貼り付けても同様の現象にはなりません。

それに、上記コードを貼り付けたからといって、通常は別の要素のスタイルに変化を起こすようなコードではないです。
該当箇所のコードを削除すると元に戻るのでしょうか?
もしかしたら、登録されているタグの長さとかが関係しているのかもしれませんが、そういったケースの場合、タグ(というか生のソースコード)がわからない以上、どうしょうもないです。
実際のページをブラウザの開発ツールでデバッグしてみないと、原因を究明するのは厳しいです。
わいひらキーマスターCloudFlareプラグインをインストールした途端エラーが出たので、おそらくこれが原因だったのではないかと思います。
原因は、CloudFlareプラグインで使用されている関数名(get_domain)と、Simplicityのfunctions.phpで使用されている関数名(get_domain)が衝突していたからによるものかと思います。バージョン:1.1.7 201401008aにて修正してみたのでお試しください。
これでも出るようなら、また修正します。
わいひらキーマスター不具合報告ありがとうございます。
CloudFlareはどのプラグインをご使用になりましたか?
同様のものを設定して動作確認したいと思います。
あと、もしわかればPHPのエラーコードを教えていただければ幸いです。
利用されているサーバーもよろしかったらお願いします。
わいひらキーマスター固定ページをトップページにしまして、タイトルの下に表示される日付、アップデートの日付を消したいのですが、どのように消せばよろしいでしょうか?
このSimplicityのトップページを例にすると以下のようになります。
#post-17 .post-meta { display: none; }#post-17の部分は、まなさんのサイトのトップページのメインカラムのID(固定ページのID番号)にする必要があります。
datetime.phpの中身を全て消去したのですが、問題はおきませんでしょうか?
そうするとおそらく全てのページで公開日と更新日が消えると思います。
わいひらキーマスターfunctionでの調整ぞわかるのですが、どのような状態になるかは、ちょっと文字だけじゃわからないです。
該当箇所のURLか、キャプチャがないと何とも言えないです。
わいひらキーマスター今回はサイドバーにCATEGORYのヴィジェットを表示させたときの文字サイズを変更しようと
トライしております。カテゴリーウィジェットと書いてありますが、タグクラウドウィジェットのことで良いですか?
あとよろしかったら、こちらのアップローダーに該当箇所のキャプチャをアップして、このトピックにURLを貼り付けてもらってよろしいでしょうか?
表示させたくないところは、モザイクでOKですので。文字だけでは、ちょっとイメージできないので、よろしかったらお願いします。
わいひらキーマスターはじめまして。
現状そのような仕様になっています。
うまい標準方法が思いつかなくて。
スタイルシートでサブメニューを表示させてスタイルを整えれば、表示はできるようになると思います。
わいひらキーマスター完全レスポンシブ機能を使っていないなら、mobile.cssに同様に書けばモバイルのサイズが適用されるのではないかと思います。多分。
わいひらキーマスター続きは以下にあります。
アイキャッチサイズをCSSで変更するには?
わいひらキーマスターありがとうございます。
トップページのサムネイルなどは、テーマの都合上
要素に直接スタイルを適用しているので通常の書き方変更できなくなっています。以下のように書くと変更できるようになります。
.entry-thumb img { height: 130px !important; width: 130px !important; }
わいひらキーマスターNAKAJINさんこんにちは。
すいません。
カスタマイズフォーラムの新しいトピックに「アイキャッチサイズをCSSで変更するには?」あたりのタイトルで、トピックを立ててもらってよろしいでしょうか?内容はコピペでOKですので。あとそのとき、うまくいかなかった方法(CSSなど)を書き込んでもらえると、どこの部分のアイキャッチか、どこを直せば良いのかわかるので正確に答えられるかと思います。
わいひらキーマスター設定に特に問題はないように思います。
段落追加は不要ですが、追加しても多分表示されるはず。ブラウザの拡張などで、広告ブロック拡張もしくは、スクリプト禁止拡張などは、入っていないでしょうか?
わいひらキーマスターもう既に新バージョン出ています^^
わいひらキーマスター修正する方法はあるのですが、テンプレートファイルを少しいじるため、ここで書くより次のバージョンで修正したいと思います。
先程修正は、(おそらく)できたので、次のバージョンを待っていただけると幸いです。
近日中には出ると思います。
わいひらキーマスター不具合報告ありがとうございます!
Windows版Safariでですが不具合を確認いたしました。不具合を修正してみたので、よろしかった試してみてださい。
Simplicity20140930公開。Safariの検索フォーム表示の不具合修正。 -
投稿者投稿