WpTHK 3.02 リリース

2016年10月18日

WpTHK 3.02 をリリースしました。
細かい修正だけです。

ダウンロードは、こちらのページから。

仕様変更とバグ修正

印刷用の print.css が読み込まれていなかったバグの修正 (ついでに print.css の中身も修正)
カスタマイズプレビュー画面で同じ Javascript が 2 回読み込まれてしまっていたので修正
Firefox だけ、コンソール画面で Javascript の警告が出力されることがあるので修正
なぜか、固定ページに hentry が付いてなかったので hentry 付けるようにした
ブログカードの embed が読み込みに失敗した場合、下に長い横スクロールバーが出てしまうので CSS 修正
以下の組合せの時に、
- 記事下 SNS ボタン非表示
- 広告の表示を有効にしてる
- 広告の表示が有効なのに、広告ウジェットが空っぽ
記事下に不要な <hr> の線が出るので、これを表示しないようにした。
以下の組合せの時に、
- ヘッダー帯メニュー非表示
- ヘッダー帯メニュー固定
- グローバルナビ固定
グローバルナビが非表示の帯メニューの高さ分、宙に浮くので、上にピッタリくっつくようにした、

リリース情報

Posted by るな

WpTHK 3.03 リリース

WpTHK 3.01 リリース（SEO 強化と修正）アップデート大推奨

コメント一覧

tasaより:
2016年10月26日 01:03
こんにちは、
Wordpress 用テーマ THK ver 3 を利用させてもらってます tasa といいます。
WordPress 用のフリーアドオン『Easy Backup』を公開しましたので
その宣伝も兼ねて・・・、ではなくそれにかこつけてブログの宣伝に来ましたm(_ _)m。
以下のリンクで公開してますので、ぜひ見に来てください。
http://tenki.club/2016/10/post-131/
また、次のバージョンも開発しているということなので、
もしまだ修正していないようであれば、 bootstrap に絡んだ google adsense カスタム検索の表示バグも対応してもらえると嬉しいです。
不具合内容と対応方法はこちらに書いてみました。
http://tenki.club/2016/10/post-92/
(すみません、カスタム検索を全種類試したわけではないです・・・)
今後、時間を見ながらですが、THK のカスタマイズ関係の記事も投稿していきたいと思いますので、そちらもよろしくお願いします。
ではでは。
返信
- るなより:
  2016年10月26日 02:08
  tasa さん。
  > 次のバージョンも開発しているということなので
  そんなこと一言も言った覚えがないんですけどｗ
  ver3.x をリリースしたばかりで、いきなり次ってのは、ちょっと考えられないです。
  > カスタム検索の表示バグ
  「バグ」という言葉を間違って使ってますよ。
  Bootstrap 側のバグでもなければ、Google 側のバグでもありません。
  Bootstrap と Google の相互の互換性がないだけです。
  また、カスタム検索などは「誰もが全員使うもの」ではないため、
  無駄な CSS 等を入れたくないので、当方では対応しかねます。
  使う人が自分で Google 側に寄せて直すべきものです。
  返信
ほっぽより:
2016年10月24日 10:51
更新お疲れ様です。
アイコンフォントについて質問があります。
font awsomeのアイコンフォントを使用しようとコードを入力しても、アイコンが表示できませんでした。
css:before {
content: “アイコンフォント”;
}
カスタマイズの設定ではアイコンフォント ( Font Awesome ) の読み込み方法を同期にしています。
しかし、ソースを見た限りではアイコンフォントのCSSを読み込んでいる様子はありませんでした。
これは不具合なのか、それともこちらの設定方法が悪いのか
お答えいただければ幸いです。
よろしくお願いいたします。
返信
- るなより:
  2016年10月24日 11:22
  ほっぽさん。
  「アイコンフォントの読み込み方法」ではなく、
  その下にある「アイコンフォントの CSS」の設定を変えれば表示されるんじゃないですかね？
  返信
  - ほっぽより:
    2016年10月24日 12:03
    るなさん
    お答えいただきありがとうございます。
    「アイコンフォントのCSS」の設定を変更して表示されるか試してみましたが、表示されませんでした。
    ソース内でも「font」という単語で検索をかけましたが、font awesomeのcssを読み込んでいなさそうです。
    返信
    - るなより:
      2016年10月24日 12:12
      ほっぽさん。
      アイコンフォントが読み込まれていないのであれば、例えば、
      パンくずリンクの「」や、更新時間の「」SNS ボタンの「」などなども表示されませんが、
      これらも全て表示されていない、ということですか？
      ならば、実物を見ないと分かりません。URL を教えてください。
      返信
      - ほっぽより:
        2016年10月24日 12:22
        るなさん
        お早いご返答ありがとうございます。
        原因がわかりました。
        before:のcss内でfont-family: FontAwesome;の記述が抜けていたのが原因でした。
        返答にお手を煩わせて申し訳ありませんでした。失礼しました。
        返信
