v4.3 で実装しましたので確認されてください！
本文だけゴシックとかCSSで変更できる方法をご案内いただけると助かります。
これは普通に CSS で font-family を指定すれば OK です。
例えば見出しだけ変更するなら
.c-entry__content > h2 {
font-family: serif; // 見出しだけセリフ（明朝体）に
}
とか。
子テーマ/templates/widget/any-posts.php にファイルを配置するとそれが利用されるようになるので、そこにリッチメディアと同じ HTML を書けばできないことはないのですが、ちょっとのちのち後方互換性がこわいかなぁという気はします。
もしその任意の投稿がある程度固定的なもので、管理画面からの変更が不要なのであれば、「Snow Monkey: 最近の投稿」ウィジェットを配置し、その表示条件をフックで固定的なものに変更させるほうが良いのかなという気がします。
もし入れ替えが頻繁だったりして管理画面からの変更が重要であれば、「Snow Monkey: 任意の投稿」を僕が新規につくるのが良いかもしれません（これはちょっと時間がかかるかも…
デザインが「オフィシャル」の場合ですよね。確かにシェアできないので、シェアボタン設定の「ボタンを表示」のところの「Facebook」を、
- 「Facebook（いいねのみ）」
- 「Facebook（いいね + シェア）」
に変更しようと思います。
あーなるほど、WordPress は get_the_title() ではタグ削除してくれないんですね。こちら修正します。
早速のご対応ありがとうございました！アップデートして確認したところ、無事にタグが削除されていました^^
ところであとだしすみません…snsボタンのtwitterも、押したときにタグが入っちゃうのですが、これって削除できないんでしたっけ？
Web フォントという手もあるかなとは思ったのですが、わざわざそのために数メガバイトのフォントファイルをダウンロードさせるのも違う気がするので、ちょっとどのフォントを指定するかは考えてみます。
あ、あと、Lightning は見出しには○○、本文には○○のように細かく指定できるように見受けられましたが、Snow Monkey の場合はやるなら全体（body）への適用だけにしようと思います。CSS の継承度を考えると、そのほうが追加 CSS や子テーマで上書きしやすいためです。
ただ游ゴシックも IE では問題があるので、Android はゴシックになるのはしょうがないとして、游明朝でやっちゃうというのもありなんですかねー。
自作のものを調整して利用することもできますが、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^="#"]') と指定します。
ゴシック/明朝体のフォント切り替えは実装したいなと思いつつ、明朝体のフォントとして何を指定するのがベターかわからず手を付けていませんでした。
游明朝が良いとは思うのですが、游明朝の場合は IE で文字下に空白ができるバグがあるようなので…。
あと Android ではそもそも明朝体が入っていないので、明朝指定をしていてもかなり多くの端末でゴシック体で表示されてしまう、という問題もあります。
そういうことで、Android と IE はどうなってもしょうがないというスタンスであればありだと思うのですが…それはそれで Android で適用されないのですが、とか、IE でずれるのですが、という質問も増えると思いますので、どうしようかなぁというところです…。
あ、今もう一回トピック開いて書こうかと思ってたところでした。
他にも困っている方がいるかもしれないと思ったので…！
私が解決した方法は以下になりますが、もしもっといい方法があればぜひ教えてください！
/* （例）グローバルメニューを1286px未満でハンバーガーボタンを表示するように変更 */
@media (min-width: 64em) {
.u-visible-lg-up {
position: absolute !important;
clip: rect(1px,1px,1px,1px) !important;
speak: none !important;
visibility: hidden !important;
}
}
@media (min-width: 80.375em) {
.u-visible-lg-up {
position: static !important;
clip: auto !important;
speak: normal !important;
visibility: visible !important;
}
}
@media (min-width: 64em) {
.u-hidden-lg-up {
position: static !important;
clip: auto !important;
speak: normal !important;
visibility: visible !important;
}
}
@media (min-width: 80.375em) {
.u-hidden-lg-up {
position: absolute!important;
clip: rect(1px,1px,1px,1px) !important;
speak: none!important;
visibility: hidden!important;
}
}
ここでタグを書くのこれでいいのかな(；´Д｀)
タブがなくなってしまった。
要は64emを打ち消さないと変更されないので、打ち消しの記述を入れてから、再度指定したい幅で入力しなおす、という感じで解決されました。
モバイルメニュー時のようにヘッダー固定されませんが、PCメニューの固定があるので問題ありません。
どうでしょうか！
やはりそうなんですね。
1100とか1200とか、もっと早くハンバーガーにしたいので、その場合はCSSしかなさそうですね。
確かに普通にdisplay:noneとかじゃないなーと思ってました（笑）
なんか難しいことしてはるなーと。
ちょっと見てみます。ありがとうございました！
あーそうですね、上書きするしかないです…。
ヘッダーの中で .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 構造がかわってないかは確認しないといけないと思うので、これはこれでめんどくさいかもしれません…。
ファイル構造は最初戸惑いますが、流れが分かると使いやすいかもしれませんね。
そうであると良いなと願っています…！ 以前にどういう考えていまの構成にしているのか記事を書いたことがあるのでご参考まで。
ひとまず大丈夫そうということで、トピック閉じますね。
あ、なるほどです！そうですね、メディアクエリ（@media(...) の部分）は、セレクタを囲むように記述する必要があるんです。解決できたとのことでよかったです^^
トピッククローズします。
ページ設定について
「ページ設定」は、投稿、もしくは固定ページを開いた状態でカスタマイザーを開いたときに表示されます。管理画面じゃなくてサイト上で適当な投稿を開いてから、ページ上部の管理バーの「カスタマイズ」をクリックしてみてください。
目次について
目次ですが、特に設定していなければ、投稿には自動的に目次は表示されるはずです（固定ページには自動表示されませんが、目次ウィジェットを使って表示させることはできます）。
で、目次が表示される設定になっているとして、目次が表示される条件は、まず見出しが存在すること、次に、見出しが div などで囲まれていないこと、です。なので自分で組んだ HTML をテキストモードに貼り付けたりしている場合は見出しが含まれていても目次がでなかったりすることがあるので、ご注意ください。
