フォーラムへの返信
-
投稿者投稿
-
Web フォントという手もあるかなとは思ったのですが、わざわざそのために数メガバイトのフォントファイルをダウンロードさせるのも違う気がするので、ちょっとどのフォントを指定するかは考えてみます。
あ、あと、Lightning は見出しには○○、本文には○○のように細かく指定できるように見受けられましたが、Snow Monkey の場合はやるなら全体（body）への適用だけにしようと思います。CSS の継承度を考えると、そのほうが追加 CSS や子テーマで上書きしやすいためです。
♥ 0いいねをした人: 居ませんただ游ゴシックも IE では問題があるので、Android はゴシックになるのはしょうがないとして、游明朝でやっちゃうというのもありなんですかねー。
♥ 0いいねをした人: 居ません自作のものを調整して利用することもできますが、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いいねをした人: 居ませんゴシック/明朝体のフォント切り替えは実装したいなと思いつつ、明朝体のフォントとして何を指定するのがベターかわからず手を付けていませんでした。
游明朝が良いとは思うのですが、游明朝の場合は IE で文字下に空白ができるバグがあるようなので…。
あと Android ではそもそも明朝体が入っていないので、明朝指定をしていてもかなり多くの端末でゴシック体で表示されてしまう、という問題もあります。
そういうことで、Android と IE はどうなってもしょうがないというスタンスであればありだと思うのですが…それはそれで Android で適用されないのですが、とか、IE でずれるのですが、という質問も増えると思いますので、どうしようかなぁというところです…。
♥ 0いいねをした人: 居ません要は64emを打ち消さないと変更されないので、打ち消しの記述を入れてから、再度指定したい幅で入力しなおす、という感じで解決されました。
です！まさにそれです！
ちょっと冗長なので、こういうユーティリティ系のクラスは別 CSS ファイルにわけて、子テーマで CSS ファイルごと差し替えられるようにしたほうが変更しやすいのかなぁとか思ったりもしたのですが、それはそれでデメリットもありそうなので、今はこのカスタマイズ方法しか思い浮かびませんでした…。
ここでタグを書くのこれでいいのかな(；´Д｀)
タブがなくなってしまった。「テキスト」モードにして、コードを範囲選択し、「code」ボタンをクリックしてから投稿すると pre タグで囲まれてタブもそのままで出力されるはず！
♥ 0いいねをした人: 居ませんお急ぎでなければ、明日か月曜とかにサンプルコード書いてみますよ！
♥ 0いいねをした人: 居ませんあーそうですね、上書きするしかないです…。
ヘッダーの中で
.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いいねをした人: 居ませんファイル構造は最初戸惑いますが、流れが分かると使いやすいかもしれませんね。
そうであると良いなと願っています…！ 以前にどういう考えていまの構成にしているのか記事を書いたことがあるのでご参考まで。
ひとまず大丈夫そうということで、トピック閉じますね。
♥ 0いいねをした人: 居ませんなるほどです。
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いいねをした人: 居ませんどうやら、この部分が分かってなかったようです。
どうりで、上の表示が違うと思っていたんです（笑）ダッシュボード > 外観 > カスタマイズと進んだ場合は、トップページを開いた状態でカスタマイザーが開くので、ちょっと変わりますね。一応、その状態で（カスタマイザー状態で）、投稿に進むと、「ページ設定」がでるようになるので、お時間あるときにでも試してみてください。
あと＜見出し1＞ではもしかして目次にならないんですかね？
＜見出し2＞に設定したら、無事に目次設定できました！なるほど！そうですね、見出し1は無視するようになっています。見出し1は記事タイトルに使っているのですが、HTML のルール上見出し1はページ上に1つ、となっているので、記事中にはでないであろうという想定としています。
解決ということで、トピック閉じますね。
♥ 0いいねをした人: 居ませんあ、なるほどです！そうですね、メディアクエリ（
@media(...)の部分）は、セレクタを囲むように記述する必要があるんです。解決できたとのことでよかったです^^トピッククローズします。
♥ 0いいねをした人: 居ませんページ設定について
「ページ設定」は、投稿、もしくは固定ページを開いた状態でカスタマイザーを開いたときに表示されます。管理画面じゃなくてサイト上で適当な投稿を開いてから、ページ上部の管理バーの「カスタマイズ」をクリックしてみてください。
目次について
目次ですが、特に設定していなければ、投稿には自動的に目次は表示されるはずです（固定ページには自動表示されませんが、目次ウィジェットを使って表示させることはできます）。
で、目次が表示される設定になっているとして、目次が表示される条件は、まず見出しが存在すること、次に、見出しが div などで囲まれていないこと、です。なので自分で組んだ HTML をテキストモードに貼り付けたりしている場合は見出しが含まれていても目次がでなかったりすることがあるので、ご注意ください。
♥ 0いいねをした人: 居ませんSnow Monkey のデフォルトは、
h1 { font-size: 1.66667rem; /* 26.66667px 相当 */ } @media (min-width: 64em) { h1 { font-size: 2.5rem; /* 40px 相当 */ } }となっています。これは、基本は
1.66667rem、画面の横幅が 64em 以上（PC サイズ）のときは2.5remになる、ということです。.c-entry__title { font-size: 32px; }とした場合はすべてのデバイスサイズで
32pxになるはずなのですが、上手くいかない、というのはどのような状況でしょうか？ちなみに、
@media screen and (max-width: 480px) { .c-entry__title { font-size: 20px !important; } }は、画面幅が480px以下の場合は絶対的に
20pxという意味になります。♥ 0いいねをした人: 居ませんWeb フォントを使ったほうがキレイかも…とかはありますが、とりあえず標準的なものだと以下のような感じでしょうか。カスタマイザー > 追加 CSS、もしくは子テーマの CSS ファイルに下記を貼り付けてみてください。
/* 記事タイトルを明朝体に */ .c-entry__title { font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }♥ 0いいねをした人: 居ません通常の検索フォームは読み込むようになりましたが、検索フォームプラグインを使った時は、何も表示されません
あ！ 読み込み部分が間違っていたかもしれません。下記のコードに差し替えてみてください。
<?php $controller = new Mimizuku_Controller(); $controller->layout( get_theme_mod( 'archive-page-layout' ) ); if ( have_posts() ) { if ( $_GET['fe_form_no'] == '0' ) { // /子テーマ/templates/view/search-form0.php をビューファイルとして読み込み $controller->render( 'search-form0' ); } else { // デフォルトのビューファイルを読み込み $controller->render( 'archive', 'search' ); } } else { $controller->render( 'no-match' ); }search-form0.phpは、とりあえずtemplates/view/archive.phpの内容をそのまま使っていますが、それでよいのでしょうか。
この分岐コードは「検索内容によってページのデザインを変える」ために読むテンプレートを切り替える、というものだと思いますので、ご希望のデザインなどに応じてカスタマイズが必要なのではないでしょうか？
♥ 0いいねをした人: 居ません -
投稿者投稿