かわねこより:
2016年10月23日 08:16
おはようございます、かわねこです。
開発お疲れ様です。3系も利用させていただきました。ありがとうございます。
カスタマイズ豊富でサイトがなかなかリリースできませんｗ
私はピュアからデザイン変更しており、見出しのCSSについて質問させて下さい。
見出し（h）の新たなデザインを子テーマの style.cssに指定しても、本文中のみ元のスタイル（ボーダー）が残ってしまいます。混じる感じです。
記事タイトルは　.entry-title　で希望通りになりましたが、
h2・h3などはうまくいきません。アーカイブのタイトルもh1のボーダーが反映されカスタムしたいデザインと混じります。
これは仕様として諦めるべきでしょうか。あるいは書き方（書く場所）が違っているのでしょうか。
サイドバーの見出し（h）は希望通りなので変更したいのですが、本文中の見出しとの親和性がおかしくなるため悩んでおります。
解決方法がありましたら、ご教示いただきたくよろしくお願いします。
返信
- るなより:
  2016年10月23日 11:01
  かわねこさん。
  これまでの質問者さんにも、そういう方がいますが、
  基本的に URL が書いてない場合、「どういう状況なのか分からない」ため、
  当方の勝手な想像と洞察力で回答する以外のことができません。
  基本的には URL なり画像なりを見せてください。
  というわけで、正直言えば、質問内容サッパリなんですけど、「多分これでいいんじゃない？」という想像でお答えします。
  投稿・固定ページ
```
.post h1, .post h2, .post h3 {
	border: none;
}
```
  アーカイブ系のページの H1 は、パンくずリンクなので、H2 の間違いであろうと予測した上で、
  アーカイブ系のページ
```
#list h2 {
	border: none;
}
```
  もしくは、
```
.entry-title {
	border: none;
}
```
  返信
  - かわねこより:
    2016年10月23日 13:43
    るなさんこんにちは！
    大変稚拙な質問の仕方でごめんなさい。
    それにもかかわらず読み解いてくださって希望通りにできました。
    とても早く対応していただき嬉しいです。ありがとうございます！
    サイトの内容が出来上がっておらずURLが貼れない為、直したCSSを書かせていただきます。
    （複雑で今回関わらない箇所は略しました）
    ————————————————-
    .post h1, .entry-title, #list h2 {
    　padding: .5em .75em;
    　background-color: #ffffff;
    　border-top: none;
    　border-left: 2px solid #cd5e3c;
    }
    h3, .post h2, .post h3 {
    　margin: 0 0 1.5em;
    　padding: 0.8em;
    　font-size: 1.143em;
    　font-weight: bold;
    　border-top: 1px dashed #aaa;
    　border-bottom: 1px dashed #aaa;
    　border-left: none;
    　background: #eee;
    以下略
    }
    ————————————————-
    「border-top: none;」と「border-left: none;」が足りなかった（打ち消していなかった）ようです。
    「#list h2」を勘違いしていた経緯はややこしいので書きませんが、おそらくるなさんならお分かりいただけると思います。
    ご迷惑をおかけしました。
    返信
    - るなより:
      2016年10月23日 13:59
      .post h1, .entry-title, #list h2 { ・・・ }
      ↑ この場合 .entry-title 要らないような？
      .post h1, #list h2 { ・・・ }
      これでいいような気がし申す。
      返信
      - かわねこより:
        2016年10月23日 16:12
        るなさん、お世話になります。
        コードを適用する前に、
        「h3, .post h2, .post h3」群の中に「h2」を入れてしまっていて、
        せっかく打ち消したのに違うボーダーが入ってしまい
        「#list h2」を加えて
        その後に「h2はいらないじゃん」ということに気づいて
        「h2」を消して
        できたー！となったようです。（説明下手で尚且つちがってるかもですが）
        という流れのあと再返信を拝見し、今しがた
        子テーマの編集＞スタイルシート : style.css
        を開いたところ
        ————————————-
        .post h1, .entry-title {
        ・・・
        }
        ————————————-
        となっていました。おそうじ？してくれたのでしょうか。
        そうならすばらし。
        最初にるなさんが返信してくださった
        ————————————-
        #list h2 {
        border: none;
        }
        もしくは、
        .entry-title {
        border: none;
        }
        ————————————-
        と同じ（応用した）解釈で理解しました。
        何度もありがとうございました！
        返信
