フォーラムへの返信
-
投稿
-
もう一度最新バージョンで上書きして、ブラウザをリロードして確認してもらってよいでしょうか？
特にwebfontsフォルダはしっかり上書きしてください。
おそらく、ウェブアイコンフォントが原因だと思います。
こちらでも確認してみます。何度かPCとスマホ表示を往復して確認して見たところ、コメント部分がかなり狭くなるのに対して、名前欄（特にアバター画像）が大きいまま（大きさは変わっていない）なので、大きく感じるのだろうと思って、スマホでアバターを少し小さく表示させようと思います。
「記事を読む」は、空欄のときは消えるように次までしておきます。
それと、コメント欄で気になったことなのですが、ＰＣでは名前欄などに対してコメント欄の幅が大きいのですが、モバイルでは逆になっています。これは意図したものなのでしょうか？できればＰＣと同じようにしたいなと思っているのですが・・・
これの逆の意味がちょっと分らないです。
もう少し詳しくお願いします。
モバイルにすると、コメント欄の幅が狭くなるのは仕方ないと思うのですが。
特に、モバイルだからと名前を大きく設定しているということもないですし。通常は、添付画像の「アイキャッチ画像を設定」から指定します。
まとめて設定するには、Auto Post Thumbnailなどを使用すると良いと思います。
使い方は、プラグイン名でググると出てくると思います。Attachments:
うまくいったようでよかったです！
ただ、1.2.5 201401105aは、モバイル表示時のSNSシェアアイコンに致命的な不具合があったので、1.2.5 201401105bにアップデートしてください。
よろしくお願いします。修正バージョンをアップロードしたので試してみてください。
[修正a]No Self Pingsというプラグインを使用するとno_self_pingという関数がかぶるのでエラーが出る不具合を修正。
http://wp-simplicity.com/simplicity-201401105/こちらを参照してください。
Simplicityを新しいバージョンにアップデートする方法2通りそのような症状は今まで報告がないです。
他のテーマでは、症状は出ないのでしょうか？
あと、ブラウザとバージョンは何でしょうか？
Simplicityでは、Wordpressエディター機能に干渉するような機能は実装していないと思います。はじめましてこんにちは。
本文中の見出しに背景画像をつけるには、以下のように設定します。
.article h2 { background-image: url("images/img.png") }その他に位置の指定などは以下のbackgroundプロパティーを参照してください
スタイルシートリファレンス（ABC順）スマホでのアドセンス（320px）がちょっとだけ右にずれているのが気になります。
それは、320px幅のiPhoneで表示したら右にはみ出すということでしょうか？
Simplicityのスマホ表示では、左右にマージンが10pxづつ計20pxずつ取ってあるので、どうしても320px広告を置いた場合、右にはみ出してしまいます。
気になる場合は、アドセンスのカスタムサイズ広告を横幅300pxにして対策をしてください。詳しいことは以下のページに解説と、その他の解決方法が書かれています。
http://www.love2labo.com/stinger5_yokoyureサイトを拝見して見て、ようやく意味がわかりました。
広告 300×250
おそらく設定ミスだと思われますが、上記のウイジェットに728×90のアドセンスタグが入っていると思われます。
レクタングル（中）を入れてください。あと、タイルリストを、もしプラグインで改善できたら．その時教えていただけると幸いです。
スマフォ(iPhone6)で見た場合に、728×90の広告が一番下に表示してバランス崩れみたいな状態で表示しています。
これは、テンプレートファイルをカスタマイズしてこのようにしているのですか？
iPhoneなどで728×90の広告を表示させるとかなりはみ出すような気がします。
ところで、問題とは何に対しての問題なのでしょう？レイアウト的にとかAdSenseポリシー的にとか。
それによっても変わってきます。タイトル下はこんな感じで、
.post-meta { background-color: #F7F7F7; }「記事を読む」は、mobile.cssにこんな感じで書いて色を変更してください。
.entry-read a, .related-entry-read a { background-color: #eee; }そういった時は、Chromeなら要素部分を右クリックして「要素を検証」、Firefoxなら「要素を調査」、Internet Explorerなら「要素の調査」で見ると編集対象箇所がわかると思います。
ちょっとどのようになっているのかわからないので、そのページのURLかキャプチャがありますか？
キャプチャの場合は、ここに書いてあるアップローダーを使用してください。is_eye_catch_visible()
こちらを調べてみたのですが、見つけることができなかったので、意味を教えていただけると嬉しいですこれは、テーマカスタマイザーで「本文先頭にアイキャッチ画像を表示」にチェックが入っているかを判定する僕が作った関数です。
一方のサイトではその設定にチェックが入っていないものと思われます。
テーマカスタマイザーのチェック関係なくアイキャッチ表示したい場合は、取り外して使用しても問題ありません僕も全てのプラグインの挙動まではわからないです。
ただ知ってる中では、WP Super Cacheあたりがあやしいです。
とりあえず、一旦全てのプラグインを停止して、不具合がプラグインが原因によるものかを最初に調べると良いかもしれません。
僕の開発環境＆Chromeでは、不具合が再現できないので、今はこれくらいしかわからないです。サイトを拝見したところ、記事一覧リストはデフォルトのサムネイルカードではなく、タイルリストになっているようですが。
この質問は、タイルリスト（3列）に関してのことでしょうか？あと、何かJavaScriptの圧縮したりするプラグインは、使用していないでしょうか？
記事を読ましてもらったところ小さいサイズにすることを推奨しているようですが、
取り立てて、推奨しているわけではありません。
ビックバナー（728px）もカスタムサイズ広告も両方選択できるようにしただけです。広告設定の「PCトップをカスタムサイズ広告に」のチェックを外せば元に戻ると思います。
試してみてください。メニューにカーソルを
置くと別のメニューが表示されます。これがどういった状態なのかちょっとわからないです。
僕には普通にメニューが表示されているように見えます。
あと、リンク先のテーマが他のテーマなのでどのように設定しているかまでは、わからないです。キャッチフレーズの右寄せは、以下のようにスタイルを追加します。
トップのフォローボタンは邪魔なので消す必要があります。#header .alignleft { max-width: none; width: 1010px; } #site-description { text-align: right; } #header .alignright { display: none; }特に難しいことをやっていません。
カスタム検索で取得したコードをテキストウイジェットに貼り付けておいただけです。
カスタム検索設定で特別な設定はしてないと思います。シンゴさん、ありがとうございます！
なるほど。確かにどれも確認してみる価値はあると思います。
あと、他のテーマで子テーマを作ってスタイルが反映されるか試すとか。
シンゴさんの文章、いろいろな確認事項に使えそうなので、Evernoteに保存しておいて、次何かあったら編集して使わしてもらいます！はじめましてこんにちは。
ロゴを横幅いっぱいにするのでしたら、こんな感じで書く必要があるかもしれません。#header .alignright { display: none; } #header .alignleft { margin-left: 0; max-width: 1070px; } #site-title { margin-top: 0; }ただし、モバイル画面にすると変な表示になるので、あまり推奨できる方法ではありません。
その記入方法で合っていると思います。
僕のテスト環境で試してみたところ、全ての箇所で反映されています。
「外観→テーマ」にある子テーマは、有効化されていますか？
今回のテスト以外に何か変わった編集（ファイル・フォルダ名変更など）はしていますか？今のところ思いつく原因はこのくらいです。
申し訳ないですが、それだけの情報だと何とも言えません。
初心者がよくやる失敗と言っても多すぎて書くことができません。少なくとも、以下のどちらかの情報がないとアドバイスが難しいです。
- 失敗したサイト（ページ）のURL
- 変更しようとしたHTML要素（詳細な箇所）と、反映に失敗したCSSコード
子テーマをダウンロードし、ワードプレスにインストールして有効化すれば他に必要な設定などはありませんか？
インストールだけならそれでOKです。
これだけで親テーマをバージョンアップしても、カスタマイズが元に戻ってしまうことを防げるのですか？
親テーマは編集せず、子テーマ内に変更を加えていけば防げます。
また、子テーマのCSSはほとんど何も記述されていませんが、親テーマのCSSを全部コピペして使うものなのですか？
もしくはカスタマイズしたい一部だけコピペして使うのですか？（例えばｈタグに関する部分だけとか）CSSの場合は、カスタマイズしたい部分だけを記入していく形になります。テンプレートファイル（.php）をカスタマイズする場合は、親テーマの同じファイルを子テーマにコピペして、子テーマ内のテンプレートファイル（.php）を編集します。
またこの場合、CSSが子テーマと親テーマが重複してしまいますが、問題はないのでしょうか？
全く問題ありません。親テーマで同様のスタイル設定があったとしても、後で呼び出される子テーマのstyle.cssに書き加えられた変更が優先されます。
子テーマについては「Wordpress 子テーマ 使い方」などでググると、いろいろ解説が出てくるので一度読んでみるといいかもしれません。
こんにちは。
質問の件なんですが、ただ「右側へ移動したい」だけでは
質問の意図がちょっとわかりかねます。
右寄せとかならわかるのですが、「右側へ移動」とは、どのようなスタイルにしたいのでしょうか？
もう少し詳しくお願いします。それは、英単語は途中で改行できないので
1つの英単語を表示できるスペースがない場合、
適度な箇所で改行されるのでそうなります。現に320pxの端末で見るとこうですが
少し幅を広げて英単語が入り込むスペースを与えてるとこのように表示されます。
特に改行などが入っているわけではありません。
これは仕様と言えば仕様、標準動作です。スマートホンで表示させると、変な所で改行されます。
これは、wordpressの仕様なのでしょうか？そんなことはないと思います。
ただ、ちょっとこればっかりは、実際のページの問題箇所のソースを見てみないと何とも言えません。
さやさんのサイトのどの部分のことでしょうか？
しかし、ヘッダー内や外部読み込みとした場合に動作していないようです。
これはなぜでしょうか？僕は、JavaScriptの動作にそこまで詳しくないので原因まではわからないです。けれど、テーマのせいではないと思います。
ただ、外部ファイルのjavascript.jsに以下のように入力するとちゃんと表示されるので、外部ファイルのJavaScriptは動作しているようです。
jQuery(function(){ jQuery("#toc").html('toc'); });あと、コードを追ってまでの動作確認はしていないですけど、以下の部分を
jQuery("h3:header",this).each(function(){次のように書き換えたら、表示はされるようです。
jQuery("h3",this).each(function(){コードをコピペして以下のようにentry-body.php内に貼り付けてみたのですが．動作はするようですよ。
とりあえず、jQueryが動作してないということないと思います。
何かJavaScript関係を縮小したり、呼び出し位置を変更したり．何かいじるプラグインは入っていないでしょうか？<script> jQuery(function(){ var idcount = 1; var toc = ''; var currentlevel = 0; jQuery("h3:header",this).each(function(){ this.id = "chapter-" + idcount; idcount++; var level = 0; if(this.nodeName.toLowerCase() == "h3") { level = 1; } else if(this.nodeName.toLowerCase() == "h4") { level = 2; } while(currentlevel < level) { toc += '<ol class="chapter">'; currentlevel++; } while(currentlevel > level) { toc += "<\/ol>"; currentlevel--; } toc += '<li><a href="#' + this.id + '">' + jQuery(this).html() + "<\/a><\/li>\n"; }); while(currentlevel > 0) { toc += "<\/ol>"; currentlevel--; } jQuery("#toc").html(toc); }); </script> <div id="toc"></div>サイトを見てみたのですが、完全レスポンシブ表示にしている場合は、
レスポンシブ表示部分を編集しないとなりません。<?php else: //パソコンの場合?> <?php if ( is_active_sidebar( 'adsense-336' ) ) : ?> <div class="ad-article-bottom ad-space"> <div class="ad-label"><?php echo get_ads_label() ?></div> <div class="ad-responsive adsense-336"><?php dynamic_sidebar('adsense-336');?></div> </div> <?php endif; ?> <?php endif; ?>ad-article-footer.phpの↑の部分を以下の記事を参考に編集してみてください。
Simplicity記事下のアドセンスを1つ他の広告（楽天など）に入れ替える方法
