フォーラムへの返信
-
投稿者投稿
-
わいひらキーマスターおそらく、Wordpress4.8のテキストウィジェットの仕様変更により起こる不具合かと思われます。
現在のSimplicityバージョン2.5.6では、以下の対応策が最も手軽かもしれません。
WordPress4.8以降のテキストウィジェットでpやbrタグの余計な余白が入るのを除去する方法次のSimplicityバージョンでは、何かしらの対応策をしたものをアップしようと思います。
わいひらキーマスターとりあえず、「全くカスタマイズしていない親テーマ」を有効化するとどうなりますか?
親テーマのみにして表示される場合は、カスタマイズが原因の可能性があります。それでも表示されない場合は、実際のサイトのURLを提示していただいて、ソースコードを見てみないと何とも言えないかもしれません。
わいひらキーマスター現在の仕様では、テンプレートをカスタマイズしないとできないです。
表示ページの親までしかパンくずリストに表示されない仕様なので。
わいひらキーマスター抜粋文字部分のみなら、こんな感じでいけるかと思います。
#footer .blog-card-excerpt { color: #fff; }
わいひらキーマスターとりあえず、header.phpにあるdiv#body-inに対して以下のようにcfクラスをつけるというのもありかもしれません。
<div id="body-in" class="cf">
とりあえず、特に問題はなさそうなので、次のバージョンで上記のように変更はしようと思います。
当サイトは既に適用させてみました。
わいひらキーマスター何とか同様の不具合環境をローカルで再現できたので、ソースコードは貼り付けなくて大丈夫になりました。
とりあえず、不具合を修正してみたものをアップしてみました。
https://wp-simplicity.com/wp-content/uploads/2017/06/simplicity2-3.zip
これでアップデートすると、おそらく改善されるのではないかと思います。
よろしかったら、試してみていただけると幸いです。
わいひらキーマスターおそらく、aタグ内にbrが入っているからかなと思われます。
同様の環境をローカルに再現して不具合を修正できればと思うので、投稿管理画面のテキストエディタの中のソースコードを貼り付けてもらってよろしいでしょうか。
ソースコードをフォーラムに書き込もうとすると、ファイアウォールにはじかれる場合は.以下にでも貼り付けて、URLを貼り付けていただければと思います。
notepad.pw
わいひらキーマスターまずは普通のタイル3列
とりあえず試しに1度、以下の事をやってもらえますか?
Simplicityテーマをインストールして画像のアスペクト比が狂うときにやって欲しいこと別サイトではサムネなし表示も使っているのですが、このように
こちらの方も、実際のサイトを見せていただけると助かります。
でも、サムネなしに関しては、細かな部分はCSSで調整していただく必要があるかもしれません。また、新たに全ての縦横を揃えるようなレイアウトがあっても良いかもしれない、と感じました。
今のところは、これ以上レイアウトは、これ以上増やさないかもしれません。
というのも、これ以上増やすと、その分動作確認をする必要が出てきて、1人でやるにはとても回らないからです。このフォーラムの返信なども.何とか空いた時間にようやくやれている感じなので手間が増える実装は増やさないと思います。
そういった調整は、CSSもしくはPHPのカスタマイズ等で対応していただくしかないかもしれません。
わいひらキーマスターなんか無理やりな書き方で申しわけないのですが、これだとどうでしょう?
.bypostauthor > div > div > div > span > .comment-author::after { content: "\ユニコードを入力"; font-family: FontAwesome; }
わいひらキーマスターコメントの返信ボタンを書き加えなければdivのエラー表示は出ないので
PHPでカスタマイズして返信を書き加えているのですか?
わいひらキーマスターAkiraさん かうたっくさん、ありがとうございます!
蔵のまちさん、うまくいったようでよかったです。
わいひらキーマスター申し訳ないですが、新しい内容の質問は、トピックを新たに立ててしていただけると助かります。
1つのトピックにつき1つの質問を書いてください(複数質問があるときはトピックを分ける)
その方が、同様の問題に行き当たってユーザーさんが検索で見つけやすいので。
ご協力お願いいたします。
わいひらキーマスター本文中にH2見出しを使っていないからだと思います。
わいひらキーマスター広告のラベルに関しては、以下の記事が僕の考えと近いです。
アドセンスでスポンサーリンクは必要?不要?について言及してみる – MUTANT明確に広告と分かるエリアに関しては、ラベルを表示していません。
逆に、コンテンツと広告が混在してしまうようなところは、ラベルを表示しています。2017年6月15日 2:39 PM 返信先: WordPress 4.8 にアップグレードをしたら色々と機能が付いたようです。(テキストウィジェットのタグボタン)(テキストウィジェットに余白・段落が入る) #53170
わいひらキーマスターみきさんありがとうございます。
昨日、以下のトピックでも書いたのですが、
アドセンス広告とスポンサーリンク文字の間隔について(WP4.8以降テキストウィジェットにpやbrが自動付加される)解決方法を記事に書きました。
WordPress4.8以降のテキストウィジェットでpやbrタグの余計な余白が入るのを除去する方法
WordPress4.7以前のような旧式テキストウィジェットが利用できるプラグイン2つ
WordPress4.7以前のような旧式テキストウィジェットを自作するカスタマイズ方法Simplicityでは、独自のクラシックテキストウィジェットを追加しようと考えています。
わいひらキーマスターモバイルページのみに適用するCSSを書きたい場合は、mobile.cssにも書く必要はあるかもしれません。
とりあえず、うまくいったようでよかったです。
わいひらキーマスターとりあえずテーマカスタマイザーでスキンをシックに設定して、以下のように書けばいけるかも。
function get_skin_file(){ //特定の投稿でスキンを指定する(style.cssのURLを指定) if (is_single(' 756 ')) { return 'https://chan-bike.com/wp-content/themes/simplicity2/skins/flower-pop/style.css'; } else { return get_theme_mod( 'skin_file', null ); } }上記は、特定の投稿ページ以外は、テーマカスタマイザーの設定が適用されるコードの書き方です。
もしくは、特定ページ以外をシックにするように書くとか。
function get_skin_file(){ //特定の投稿でスキンを指定する(style.cssのURLを指定) if (is_single(' 756 ')) { return 'https://chan-bike.com/wp-content/themes/simplicity2/skins/flower-pop/style.css'; } else { return 'https://chan-bike.com/wp-content/themes/simplicity2/skins/chic/style.css'; } }そこで、スキンを設定してないそれ以外の、全てのページ(投稿・固定)もスキンをシックにしたいのです。
上記条件ならis_home()をあえて設定する必要はないのではないかと。
わいひらキーマスター本来は、モバイル用のヘッダーを設定して、モバイルでは無理のない画像と高さを設定する仕様です。

以下はモバイルの設定方法ではないですが、以下のように画面が狭くなる部分を見込んで画像を設定する仕様です(700pxといった大きなヘッダーを使うというのまでは製作当初想定して無かったので)。
Simplicityに画面幅いっぱいのヘッダー画像を設定する方法
なので本来想定している使い方でないということはご了承ください。僕の普通とは、こっちの使い方だったので。現在のサイトの動作確認をしようにも、よくわからない状態になっているので動作確認どころではなかったです。

ただ、僕もすべての端末でテストするわけにはいかないので、思い通りにする場合は、プロに依頼していただいた方が手っ取り早いのかもしれません。
サポート対象外のものにあるように、自分のキャパシティーを超えるものまでは、申し訳ないですがサポートしきれないかもしれません。
わいひらキーマスターおそらくWordpress4.8になったことによるテキストウィジェットの仕様変更が原因かと思われます。
とりあえずの解決方法としては、以下のコードをfunctions.phpに追記してみてください。
remove_filter('widget_text_content', 'wpautop');
こちらのコードでもOKです。add_filter( 'widget_display_callback', 'clean_widget_display_callback', 10, 3 ); function clean_widget_display_callback( $instance, $widget, $args ) { $instance['filter'] = false; return $instance; }この仕様変更に対しては、次のSimplicityで何かしらの対応をしょうと思います。
わいひらキーマスターとりあえず、古いSimplicityを使用されているようなので、最新版にアップデートしてもらってよろしいでしょうか。
http://watanabedesign.com/wp-content/themes/simplicity2/style.css
その後、不具合がまだ出ているようであれば、新しいバージョンになった状態で原因を探ってみようと思います。
わいひらキーマスターとりあえず、不具合ではなかったようで安心しました。
ご報告ありがとうございます。2017年6月13日 10:49 PM 返信先: WordPress 4.8 にアップグレードをしたら色々と機能が付いたようです。(テキストウィジェットのタグボタン)(テキストウィジェットに余白・段落が入る) #53142
わいひらキーマスターなんなんでしょうねこの仕様は。
以前は、テキストウィジェットに「改行を反映する」みたいなチェックボックスがあって、その機能を有効にしたときにだけ改行が反映されたような感じだったんですが。
前の方が、良かったなぁ。
一応、それっぽい英語のキーワードで、海外のフォーラムの書き込みなどを探しているのですが、まだそれっぽいものが見つかってません。
わいひらキーマスターうまくいったのであれば良かったです。
ご報告ありがとうございます
わいひらキーマスタートップページだけ、シックのスキンにしたのですが、それ以外の設定されていない記事もシックにしたいのですが、書き方がわからないです。
申し訳ないですが、この部分が、ちょっとよくわからないです。
もう少し具体的に詳しく説明していただいてよろしいでしょうか。
「それ以外の設定されていない記事」というのはどういったページのことでしょうか。
投稿ページとか、固定ページとか、もしくは全ページのことだとか、ページの種類で説明していただけると助かります。
わいひらキーマスターこのフォーラムは書き込みが多くて、普段時間がなくて、返信があって上に上がってくるトピックにしか返信していないもので忘れていました。
基本的に①~④の動作はSimplicityの仕様です。モバイル画面ではモバイルヘッダーの設定をする必要があります。ご要望のように画像に合わせて変更するにはjQueryで処理を書く必要があります。
多分、子テーマのjavascript.jsにこんな感じで追記すればいけるんじゃないかと思います。
(function($){ $(window).resize(function(){ var w = $(window).width(); //画像のサイズから高さの比率を計算(1080/1920=0.5625) var h = w * 0.5625; //データの高さが700以上になる場合は700pxとする if (h >= 700) { h = 700; } $('#h-top').css('min-height', h + 'px'); }); })(jQuery);※上記を適用する場合は、モバイルでのヘッダー画像の設定とかは不要かも。
※カスタマイザー設定や画像サイズが変わったら書き直す必要ありこちらのサイトの設定状態を完全に把握しているわけではないので、カスタマイザーの設定によっては不具合が出るかもしれません。とりあえずコードを適用してみて不具合が出るかを確認してみてください。
わいひらキーマスターこちらで、URLを提示すると管理人様や閲覧者の方に迷惑になる可能性があるので、同じ設定の
テスト用のサイトのURLを提示させていただきます。(誠に勝手ですいません)それでも分るので、全然問題ありません。わざわざありがとうございます。
その設定で画像だけにするなら、以下のようにstyle.cssに記入すればいけるかと思います。
.related-entry-thumbnail { height: auto; } .related-entry-title { display: none; }
わいひらキーマスター申し訳ないですがサポート対象外のものにもあるように、プラグインやカスタマイズにより起こった不具合はサポートの対象外となっています。
ただ以下にもあるように、せめてサイトのURLは掲載していただければと思います。また、CSSで行ったカスタマイズについても、できればノーサポートとさせていただきたく思います。配布ファイルデフォルト状態のスタイルは不具合はもちろん修正しますが、個人がそれぞれ行ったCSSカスタマイズの不具合を調べている時間的余裕がありません。
CSSのみのカスタマイズに関しては、不具合ページのURLを掲載していただければ、アドバイスくらいはできるかもしれません。
わいひらキーマスターそうそう、そんな感じです。
あと、できれば、テキストウィジェットは、基本的にはブロック要素なのでブロックにしておいたほうがいいかもしれません。#text-21{ display:none; } .postid-52997 #text-21{ display:block; }2017年6月13日 5:43 PM 返信先: WordPress 4.8 にアップグレードをしたら色々と機能が付いたようです。(テキストウィジェットのタグボタン)(テキストウィジェットに余白・段落が入る) #53127
わいひらキーマスター「それぞれ部分に対して適用するのは面倒くさい」という場合は、テキストウィジェット全体に対応する場合は以下のように書くとか。
.textwidget br { display: none; } .textwidget p { margin: 0; }あと、できれば次回からはトピックの内容と、多少でも異なる内容を書き込む場合は、新たにトピックを立てていただけると助かります。その方が、検索からも見つけやすくなりますし、話題が混在せずに済むので。
よろしくお願いいたします。2017年6月13日 5:42 PM 返信先: WordPress 4.8 にアップグレードをしたら色々と機能が付いたようです。(テキストウィジェットのタグボタン)(テキストウィジェットに余白・段落が入る) #53126
わいひらキーマスターテーマ側でそういった変更は加えていないので、おそらくWordpress4.8からそういった仕様になったのだと思います。
WordPress4.8でウィジェットの表示が崩れる原因と対処方法。 ? MORIAWASE(モリアワセ)
とりあえず今のところの手軽な対処法としては、対象のテキストウィジェットに対して以下のように書くしかないかもしれません。.adsense-728 .textwidget br { display: none; } .adsense-728 .textwidget p { margin: 0; }※表示にしたいCSSセレクタを指定すればよいので、テキストウィジェットIDがある場合はそれを使っても良いかと思います。
正直この仕様は、使いづらいので、Wordpress側で何かしら対処があると思うのだけど。もしこのままの仕様だったら面倒くさい…。
もう少し、対処方法を後で調べてみようと思います。
わいひらキーマスター固定ページのパンくずリストは、親となるページまでが表示されるので、(親なし)にしているのであればそれがデフォルトの仕様です。
会社概要の親となるページがあるのであれば、そのページを設定してください(フロントページ以外の固定ページで)。
そもそも、サイトを拝見しても、会社概要の親ページとなるページ(親子関係があるページ)はなさそうに見えますが。
わいひらキーマスター.bypostauthorにスタイルを設定しているので、おそらくログインユーザーの書き込み全てにアイコフォントが表示されるかと思います。
bypostauthorをCSSで設定する – ワードプレスのテーマを自作しよう!ログインユーザーごとに区別する場合は、申しわけないですがプロに頼んでPHPをカスタマイズしてもらってください。
https://wp-simplicity.com/reference/crowdsourcing-service/
わいひらキーマスターこんな感じで、Font Awesomeを利用して管理者のみにアイコンフォント表示すると良いのかもしれません。※style.cssに追記
.bypostauthor .comment-author::after{ content: '\f004'; font-family: FontAwesome; }
※これで実際に運用したことはないので、完全にうまくいかは保証できません。うまくいかない場合は、CSSセレクタ.bypostauthorを別のものにすると良いのかも。今回は例としてハートマークにしましたが、Font Awesomeなら好きなアイコンフォントを利用できます。
アイコンフォントは、以下の個々のアイコンページにあるUnicodeを参考にしてください。
http://fontawesome.io/icons/
わいひらキーマスターdisplay: block;はインライン要素をブロックとして扱うための指示であるはずなのに、なぜブロック化するとtext-alignが働くようになるのでしょうか。
ブロック要素とすることで、中にあるものに対してtext-alignが働くようになるというか。
これに関しては、僕が説明するより、Googleなどで検索してちゃんとした説明をしっかりと読んだ方が分かりやすいかと思います。おまけにブラウザ(Firefox)でページのソースを表示してみたら、コメント部分のが数はあっているようにみえるのに1個ずつ余計で開始タグが見つからないとか文句言われるし…。
元ソースのは触っていないはずなのですが。手元の最新版のソースコードを見た限りでは、そのようにはなっていませんでした。Wordpressは、プラグインやなんやかんやが干渉して不具合を起こすことがあるので、手元のファイルに問題がない上、僕も原因はわからないです。
わいひらキーマスター関連記事の設定はいくつかあるので、状態を見るためにも、できれば案内にあるようにURLを提示していただきたいです。
わいひらキーマスター例えば以下のページ
http://yorogino-sai.com/wordpress/front-page/company/固定ページ管理ページの「固定ページ属性」の「親」項目を「(親なし)」にするのではダメなのでしょうか?
わいひらキーマスターうまくいったようでよかったです。
ご報告ありがとうございます。
わいひらキーマスター申し訳ないですが、案内にもあるようにURLを提示していただいて、デベロッパーツールで見れないと正確には把握できません。
※動作不良に関する質問は、不具合の出ているページのURLを掲載してください。
時間をかけて聞き取りなどをすれば、出来ないことはないのかもしれませんが、僕もやらなければいけないことがあるため、そこまで時間をかける余裕はないです。
とりあえず、カスタマイズしていない親テーマのみで適用してみると不具合は再現されますか?
親テーマのみで不具合が出ない場合は、子テーマのカスタマイズを見直すしかないかもしれません。
わいひらキーマスター親テーマのcssフォルダ内のthred.cssを編集したくて、子テーマのルート直下にもCSSフォルダを作ってその中に編集したthred.cssを入れてみました。
CSSは、phpファイルのように子テーマでの上書き機能はありません。
わざわざファイルを作らなくても、子テーマのstyle.cssでスタイルの上書きをすれば良いだけかと思います。
親テーマのスタイルをなかったことにするには、書かれているスタイルを打ち消すCSSを書くしかないです。
CSSの初期値は以下になります。
CSS初期値一覧なチートシート – Qiita
デフォルトCSS一覧(たまちゃんHTMLのおうち)テーマフォルダ直下にないPHPテンプレートも上書きすることはできません。
けれど、lib内にあるのは、テンプレートファイルではなく、関数のライブラリになります。
関数を上書きするには、関数をオーバーライドして新たな関数を定義してください。
例えば、lib/ad.phpのget_h2_included_in_body関数を変更したいと思えば、子テーマのfunctions.phpに以下のように記述して、関数を書き換えてください。function get_h2_included_in_body( $the_content ){ if ( preg_match( H2_REG, $the_content, $h2results )) {//H2見出しが本文中にあるかどうか return $h2results[0]; } }詳しくは「function_exists オーバーライド」で検索して出てくる結果をいくつか読んで、概要をつかんでください。
わいひらキーマスター以下のサイトのコメント欄を例に、そのように表示するので良いのでしょうか?
http://14tz.net/1コメントの表示設定はいくつかあるので。
あと、コメントの最後尾に管理者権限で何かコメントを書き込んでおいていただけると助かります。
わいひらキーマスターstyle.cssに以下のように追記すれば多分いけるのではないかと思います。
.comment-edit { display: block; text-align: right; }
わいひらキーマスター実際のページのURLを提示していただいて、ソースコードを見せていただいてよいでしょうか。
わいひらキーマスターはじめまして。
H2はレイアウト見本にあるような表示が仕様です。
何かカスタマイズは行われましたか?
上記の内容だけでは分からないので、ソースコードを見るためにも、できれば不具合ページのURLを提示していただけると助かります。
わいひらキーマスター#53055のサイトを拝見してみたら、既に画像通りの表示になっているので、Akiraさんの方法が適用されてうまくいったということで良いのかな。
Akiraさんありがとうございます!
わいひらキーマスターというか、かうたっくさんも同じこと書いてましたね;
わいひらキーマスター本文のみに適用させるのであれば、以下のように書けばいけるのではないかと思います。
.entry-content ol > li
ただ、実際に不具合が出ているページを見たわけではないので、うまくいくかは保証できないです。
うまくいかない場合は、不具合が出ているページのURLを提示していただけると助かります。2017年6月12日 6:12 PM 返信先: WordPress 4.8 にアップグレードをしたら色々と機能が付いたようです。(テキストウィジェットのタグボタン)(テキストウィジェットに余白・段落が入る) #53077
わいひらキーマスター#53059
普段、カスタマイズでウィジェットを操作することはないので、テーマカスタマイザーに関しては何も対応していませんでした。
とりあえず、修正してみました。
https://wp-simplicity.com/wp-content/uploads/2017/06/simplicity2-2.zip2017年6月12日 6:04 PM 返信先: WordPress 4.8 にアップグレードをしたら色々と機能が付いたようです。(テキストウィジェットのタグボタン)(テキストウィジェットに余白・段落が入る) #53075
わいひらキーマスター#53046
当サイトもテキストウィジェットにAdSenseコードを入れていますが、特に問題なく表示されているようです。
状況を見るため不具合が表示されているページのURLなどはありますか?
わいひらキーマスター一応、特定のページで「投稿IDクラス名」を利用して、特定のテキストウィジェットを非表示にするサンプルコードはこんな感じです。
.postid-52997 #text-21{ display:none; }
わいひらキーマスターエラー表示が出てWordpress自体がダメになってしまったようです。
そのエラーメッセージがわからないと、なぜエラーが起こったのか分からないです。
初めての方はこちらを必ずお読みくださいにもあるように、エラーメッセージは、できる限りそのまま貼り付けていただけると解決の助けになります。あと、おそらくエラーの原因はこれかと思います。
子テーマを有効化してのfunctionの所と思うところにサイトに書いてあった部分をコピーして貼り付けたところ、何かが間違っていたらしく、エラー表示が出てWordpress自体がダメになってしまったようです。
とりあえず、バックアップおとっておいてFTP等で編集した部分を元に戻してください。
あと、管理画面で操作出来るのであれば、急場をしのぐ方法として、とりあえずSimplicityの親テーマのみを有効化した後で対策を行うというのもありかと思います。
-
投稿者投稿