匿名より:
2016年10月18日 23:40
不具合の報告をさせて頂きます。
Android4.1に内蔵されている、Android標準ブラウザにて、タブレットなどの大画面（1280×800）で見ると、記事部分のカラムが表示されないようです。（サイドバーは表示されてる）
また、ヘッダーメニューもはみ出しているようです。
なお、別にインストールしているchromeでは、この症状は発生していません。（正常に観覧できる）
返信
- るなより:
  2016年10月19日 01:56
  匿名さん。
  とりあえず、確認はしましたが、
  WpTHK の不具合ではなく、標準ブラウザ側の不具合ですね。
  Flexbox のベンダープリフィクスすら、まともに認識できてないです。
  Flexbox の高速レンダリングを捨ててでも、
  「すでに、サポートを終了してて、起動するたびにセキュリティ警告が出て、
  ほぼ絶滅危惧種となってるブラウザをサポートしたい！」
  というのであれば、Flexbox を無効化すれば、きれいに表示されます。
  以下の CSS を子テーマの CSS に記述すれば、Flexbox を無効化できます。
```
#primary, #main, #core, #side, #col3 {
	display: block;
	-webkit-box-flex: unset;
	-webkit-flex: unset;
	-moz-box-flex: unset;
	-ms-flex: unset;
	flex: unset;
}
#main {
	width: 100%;
}
```
  当方のページでは、上記を記述する気はないです（遅くなるから）。
  まぁ、横向きの 1280×800 で見えないだけで、
  縦の 800×1280 なら、問題なく見えますしねぇ。
  返信
  - 匿名より:
    2016年10月21日 21:50
    やはり、標準ブラウザ側が原因ですよね。
    少数ながらも、標準ブラウザからのアクセスが残ってるので、聞いてみました。ご回答ありがとうございました。
    返信
makioより:
2016年10月18日 15:32
るなさん
WpTHK 3.0のリリースお疲れ様です。リリース前は検索機能にて、対応ありがとうございました。
もし可能であれば次回ver改善時にSNSの「Line@フォロー」や「Lineで送る」ボタンを追加して頂けますと嬉しいです。テーマを変更するにあたり、自サイトや他メディアでLine活用の需要が増えており、気になった点になります。
自分でもWebプッシュ通知や、Line送るSNSボタンの追加作業をしてみようと思います。
お手数おかけしますが、どうぞ宜しくお願い致します。
返信
- るなより:
  2016年10月18日 19:34
  makio さん。
  まぁ、正直言えば・・・
  スマホでも PC でも、LINE に URL を送ったり、フォローしたりってのは、
  いちいちボタン押さずとも簡単にできるのに、
  わざわざ、ボタンのある位置までスクロールして、そのボタンを押す価値があるのだろうか？
  ・・・と常々思っていたので、付けてませんでしたけどね。
  需要があるというのであれば、設置自体は超簡単なので、
  次のバージョンで、「こっそり」付けときます。
  まぁ「こっそり」って言っても、アイコン追加しないといけないので、
  子テーマのバージョン上げないといけないから、「こっそり」にならないかもしれないけどｗ
  返信
  - るなより:
    2016年10月18日 21:08
    とりあえず、当サイトで付けてみ申した。
    画面サイズ 992px 以上は、PC でも使える新仕様版の LINE ボタン表示。
    画面サイズ 991px 以下は、スマホのラインアプリで使える旧仕様の LINE ボタン表示。
    これで、どうでしょう？
    フォローボタンは、まだ付けてないけど、そっちも、後で付けます。
    返信
    - makioより:
      2016年10月18日 23:13
      るなさん
      さっそくの対応ありがとうございます！
      確かに、スクロールの途中でブラウザのシェアボタンから「アプリでシェア」という行動はできますね。。。Pocketは良くそのような使い方をするのですが、それ以外のSNSでは私はボタンを押していました。
      調査データなどあれば知りたいので調べてみたいと思います。友達にも聞いてみよう。
      ユーザーの年齢層が若いからか、Line@のフォロワーが1800ほどあり私のブログでは有望なチャネルになっています。
      「こっそり」にならない要望をしてしまい、申し訳ありません！！
      返信
      - るなより:
        2016年10月19日 02:13
        LINE のボタン設置したら、まだ 5 時間程度しか経ってないのに、開発者ブログの方で、数件クリックされてますねぇ。
        押す人いるんですねぇｗ
        出来上がってはいるんですけど、
        ver 3.03 リリースまで、少々お待ちください。
        （実は、当ブログが 3.03 を飛び越して、ver 3.04 で稼働してることは内緒ｗ）
        返信