わいひら

Simplicity20140918をダウンロードページに反映させるの忘れていました；
ダウンロードペーでにダウンロードできるようにしておきました。

子テーマにjavascript.jsを追加したのであれば、バージョンアップは親テーマを上書きすれば手作業は不要になります。

ただ、今回のSimplicity20140918で、YouTubeとInstagram以外のiframeはPHP側でdivでラップしないように修正してみました。

今回のバージョンを使用すれば、JavaScript関係なく動作すると思います。

簡単な解決方法を思いつきました。javascript.jsの以下の部分を

///////////////////////////////
//Instagramコンテナのクラス付け替え
///////////////////////////////
jQuery(function(){
  //srcにinstagramが含まれているiframe要素を探す
  jQuery('.video-container .video iframe[src*="instagram"]').each(function(){
    //親コンテナ要素のclassの付け替え
    jQuery(this).parent().removeClass('video').addClass('instagram');
    //親の親コンテナ要素のclassの付け替え
    jQuery(this).parent().parent().removeClass('video-container').addClass('instagram-container');
  });
});

以下のように変更すれば、横並びに表示されると思います。

///////////////////////////////
//Instagram、Amazonコンテナのクラス付け替え
///////////////////////////////
jQuery(function(){
  //srcにinstagramが含まれているiframe要素を探す
  jQuery('.video-container .video iframe[src*="instagram"]').each(function(){
    //親コンテナ要素のclassの付け替え
    jQuery(this).parent().removeClass('video').addClass('instagram');
    //親の親コンテナ要素のclassの付け替え
    jQuery(this).parent().parent().removeClass('video-container').addClass('instagram-container');
  });
  //srcにAmazonが含まれているiframe要素を探す
  jQuery('.video-container .video iframe[src*="amazon"]').each(function(){
    //親コンテナ要素のclassの付け替え
    jQuery(this).parent().removeClass('video').css('display', 'inline');
    //親の親コンテナ要素のclassの付け替え
    jQuery(this).parent().parent().removeClass('video-container').css('display', 'inline');
  });
});

うまくいくようでしたら、この変更を次のバージョンアップに適用したいと思います。

以前、使用していたSTINGERというテーマです。

うわっ、ほんとだ！
僕も使用していたんですけど、全然気づいてなかったです。失礼しました。

次のバージョンでの実装を目標に調べてみます。

以下の記事などを参考にpage.phpファイルを編集してみてください。
固定ページにコメント欄を表示させる方法

それで、トップページでのサムネイル下の記事タイトルなのですが、少し上の部分が切れてしまうのと、タイトルが長いと３行目の部分が表示されない（スマホも同様に）ようです。

これは、サムネイルリストは高さがそろわないと決まらないので、そのようなデザインになっています。
好みの高さにするには、以下のように、スタイルで高さを編集する必要があります。

.entry h2 {
    max-height: 50px !important;
}

その他の調整もスタイルシートでしていただく必要があります。
アップデートの方法はそれでOKです。

個別ページのタイトルのフォントサイズを変更するには

.type-page h1.entry-title{
  font-size:25px;
}

寝ログのヘッダーはこのように#headerに画像を指定しています。

#header {
    background-image: url("images/top.jpg");
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: 100% auto;
    height: 150px;
}

ナビゲーション部分も、幅を広げているわけではなく#naviの背景色の変更をしています。

#navi {
    background-color: #31241D;
    border: 0 none;
}

• この返信は11年、 7ヶ月前にわいひらが編集しました。

header.phpの以下の箇所を

elseif(is_page()):
wp_title(”);

次のように修正します。

elseif(is_page()):
wp_title(‘|’,true,’right’);
bloginfo(‘name’);

あとはAll in One SEO Packというプラグインを使用すれば、プラグインの設定画面からで設定できるようになります。
ただ、このプラグインの設定はいろいろとややこしいです。
All in One SEO Pack

不具合報告ありがとうございます。

最新版を入れてところタイトルからのリンクがドメイン指定になりました。

タイトルからのリンクというのは、サイトタイトル（このサイトで言えば「Simplicity」となっているところ）でしょうか？

PCにスマートフォン用の画面が表示されます。

原因としては2つ考えられます。
1つは、ブラウザの幅が狭くて狭い画面用の画面が表示されている。
もう一つは、ファイルを生成するタイプのキャッシュプラグインを使用しているかなどが考えられます。

いえいえ、こういう時のためにフォーラム化したので大丈夫ですよ。
メールサポートとは違って、リンクを貼ればいいだけなので。
でもおかげで、この機能の需要が結構ある（確実に2人はいる）ことがわかりました。
ありがとうございます。

固定ページ・投稿ページは、画像を表示させなければアイキャッチ（サムネイル）は表示されません。
編集方法は、以下のトピックを参照してください。
アイキャッチ画像が表示されない件

