Simplicity1.2.9公開。2つの機能追加と大幅調整。動作不良時のガイドライン既知の不具合サポート対象外のものホームNEWSSimplicity1.2.9公開。2つの機能追加と大幅調整。NEWSシェアする0401LINE!226108Simplicityをバージョンアップしました。「外観→カスタマイズ→レイアウトの設定」に「抜粋の末尾文字」機能を追加しました。これは、抜粋文字数内では収まりきらなかった文字の末尾に「...」などを付加できる機能です。抜粋文字数よりも文字数が少ない記事の場合や、moreタグがきちんと挿入されていて、綺麗に区切れているところでは表示されません。要望では、最初、動作がうまくいかなかったので、一旦実装は諦めたのですが、1日寝た後に書いたら、うまくいったので追加。「外観→カスタマイズ→レイアウトの設定」に「カード幅を広げる」機能を追加しました。本来はこんな感じだったカードがこのくらいまで広くなります。Facebookシェアボタのずれ修正デフォルトのタイトル下にあるFacebookシェアボタンのズレを修正しました。以前から、他の方のSimplicityサイトを見ていてズレているのには気づいていたんですが、僕の開発環境で再現できなかったので、修正できていませんでした。今日ようやく原因がわかりました。僕の環境では、こんなだったのが他のサイトではこんな感じでずれている。原因は、親テーマだけだとずれないのに、子テーマを適用するとずれるというものでした。僕も、なぜそうなるのか訳のわからないんですけど、余分な行動すべて省いた子テーマを適用してもずれるので、こちらで配布している子テーマに原因があるわけでもないようです。結局、親テーマ、子テーマどちらを適用してもズレないスタイル(多分)に変更しました。幅が320pxのモバイル端末でラージモバイルバナーがはみ出さないように修正しました。こんな感じで左右ピッタリ表示されるようになります。JavaScriptのシェア数取得関数を大幅書き換えjavascript.jsの中身を大幅に書き換えました。書き換えたと言っても、僕が書いたのではなく、blazechariotのHidekichiさんのサイトに掲載されているコードを、許可をいただいて使わせてもらいました。ありがとうございます。今回、header.php内が雑多になってきたので、CSS関係のコードを書くにはheader-css.phpに、JavaScript関係のことを書くには、header-javascript.phpにとコードを整理整頓しました。これで次から、どこに何があるか少しは分かりやすくなりました。(僕が)あとついでに、ヘッダー内で使用されるファイルは、頭にheader-がつくように統一しました。ogp.php→header-ogp.phpに変更twitter-card.php→header-twitter-card.phpに変更これで、ファイラーでファイルリストを名前でソートして表示すると、まとまって表示されるので編集効率が多少上がります。v1.2.9あとがき今回、結構コードを書き換えたので、不具合がありましたら報告していただけると助かります。書き換えたおかげで、コードがかなりスッキリして嬉しいです。スポンサーリンクアドセンス(大)アドセンス(大)シェアする0401LINE!226108フォローする@MrYhiraさんをフォローわいひら関連記事Simplicity2.6.8公開。ウィジェット設定エリアの幅拡大と不具合修正など。Simplicity2.1.7公開。フォローボタンの作り直しなど。Simplicity子テーマ(無印)をv20150522にバージョンアップ【公開中止】Simplicity1.6.0公開。ヘッダー背景画像などをメディアから指定出来るように変更。Simplicity2.0.0β版公開。1→2への移行は要再設定Simplicity1.8安定版公開。1.7→1.8変更点まとめ。Simplicity1.3.5公開。【重要】ウイジェット設定の仕様変更、SNSフォローウイジェットを追加などSimplicity子テーマに「3カラム子テーマ」を追加Simplicity1.5.1公開。Simplicity2.1.9公開。独自実装の外部リンクブログカード機能追加、他。スポンサーリンクアドセンス(大)Simplicityで、一覧リストのスニペット部分に「抜粋」に入力したものを表示する設定方法Simplicity1.2.10公開。feedly数の非同期取得、環境によってはモバイル画面でスタイルが崩れる不具合修正。AM子テーマを適用している状態で、新しいバージョンのSimplicityを入れました。//←追加で直りそうな予感}こんな感じで真ん中辺りに揃うと思います。親テーマ/css/sns.css該当箇所chromeのF12で見てみたらmargin-topが-7pxになってました。仮にズレてない人が-2pxを入れたら、それのせいでズレるかも知れません。ズレている人は上記でイケるだろうと思います(要微調整。AM僕の環境だけなのかもしれないんですけど、margin-top:-2px;にすると、親テーマのみにしたとき、今度は下がって表示されてしまいます。なんでかはわからないんですけど。今回の1.2.9でmargin-topで調整するのはやめて、邪道なのかもしれないですけど、以下のようにしたら僕の環境では、親テーマ、子テーマ適用後も、どちらもずれなくなりました。20px;}でも、もしかしたら他の人の環境では、ずれているのかもしれません。PM今回のアップデートで設定を戻す時にデフォルトのを見て、あ、ズレてると気がついた次第ですが、その段階では先にコメントした感じで直ったように思います。調整したはずの子テーマを適用させると今度は独自ボタンのFontAwesome部分がやや下にズレているように思いました(現在もそのままです。実際にcssを書き変えて試してみたわけではないので確かではありませんが、逆にline-heightが一番怪しいと思ったりもしています。先日コメントさせていただいたFontAwesomeのズレの件でお話させていただいたようにrelativeにした要素のtop50%でtransformの-50%は必ず要素の縦ど真ん中に入ります。これでもズレることがあれば、それを囲むmargin・paddingの設定やheightが正しく設定できていないのではないかと想像します。margin・paddingらの設定が正しいとすれば、目に見えずわかりにくいline-heightはとても怪しいです(ΦωΦ)一度ボタン周りのclassすべてのline-heightをコメントアウトして、.articleのline-heightだけ残している状態から順番に調整してみてはどうでしょうか?fontAwesome同等ぐらいの手頃な画像アイコンで背景透明化した極小さなアイコンをデータURLスキームにしてbackground-image,positionあたりでcenter,centerにする方法もありますけども作るのが面倒ですしね(ΦωΦ)これだとhttpリクエストが減るので極わずかながら速度に貢献できるかも知れません。これをcssスプライトと併用すれば・・・。アイデアの一つとして。ここは時間がある時にご覧になって下さい。PMrelativeにした要素のtop50%でtransformの-50%は必ず要素の縦ど真ん中に入ります。これでもズレることがあれば、それを囲むmargin・paddingの設定やheightが正しく設定できていないのではないかと想像します。margin・paddingらの設定が正しいとすれば、目に見えずわかりにくいline-heightはとても怪しいです(ΦωΦ)一度ボタン周りのclassすべてのline-heightをコメントアウトして、.articleのline-heightだけ残している状態から順番に調整してみてはどうでしょうか?一応先日も、やってみたんですけど、今の設定の方が自分の好みだったもので1.2.9のようにしました。一応、いろいろなWindowsのブラウザ(他のOSは体の都合上使えなくて)で、確認してみたんですけど、今の設定でそこまでズレているようには見えないんです。top50%でtransformの-50%の方法も試してみた上でです。現環境では、今の設定が好みだったというそれだけなんです。これは、完全に好みの問題なので、ここらへんは、個人で調節してもらうしかないかもしれません。リンク先、ものすごく勉強になります。ありがとうございます!ただ、もちろん高速化も大事なんですけど、やるとしても一番最後になると思います。今は、できることはやっていくつもりですが、まだバージョンアップをしているうちは編集のしやすさを優先させようと思っています。今のところ、プラグインに任せられるところは、任せたいと思います。僕は、このSimplicity製作を本業にしているわけではないので、今の自分の空いている時間以上の高クオリティーなものは出来ないことをご了承ください。AMお世話になります。Simplicityを使用させて頂いている者です。素晴らしいテーマをありがとうございます。今回アップデートされました新しいSimplicity1.2.9ですが、こちらのテーマ(親)を設定したところ、スマフォ(iphone)でみると、なぜかPC版が表示されてしまいます。(キャッシュ等も消してみましたが、変わりませんでした)設定はALLデフォルトです。Simplicity20141102ではこのような不具合は発生しませんでした。ご教授頂けましたら幸いです。AMさて、今回アップデートされました新しいSimplicity1.2.9ですが、こちらのテーマ(親)を設定したところ、スマフォ(iphone)でみると、なぜかPC版が表示されてしまいます。(キャッシュ等も消してみましたが、変わりませんでした)設定はALLデフォルトです。このページをスマホで見ても、PC版が表示されますでしょうか?あと、一応もう一度以下の部分は確認してみてください。AMわいひら様ご返信遅くなり、申し訳ありませんでした。ご教授の通り、キャッシュを消したり、プラグインを停止したりしてみまして、きちんスマフォ版が表示されていることを確認しました。こちらのミスもあり、ご迷惑をお掛けしました。ありがとうございました。今後ともよろしくお願いいたします。報告ありがとうございます。不具合じゃなくて安心しました。何かありましたらよろしくお願いします。PMお世話になっています。シンプルで素晴らしいテーマをありがとうございます。Simplicity1.2.9ですが、適用したときにトップに表示するバナー(728×90)が左寄りに少しずれる現象がおきました。「hemes/simplicity/style.css」にある「ad-space-top」のクラスで指定されている「margin-left:-10px;」が原因のようです。子テーマのCSSファイルでスタイルを「margin-left:0;」にして上書きしてすると回避できました。私の環境だけかもしれませんが、ご報告いたします。PM不具合報告ありがとうございます!広告の位置は、僕がCSSの設定をミスっていたみたいです。1.2.10で修正しておきました。画像などと一緒にCSSやHTML、javascriptあたりもキャッシュされます。[...]Simplicity後継テーマ現在Simplicityの後継テーマであるCocoonが公開されています。これからサイト始めるのであれば、Cocoonの利用をおすすめします。Googleサイト内検索Simplicityのダウンロードダウンロードはこちらから。子テーマスキンのダウンロード新着記事Simplicity2.8.6公開。ボックスメニューショートコード追加。Simplicity2で投稿・固定ページの本文中広告の数を制御する方法Simplicity2.8.5公開。本文中広告の数制御フック追加。パンくずリストの不具合修正。Simplicity2.8.4公開。レビュー構造化データのエラー対応。Postsの仕様変更対応。Simplicity2.8.2公開。レビュー構造化データの仕様変更対応。スポンサーリンクよく問い合わせがある症状テーマアップデートで表示が崩れた場合は、ブラウザのリロードボタンを押すか、動作不良時のガイドラインにあるキャッシュの削除を行ってください。使用サンプル作者@MrYhiraのサイト寝ログでもSimplicityを使用しています。ブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。1日前cocoonに移行中の出来事です。Lee1ヶ月前simplicity2のアップロードミス後、ログイン出来ません。最近のコメントわいひら2020/1/31Simplicity2.8.5公開。本文中広告の数制御フック追加。パンくずリストの不具合修正。自動アップデートは行いません。以下の方法で自前でアップデートしていただく必要があります。https://wp-simplicity.com/simplicity-update/村林2020/1/31Simplicity2.8.5公開。本文中広告の数制御フック追加。パンくずリストの不具合修正。パンくずリストで警告が出ていました。「Simplicityを2.8.5にバージョンアップしました。ご返信ありがとうございます。ご回答の内容でやってみようと思います。フォーラムの方への書き込みの件も承知しました。今後はフォーラムの方へ書き込むようにします。AdSense広告を貼り付ける方法おそらくサーバーのファイアウォール機能によってブロックされているんだと思います。AdSense広告を貼り付ける方法そういうわけではありませんが、コメント欄の案内に、以下のように書かれているように、基本的にフォーラムしかチェックしていませんでした。(33)カテゴリー別新着記事Simplicity2.8.6公開。ボックスメニューショートコード追加。Simplicity2.8.5公開。本文中広告の数制御フック追加。パンくずリストの不具合修正。Simplicity2.8.4公開。レビュー構造化データのエラー対応。Postsの仕様変更対応。Simplicity2.8.2公開。レビュー構造化データの仕様変更対応。Simplicity2.8.0公開。Google検索結果に星評価を表示するレビュー機能を追加。