フォーラムへの返信
-
投稿者投稿
-
なるほど::before で入れるのですね。
やってみます。はい!
ちなみにcategory-news.phpとして作る応方法は中のtenplates/をいじることになりますか?
汎用性を高めるためにここは他のテーマとちょっと仕組みが違います。Snow Monkey はテーマ直下の
singular.php、category.phpなどには直接 HTML を書かず、「レイアウトファイル(ヘッダー/フッターなどの大枠の HTML)」と「ビューファイル(中身の HTML)」を呼びだすようになっています。レイアウトファイルの保存場所は
templates/layout/wrapper、ビューファイルの保存場所はtemplates/viewです。今回の場合だと、例えばこんな感じ。
子テーマ/category.php
レイアウトファイルとしてカスタマイザーで設定したレイアウトのファイルを呼びだし。ビューファイルとして
templates/view/category.phpあるいはtemplates/view/category-<slug>.phpを呼びだし。そのカテゴリーの記事件数が0件のときはtemplates/view/none.phpが呼びだされる。<?php use Framework\Controller\Controller; $term = get_queried_object(); Controller::layout( get_theme_mod( 'archive-page-layout' ) ); if ( have_posts() ) { Controller::render( 'category', $term->slug ); } else { Controller::render( 'none' ); }子テーマ/templates/view/category.php
カテゴリーアーカイブのビューファイル。
子テーマ/templates/view/category-<slug>.phpがある場合はそちらが優先的に呼びだされる。<?php use Framework\Helper; Helper::get_template_part( 'templates/view/archive' );子テーマ/templates/view/category-news.php
slug が news なカテゴリーのビューファイル。下記の場合だと単に「あいうえお」と表示される。
あいうえお♥ 0Who liked: No userカスタマイズのCSSにミス、ご指摘嬉しいです。
いえいえ、もともとはものくろさんの CSS で問題なかったのですが、アップデートの都合で効かなくなっちゃったんです。すみません(アップデートによる進化と後方互換性のバランス難しい><)。 いまスマホのロゴサイズ設定しかないのですが、PC の設定も追加しようと思います。多分それで CSS いじらなくてもカスタマイザーだけで調整できるようになるかなと。ご指摘ありがとうございました!
♥ 0Who liked: No userあーなるほど、理解しました。
それであれば、CSS だけでもできそうかなと。下記の CSS を、カスタマイザーの追加 CSS か子テーマの CSS に追加してみるとどうでしょうか?(わかりやすいようにこちらで適当な装飾を付けましたので適当に消したり足したりしてください)
.category .c-entry__title::before { content: 'Topic'; background-color: #999; color: #fff; border-radius: 4px; padding: 4px 8px; font-size: 19px; display: inline-block; vertical-align: middle; margin-right: .5em; }♥ 0Who liked: No userこんな感じでどうでしょうか?
/** * WooCommerce が生成した各ページのページヘッダー画像としてデフォルトページヘッダー画像を使用する */ add_filter( 'snow_monkey_pre_page_header_image_url', function( $url ) { if ( class_exists( '\woocommerce' ) && ( is_woocommerce() || is_cart() || is_checkout() || is_account_page() ) ) { if ( is_singular() && has_post_thumbnail() ) { return wp_get_attachment_image_url( get_post_thumbnail_id(), 'xlarge' ); } else { $shop_page_id = wc_get_page_id( 'shop' ); if ( has_post_thumbnail( $shop_page_id ) ) { return wp_get_attachment_image_url( get_post_thumbnail_id( $shop_page_id ), 'xlarge' ); } } return get_theme_mod( 'default-page-header-image' ); } return $url; }, 11 ); /** * WooCommerce が生成した各ページにページヘッダーを表示する */ add_filter( 'snow_monkey_is_output_page_header', function( $return ) { if ( class_exists( '\woocommerce' ) && ( is_woocommerce() || is_cart() || is_checkout() || is_account_page() ) ) { return true; } return $return; }, 11 );♥ 0Who liked: No userあ、ダッシュボード > WooCommerce > 商品にありますね、失礼しました。ちょっとやってみます!
♥ 0Who liked: No userできればshopの固定ページで設定したアイキャッチ画像を表示できればいいなと思うのですが可能でしょうか?
えっと、僕の環境だとショップのトップページは shop というカスタム投稿タイプのアーカイブページになっているのですが、なにか固定ページにする方法があったりするのでしょうか…?
「ダッシュボード > WooCommerce > 高度」に WooCommerce 固定ページの設定があるのですが、そこにもカートとかだけでショップの指定は無く…。
♥ 0Who liked: No userん、コードでやろうとしていたのですが、普通にカテゴリーの編集画面で「名前」を「Topic イベント」に書き換えるのはどうでしょうか?
♥ 0Who liked: No user念の為確認なのですが、ニュースには Topic という文字列は付与せずに、イベントの場合にだけ付与する、であっていますでしょうか?
あと、タイトルタグと大見出し、パンくずに表示される部分に追加されれば大丈夫ですかね?
♥ 0Who liked: No user改めて調べてみると、確かに
</body>付近にstyleが出力されていました。どうもadd_editor_style()で追加した CSS は、その位置に出力されるようです。styleタグを消す事は難しいという事ですので、とりあえず現状では!importの使用を躊躇せず上書きして行く事スタイルで行く事にしました。ご対応ありがとうございました。
承知しました。閉じます。
♥ 0Who liked: No usersnow monkey において、「ウィジェットブロック(テスト機能)」
は、現状触っちゃいけないもの、という認識でOKでしょうか…?本家に issue も立っているので、Snow Monkey だけでなく、他のテーマでも発生する問題なのだと思います。issue はすでにクローズされているようですので、そのうち修正された版がでるのではないかと思います!
トピック閉じますね。
♥ 0Who liked: No userスマホから見ていたのでトンチンカンなことを言ってましたね、すみません。
子テーマに
.c-site-branding .custom-logo, .wpaw-site-branding .custom-logo { height: auto; width: 460px !important; }という CSS を書かれていますが、これが Snow Monkey の CSS と干渉しているようです。
height: autoにも!importantをつけてみてください!♥ 0Who liked: No userあーそうか、エディタ上ではaにしちゃだめですね。お知らせありがとうございます。修正します!
♥ 0Who liked: No userどうもロゴの横幅がブラウザのサイズを超えると歪んでしまうようです。
下記にある、スマホ時のロゴサイズ設定変更すると改善しないでしょうか?
♥ 0Who liked: No user良かったです!トピック閉じます。
♥ 0Who liked: No user推奨サイズは特にありませんが(強いて挙げるなら 4:3 か 16:9 の画角のサイズでしょうか…)、大きな画像を表示するべきところは、large(大サイズ) もしくは Snow Monkey 独自サイズの xlarge(1920 x 1920) が使用されます。もし xlarge 指定の場所で xlarge の画像がない場合はフルサイズの画像が使用されることになります。
xlarge は v3.2 か v3.3 あたりで追加した機能なので、それ以前から使用している場合はサムネイルが生成されていないかもしれません。一度メディアファイルのフルバックアップを取り、プラグイン等でサムネイルの再生成をおこなってみると良いかもしれません。
♥ 0Who liked: No user -
投稿者投稿