要望をありがとうございます。
こっちはちょっと無理ですが

記事編集画面でも、個別に表示/非表示 が設定できる

こっちは実現できればと思います。

公開済みの全記事に対して、表示/非表示 がテーマのカスタマイズの所で設定できる

動作したようでよかったです。

アドセンス（レクタングル）をフッター部分中央に設定すると広告が
H2下に1、本文下に2、フッターに1と四つ出てくるのですが
これは、設定していると出てくるものなのでしょうか？

Simplicityでは、アドセンスを広告ウイジェットに以外に入れていたり、カスタマイズして挿入している場合は、自分で広告数を調整する必要があります。
広告ウイジェットに入っている、広告数はSimplicityが調節しますが、それ以外に入れる広告は自らが管理する必要があります。

• この返信は11年、 7ヶ月前にわいひらが編集しました。

ちょっとこちらの方法を、もう一度やってもらってよろしいでしょうか？
Simplicityページトップにも広告を表示させ、なるべく多くのアドセンスを表示するための設定方法
方法通りにやれば、多分大丈夫と思います。

いえいえ、そのメッセージのおかげでかなり助かります。
もし、お付き合いいただけるのなら、エラーが出なくなるまで修正しますよ。
テーマを修正できるのは夕方以降になるので、修正版は夜ぐらいになるかもしれません。
少々お待ちください。

不具合報告ありがとうございます。

報告にあった件ですが、僕の環境(ローカルでもサーバーでも）再現できませんでした。
そこで確認なんですけど、以下の項目をちょっと確認してみてもらってよいでしょうか？。

・以前の安定版からのバージョンアップと見受けられますが、子テーマなどを使用してテンプレートをカスタマイズしていないか？
・テーマフォルダ内にskinsフォルダはあるか？
・画面が真っ白とのことですが何かエラーメッセージは出ていないか？
・simplicity20140904a.zipやsimplicity20140907.zipを適用してみてもエラーは出るか？

simplicity20140904a.zip
http://www.mediafire.com/download/yde8siy25ct2ice/simplicity20140904a.zip
simplicity20140907.zip
http://www.mediafire.com/download/7grqcqa382g1f5p/simplicity20140907.zip

よろしくお願いします。

詳細な不具合報告ありがとうございます！
記事もとても参考になりました。

　ただしWordpressの改造に詳しくないため
　この対応方法が本質的な正解なのかは判別付きませんでした。

get_the_permalink()のカッコ内は、

投稿情報ID（省略時は0となり、現在の投稿情報を調べる）。

get_permalink:WordPress私的マニュアル

となっているので、get_permalink($post->ID)みたいなもんなんですけど不思議です。
僕も詳しいことは分りませんが、カッコ内が空の時の投稿情報を調べる関数に、もしかしたら不具合があるのかもしれませんね。

get_permalink($post->ID)でも、get_the_permalink()でも、やることは同じなのでget_permalink($post->ID)を使用して修正しておきました。

次のバージョンでアップしたいと思います。

こんな方法があったんですね。
ただ、これらの方法を使うとサブメニューの表示が崩れてしまいます。

サブメニューを使用しないのであれば、以下のスタイルで行けるかと思います。

#navi .menu > ul,
#navi ul.menu{
display: table;
table-layout: fixed;
}

#navi .menu > ul > li,
#navi ul.menu > li{
display: table-cell;
float:none;
}

あとは、親テーマのstyle.cssから以下を削除してください。

#container:after, #navi ul:after, .clearfix:after {
clear: both;
content: ” “;
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}

僕はCSSに精通しているわけではないので、もしかしたらあるのかもしれませんが、僕が知る限りではCSSでそのようなことはできないような気がします。

そういった場合は、まずメニューの中で一番長い文字列をjQueryなどで調べ、
それに対して、以下のような方法で文字列の幅を取得し、

javascriptで文字列の描画幅を取得する方法 – Qiita

jQueryなどで、メニューアイテムをその幅に調節する方法ぐらいしかないような気がします。

ページトップにアドセンスを表示できるように機能を追加しました。
http://wp-simplicity.com/simplicity-20140904/

ここで紹介している方法でOKかと思います。
http://wp-simplicity.com/suport/topic/topic-0-5/

CSSで画像なら入れれると思いますが、フォントアイコンは無理なんじゃないかなと思います。
jQueryで、無理やり挿入したりすることはできるかもしれませんが。

その位置だと、entry-body.phpの部分は削除して、
header.phpの以下の辺りにパンくずリスト表示コードを挿入するしかなさそうです。

<div id="body-in">
このあたり
<!– main –>
<div id="main">

一応CSSだけでも行けるのかもしれませんが、PCとモバイル画面があるので設定がかなりややこしくなりそうです。

• この返信は11年、 7ヶ月前にわいひらが編集しました。