フォーラムへの返信
-
投稿者投稿
-
上部のマージンについては
.hoge-custom-blockについているのですが、詳細度の問題で、ここに記述しても反映されません。ですので、.p-entry-content .hoge-custom-blockにmargin-top: 0;とか書いてみると良いかもしれません。下部のマージンについては、各項目についているので、どこに
margin-bottom: 0;を記述したら良いか探してみましょう。スクリーンキャプチャを拝見したところ、Google Chromeを使われていると思うので、開発者ツールを活用してどんなCSSクラスにどんなスタイルがついているのかを探索してみると、より学習が深まると思います。
♥ 1いいねをした人: 居ません追加CSSなどから
.wp-oembed-blog-card__titleに スタイルを適応すると変更可能かと思います。例えば、フォントサイズと行間を変更したいのであれば、
.wp-oembed-blog-card__title { font-size: 14px; line-height: 1.2; }と言った形で記述すると変更できるかと思います。値はサンプルですので、適宜確認しながら最適な数値でお試しください。
♥ 2いいねをした人: 居ませんおそらくSnow Monkeyでサイト模写をして学習をされているのかな？と思いましたので、まずはヒントを書いてみます。
該当ブロックの親に任意のCSSクラスを設定した上で、（下では
hoge-custom-blockとします）
.hoge-custom-block .c-row--margin>.c-row__colのpadding-leftやpadding-rightを良しなにしてあげると変更することができます。しかし、スマホなどで表示した際にどうしたいのかにもよるので、その場合にはメディアクエリで切り替えてあげてください。
♥ 1いいねをした人: 居ませんこちらの環境で確認してみたとこと、そう言った現象は発生しませんでした。
スライダーブロックに画像を複数枚アップロードして更新をかけると、５枚アップロードしたのに１枚しかアップロードされてない。３枚アップロードしたのに１枚しかアップロードされていない。
このような現象はサーバー側や通信環境などが要因でも発生しうるので、もしかしたらテーマやブロックが原因ではないかもしれません。
もう少し詳しくお聞かせいただけると、何がお伝えできることが増えるかもしれません。
ご確認をお願い致します。
♥ 1いいねをした人: 居ませんキタジマさんではないですが、よかったら参考にしてください。
現在、おそらく「最新記事」という部分は、見出しブロックのH4で実装されていると思います。こちらのみGoogle Fontを適応させたい場合には、該当ブロックを選択した状態で右サイドバーの下部に「高度な設定」という部分があると思いますので、そちらの中の「追加CSSクラス」という部分に、例えば
google-font-poppinsと入力してみてください。そして、外観→カスタマイズに移動し、追加CSSに以下のように記述してみてください。
.google-font-poppins { font-family: 'Poppins'; }そして、「最新記事」から英語表記に変えてみると、適応されると思います。
また、これも面倒な場合には、RECOMMEND 部分と同じようにセクションブロックを利用すると、
.smb-section__title, .snow-monkey-posts__title { font-family: 'Poppins'; }とスタイルがすでに用意されているようですので、同じようにフォントが適応されると思います。そして、セクションブロックのコンテンツ部分に最新投稿ブロックを設置すると同様に設定することができるかと思います。
参考になれば幸いです。
♥ 1いいねをした人: 居ません横から失礼します。
CPT UIでカスタム投稿タイプを追加し、そのカスタム投稿タイプのアーカイブを表示した場合、
<body>に記載されるクラス名にpost-type-archiveやpost-type-archive-{custom-post-type-slug-name}というCSSクラスが自動的に付与されますので、そちらからCSS指定することは可能かもしれません。また、
>ある投稿一覧をピンタレストの様なグリッドデザインにしたく思っています。
とのことですが、Snow Monkey側のスタイルをどれくらい利用するのか（or 全く利用しないのか）によって、対応方法は変わってくると思います。一覧に表示されている各投稿のマークアップ自体を独自のものにするのであれば、テンプレートファイルの書き換え（
template-parts/archive/entry/**辺り？）が必要になるかもしれませんね。その場合、子テーマでアプローチするかMy Snow Monkey（プラグイン）でアプローチするかで、また方法も変わってくるかと思います。
また、現状どのようなテンプレートファイルを読み込んでいるか簡単に確認するために Show Current Template というプラグインを利用されると良いかもしれません。実際、テンプレートの上書きなどをされた際にも正常に読み込まれているかどうかを確認することも容易になります。
以上、ご参考になれば幸いです。
♥ 2いいねをした人: 居ませんご検討いただきありがとうございました！！
♥ 1いいねをした人: 居ませんはっ…！！！！
♥ 1いいねをした人: 居ませんSnow Monkeyは本当に奥が深いです。僕もまだまださっぱりです！w
しかし、フォーラムなどで制作者のキタジマさんから直接アドバイスを頂けるのは、とても良い機会だと思いますので、ぜひ活用してスキルアップの参考にされることをおすすめします！
お疲れ様でした。問題解決したようでしたら、トピック閉じをお願いいたしますー！
♥ 1いいねをした人: 居ませんis_tax()でいけるということは、カテゴリーではなくカスタムタクソノミーということですね！これで問題ないと思います！そして、ご自身で調べられたという姿勢がとても素敵ですね！お疲れさまです！
こちらのように公式ドキュメントで調べてみると間違いないかと思います！
♥ 2いいねをした人: 居ませんif ( is_post_type_archive( 'news2020' ) ) {〜これだと
news2020というカスタム投稿タイプのスラッグ名の場合、以下を実行しますという内容になります。ですので、仮にスラッグ
custom-post-typeというカスタム投稿タイプで、かつカテゴリーがcustom-post-categoryの場合のみ実行させるという場合には、add_action( 'snow_monkey_before_archive_entry_content', function() { if ( is_post_type_archive('custom-post-type') && is_category( 'custom-post-category' ) ) { ?> <p>挿入したいHTMLソースコードを書く</p> <?php } } );でいけるかなーと思います。試してみてください。
&&というのは、左に条件に加えて右の条件も満たした場合〜みたいな感じになります。カスタム投稿タイプにつけているカテゴリーというのが、カスタムタクソノミーで作ってある場合には、ちょっと違ってくるかもしれませんが、一度お試しくださいませ〜
♥ 1いいねをした人: 居ませんMy Snow Monkeyを用意して、
my-snow-monkey.phpに以下のように書くと、上に希望されている場所にHTMLソースコードを挿入することができます。また、カスタム投稿タイプだけということですので、カスタム投稿タイプのスラッグ名で条件分岐をすると良いでしょう。また、
snow_monkey_prepend_archive_entry_contentにフック先を変えても似たような場所に出力されると思うので、適宜試してみてください。add_action( 'snow_monkey_before_archive_entry_content', function() { if ( is_post_type_archive('投稿タイプ名') ) { ?> <p>挿入したいHTMLソースコードを書く</p> <?php } } );https://github.com/inc2734/snow-monkey/wiki/Action-hooks#snow_monkey_before_archive_entry_content
♥ 2いいねをした人: 居ません@キタジマタカシ
（人のトピック内で申し訳ありませんが）勉強になります！！
♥ 2いいねをした人: 居ませんこちらのトピックを参考にカスタマイズ記事を書きました。
もしよろしければ参考の１つに使ってください。
♥ 3いいねをした人: 居ませんご確認いただいてありがとうございます！
では、
after_setup_themeで読み込む方法で行きたいと思います！♥ 1いいねをした人: 居ません -
投稿者投稿
