[キタジマ タカシ]

v4.3 で実装しましたので確認されてください！

本文だけゴシックとかCSSで変更できる方法をご案内いただけると助かります。

これは普通に CSS で font-family を指定すれば OK です。

例えば見出しだけ変更するなら

.c-entry__content > h2 {
  font-family: serif; // 見出しだけセリフ（明朝体）に
}

とか。

♥ 1

Who liked:

[キタジマ タカシ]

子テーマ/templates/widget/any-posts.php にファイルを配置するとそれが利用されるようになるので、そこにリッチメディアと同じ HTML を書けばできないことはないのですが、ちょっとのちのち後方互換性がこわいかなぁという気はします。

もしその任意の投稿がある程度固定的なもので、管理画面からの変更が不要なのであれば、「Snow Monkey: 最近の投稿」ウィジェットを配置し、その表示条件をフックで固定的なものに変更させるほうが良いのかなという気がします。

もし入れ替えが頻繁だったりして管理画面からの変更が重要であれば、「Snow Monkey: 任意の投稿」を僕が新規につくるのが良いかもしれません（これはちょっと時間がかかるかも…

♥ 0

Who liked: No user

[キタジマ タカシ]

デザインが「オフィシャル」の場合ですよね。確かにシェアできないので、シェアボタン設定の「ボタンを表示」のところの「Facebook」を、

• 「Facebook（いいねのみ）」
• 「Facebook（いいね + シェア）」

に変更しようと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

あーなるほど、WordPress は get_the_title() ではタグ削除してくれないんですね。こちら修正します。

♥ 0

Who liked: No user

[キタジマ タカシ]

あー確かにそうですね、v4.3 正式版で対応します！

♥ 0

Who liked: No user

[キタジマ タカシ]

ちょうど別な方からもページ崩れの報告を頂いていて、その原因も mod_pagespeed だったので、CSS非同期読み込み機能との競合があったのかもしれませんね。

CSS非同期読み込み機能は mod_pagespeed との競合以外にも、ちょくちょく似たような報告があり、結構扱いが難しいかなと思っているので、高速化の効果がそれほどないようであれば、いっそ機能を削除しても良いかなと考えていました。

♥ 0

Who liked: No user

[キタジマ タカシ]

Web フォントという手もあるかなとは思ったのですが、わざわざそのために数メガバイトのフォントファイルをダウンロードさせるのも違う気がするので、ちょっとどのフォントを指定するかは考えてみます。

あ、あと、Lightning は見出しには○○、本文には○○のように細かく指定できるように見受けられましたが、Snow Monkey の場合はやるなら全体（body）への適用だけにしようと思います。CSS の継承度を考えると、そのほうが追加 CSS や子テーマで上書きしやすいためです。

♥ 0

Who liked: No user

[キタジマ タカシ]

ただ游ゴシックも IE では問題があるので、Android はゴシックになるのはしょうがないとして、游明朝でやっちゃうというのもありなんですかねー。

♥ 0

Who liked: No user

[キタジマ タカシ]

自作のものを調整して利用することもできますが、Snow Monkey はスムーススクロール用のライブラリを持っているのでそちらの場合を。下記のコードを子テーマの JavaScript ファイルに貼り付けてみてください。

jQuery(function(){
  $('任意のセレクタ a[href^="#"]').SmoothScroll({
    duration: 800,
    easing  : 'easeOutQuint'
  });
});

肝は $('任意のセレクタ a[href^="#"]') の部分です。全てのアンカーリンクに、というのはなかなか難しいのですが、任意のページ内リンクなら比較的簡単です。 例えば、

<div class="anchor-links">
  <a href="#hoge">アンカーリンク</a>
</div>

のようなアンカーリンクをつくった場合は、$('.anchor-links a[href^="#"]') と指定します。

♥ 0

Who liked: No user

[キタジマ タカシ]

ゴシック/明朝体のフォント切り替えは実装したいなと思いつつ、明朝体のフォントとして何を指定するのがベターかわからず手を付けていませんでした。

