フォーラムへの返信
-
投稿者投稿
-
そういうことであれば、ブロックの「追加 CSS クラス」は設定する必要はありません。全体のフォントサイズは
html
で定義されているので、@media (max-width: 639px) { html { font-size: 14px; } }
という感じで全体的に小さくできます。各場所はカスタマイザーの追加 CSS でも My Snow Monkey 内の CSS でも構いませんが、よくわからないのであればカスタマイザーに書いたほうが管理はしやすいと思います。
変な部分で改行というか行が変わってしまうので・・
これあるあるですが、小さくしても今後文章を変えたり、ページが増えたりすると、いずれどこかで改行位置が気に食わないポイントがでてくると思います。なので個人的には改行されてもそこまで違和感がないデザイン(というか文章組み?)にするほうが良いのではないかなと思ったりします。
♥ 0Who liked: No userスマホのみサイト全体の文字サイズを変更したいということですかね?
♥ 0Who liked: No userパンくずリストを、「フロントページ>固定ページ>カテゴリーページ」にしたい。
ここでいう「固定ページ」というのはどのようなページになりますか? 例えばこの「固定ページ」が Snow Monkey 公式サイトでいう「ブログ」のページ(記事の一覧が表示されるページ:https://snow-monkey.2inc.org/blog/)であれば、カスタマイザー → ホームページ設定 → 投稿ページで割り当てるだけで解決できます。
「トップページが一般的なブログのように記事一覧ページであり、任意の固定ページの下にカテゴリーが属するように見せたい」という場合はカスタマイズが必要になります。
ということで、ここでいう「固定ページ」がどのようなページなのか知りたいです。
カスタマイザーの追加 CSS、記事編集画面の高度な設定の追加 CSS クラスは Snow Monkey の機能ではなく WordPress の機能なので、Snow Monkey のマニュアルでは特に説明をしていません。また、この WordPress の機能も CSS の基礎に理解がある方向けなのかな?という印象を受けます(言葉の説明などがほぼ書いていないので…)。
ということで、基本的には↑でオレインさんが書かれているとおりにやれば反映はできると思いますが、CSS の基礎を理解したほうが、今後ご自身がやりたいことがでてきたときに応用でスムーズにやれる可能性が高くなると思うので、Google で「CSS 基礎」などと検索して目を通してみるのが良いのではないかと個人的には思います。
♥ 0Who liked: No user前にも投稿させてもらった通り、『追尾サイドバー』が1カラムのときでも表示されれば位置的には理想の表示になるのかな?と思うのですが
追尾サイドバーは画面上部にひっかかるような挙動になるので、常に position: fixed で表示させるような動作にはならないため、表示できたとしても希望の動作にはならないのではないかと思います。
ウィジェットエリアですが、『ホームページ上部』『ホームページ下部』ですと一応表示はされるものの理想としている表示(ページの一番手前に他の要素に重なるように表示)はされず、ウィジェットのみ表示されて空白ができてしまいます。こちらは仕様だと理解しております。
試してみたところ、下記のように右下に固定表示させることができました。ホームページ上部にウィジェットを設置しています。
設定は下記のような感じです。
とはいえ、オフィシャルにサポートしているわけではなく Snow Monkey や LIQUID CONNECT のアップデートで表示されなくなる可能性はあるので、フックで独自の HTML を追加して CSS で position: fixed させるのが確実だと思います。
♥ 0Who liked: No userあ、すみません、「has_archive が false」は間違いでした、正しくは「hierarchical が false」です。
なので正しい条件は下記になります。
– show_in_rest が true
– public が true
– hierarchical が falsehierarchical が true の場合は固定ページのような扱いになるので、最新のような時系列の表示には不向きということで、hierarchical が false な投稿タイプが選択できるようになっています。
♥ 0Who liked: No userGONSYさんに紹介いただいた「LIQUID CONNECT」プラグインのほうではまだ表示できていませんが、こちらもフックで解決できる問題でしょうか?
LIQUID CONNECT はウィジェットだと思いますが、どのウィジェットエリアに設置していますか?
♥ 0Who liked: No user最近の投稿ブロックは、
– show_in_rest が true
– public が true
– has_archive が falseな投稿タイプを選択できます。1つ目、2つ目は設定画面で真になっているということなので、3つ目が怪しいですかね。
♥ 0Who liked: No userv13.7.2 で変更を入れてみました。確認してみてください!
♥ 0Who liked: No userご案内いただきましたように、Snow Monkey Footer CTAではなく スマホ固定フッター を利用するとaタグ内に入れられるということでしょうか?
あ、すみません、わかりにくかったですね…。
Footer CTA にしろフッター固定ナビゲーションにしろ、
onClick
属性を管理画面から設定できる機能はありません。onClick
を実行できるようにする方法は下記の2通りが考えられます。## JavaScript を使う
HTML タグに
onClick
属性を追加するのも、JavaScript ファイルでElement.addEventListener( 'click', ..., true )
を実行するのも全く同じことになります。HTML を改変せずに WordPress の標準的な方法(wp_enqueue_script()
)で JavaScript を追加するだけで実現できる(当然 Snow Monkey 以外のテーマでもできます)ので、お手軽かつメンテナンスコストが低いです。## Snow Monkey のフィルターフックで HTML を書き換える
snow_monkey_template_part_render
フックを使って HTML を書き換えることでonClick
属性を追加する方法です。フックの知識が必要で、もし Snow Monkey のアップデートで HTML 構造が変わったときに書き換えが効かなくなるという可能性もあるので、JavaScript を使う方法よりは難易度が高いです。—
先のトピックでは前者の方法をとっています。Footer CTA であれば
// プライマリーボタン用 document.querySelector('.p-footer-cta__primary-btn').addEventListener('onclick', ...);
とか
// セカンダリーボタン用 document.querySelector('.p-footer-cta__secondary-btn').addEventListener('onclick', ...);
の JavaScript で
onClick
を仕込むことができます。 -
投稿者投稿