游明朝が良いとは思うのですが、游明朝の場合は　IE で文字下に空白ができるバグがあるようなので…。

font-familyに游明朝を使用してはいけない理由 – Qiita

「Chromeでも読みやすい游ゴシックを指定する方法 」にご興味を示していただいた方、お待たせしました。游明朝を基準としたfont-familyを指定するにはどうしたら良いかの…

qiita.com

あと Android ではそもそも明朝体が入っていないので、明朝指定をしていてもかなり多くの端末でゴシック体で表示されてしまう、という問題もあります。

そういうことで、Android と IE はどうなってもしょうがないというスタンスであればありだと思うのですが…それはそれで Android で適用されないのですが、とか、IE でずれるのですが、という質問も増えると思いますので、どうしようかなぁというところです…。

♥ 0

Who liked: No user

[キタジマ タカシ]

要は64emを打ち消さないと変更されないので、打ち消しの記述を入れてから、再度指定したい幅で入力しなおす、という感じで解決されました。

です！まさにそれです！

ちょっと冗長なので、こういうユーティリティ系のクラスは別 CSS ファイルにわけて、子テーマで CSS ファイルごと差し替えられるようにしたほうが変更しやすいのかなぁとか思ったりもしたのですが、それはそれでデメリットもありそうなので、今はこのカスタマイズ方法しか思い浮かびませんでした…。

ここでタグを書くのこれでいいのかな(；´Д｀)
タブがなくなってしまった。

「テキスト」モードにして、コードを範囲選択し、「code」ボタンをクリックしてから投稿すると pre タグで囲まれてタブもそのままで出力されるはず！

♥ 0

Who liked: No user

[キタジマ タカシ]

お急ぎでなければ、明日か月曜とかにサンプルコード書いてみますよ！

♥ 0

Who liked: No user

[キタジマ タカシ]

あーそうですね、上書きするしかないです…。

ヘッダーの中で .u-hidden-lg-up、 .u-visible-lg-up のようなクラスを使って出したり消したりしているので、それを上書きする感じになりますが、display: none、display: block を切り替えるようなやりかたじゃないめんどくさい方法をしてしまっているので、結構めんどくさいかもしれません…。

細かく調整しなくて良いのであれば、ヘッダーのテンプレート (template-parts/1row-header.php など) を子テーマにコピーして、.u-hidden-md-up、 .u-visible-md-up に書き換えれば、PCサイズ（1024px）じゃなくてタブレットサイズ（640px）を基準にできます。ただ、こっちもこっちでアップデートのたびにヘッダーの HTML 構造がかわってないかは確認しないといけないと思うので、これはこれでめんどくさいかもしれません…。

♥ 0

Who liked: No user

[キタジマ タカシ]

ファイル構造は最初戸惑いますが、流れが分かると使いやすいかもしれませんね。

そうであると良いなと願っています…！ 以前にどういう考えていまの構成にしているのか記事を書いたことがあるのでご参考まで。

WordPress 有料テーマ Snow Monkey の基本的な構造について – ディレクトリ構成編

Snow Monkey アドベントカレンダー4日目の記事です。昨日は「WordPress 有料テーマ Snow…

snow-monkey.2inc.org

ひとまず大丈夫そうということで、トピック閉じますね。

♥ 0

Who liked: No user

[キタジマ タカシ]

なるほどです。

entry-summary については、template-parts/loop/entry-summary-投稿タイプ.php のファイルがあればそれを読み込み、なければフォールバックとして template-parts/loop/entry-summary.php が読み込まれる、という仕組みになっています。

なので、まずは子テーマに template-parts/loop/entry-summary-投稿タイプ.php をつくり、snow-monkey/template-parts/loop/entry-summary-post.php の中身をコピペして必要に応じて改変する、という流れがやりやすいかもしれません。

♥ 0

Who liked: No user

[投稿者]

投稿