-
検索結果
-
いくつか改善策として考えられるのは以下でしょうか・・・
- Snow Monkeyデフォルトのローディング画面を利用してみる
- 別の有料Webフォントサービス（FONT PLUSやTypeSquare）を利用する
※筑紫丸ゴシックにこだわるならFONT PLUSでしょうか？ - 丸ゴシックで良ければGoogle Fontsも検討してもらう
1.Snow Monkeyデフォルトのローディング画面を利用してみる
以下をmy-snow-monkey.phpに記述することでローディング画面が実装できます。add_action( 'snow_monkey_prepend_body', function() { ?> <div class="c-page-effect" data-page-effect="fadein" aria-hidden="false"> <div class="c-page-effect__item"> <div class="c-circle-spinner"></div> </div> </div> <?php } );私のオンラインショップがこのローディング画面＋Adobe Fontsでつくってありますが、場合によっては一瞬デバイスフォントが表示されたあとに切り替わります。
2.別の有料Webフォントサービス（FONT PLUSやTypeSquare）を利用する
書体にこだわるなら、有料のサービスも視野に入れてみてはいかがでしょうか。
クライアントのサイトでFONT PLUSを使用していますが、読み込みが速いのか、ほとんどデバイスフォントは表示されません。3.丸ゴシックで良ければGoogle Fontsも検討してもらう
Google Fontsも利用できる日本語フォントが増えましたので、サイトのイメージに合うものがあれば選択肢のひとつとして検討いただくのも良いと思います。
ご存知かと思いますが、クライアントがAdobeライセンスを持っていない場合、AdobeのWebフォントを利用するのはライセンス違反になりますのでご注意ください。Who liked:
まーちゅう様
上記コードで無事実装することができました。
この度は、ご教示いただき誠にありがとうございました。
それではトピック閉じさせていただきます。
P.S.
ご教示いただいた内容を参考に、
.c-entry__metaを、以下.c-entry__header__header内に含有させる場合、以下のように実装できましたので念の為共有いたします。/** * シングルページのページヘッダーにアイキャッチを追加 * * @param $html テンプレートパーツの出力HTML * @param $name テンプレートパーツの名前 */ // use Framework\Helper; add_filter( 'snow_monkey_template_part_render_template-parts/content/entry/header/header', function( $html, $name ) { if ( "post" === $name ) { ob_start(); // アイキャッチ画像のHTMLを記録開始 if ( has_post_thumbnail() ) { ?> <div class="c-entry__thumbnail"> <?php the_post_thumbnail("large"); ?> </div> <?php } $thumbnail_html = ob_get_contents(); // 記録結果を変数に代入 ob_end_clean(); //記録終了 $search_1 = '<h1 class="c-entry__title"'; $replace_1 = '<div class="c-entry__header__header"><h1 class="c-entry__title"' ; $search_2 = '</header>' ; $replace_2 = '</div>'.$thumbnail_html.'</header>'; $html = str_replace( [ $search_1, $search_2 ], [ $replace_1, $replace_2 ], $html ); } return $html; }, 10, 2 );Who liked:
こんにちは。
カスタマイザーの設定でアイキャッチ無しにしたうえで、My Snow Monkey に以下のコードを追加してみてください。/** * シングルページのページヘッダーにアイキャッチを追加 * * @param $html テンプレートパーツの出力HTML * @param $name テンプレートパーツの名前 */ // use Framework\Helper; add_filter( 'snow_monkey_template_part_render_template-parts/content/entry/header/header', function( $html, $name ) { if ( 'post' === $name ) { // アイキャッチ画像 ob_start(); if ( has_post_thumbnail() ) { ?> <div class="entry-thumbnail"> <?php the_post_thumbnail( 'medium' ); ?> </div> <?php } $thumbnail = ob_get_contents(); ob_end_clean(); $search_1 = '<h1'; $replace_1 = '<div class="entry-header"><h1' ; $search_2 = '</h1>' ; $replace_2 = '</h1>'.$thumbnail.'</div>'; $html = str_replace( [ $search_1, $search_2 ], [ $replace_1, $replace_2 ], $html ); } return $html; }, 10, 2 );CSSでの調整が必要になるので以下のような感じでレイアウト調整してみてください。
.entry-header { display: flex; justify-content: space-between; } .entry-thumbnail { width: 20%; }Who liked:
### 試したこと
追加CSSの記述がわかりません。とのことですが、Chromeをお使いならデベロッパーツール（検証）を利用して該当箇所に指定されているクラス名を探してください。
そのうえで、例えばコピーライト部分ならc-copyrightなので、以下のように記述します。@media ( max-width: 639px ) { .c-copyright { font-size: 10px; } }フッター全体（
.l-footer）にfont-size: 10pxを指定しても10pxにはなりませんので、必要に応じてクラス名を探し、都度font-sizeを指定してみてください。Chrome・デベロッパーツールの使い方はたくさん出てきますので検索してみてください。（以下一例）
Who liked:
【お使いの Snow Monkey のバージョン】Snow Monkeyバージョン: 16.5.4
【お使いの Snow Monkey Blocks のバージョン】バージョン 15.0.6
【お使いの Snow Monkey Editor のバージョン】バージョン 7.0.1
【お使いのブラウザ】chrome
【当該サイトのURL】### 実現したいこと
デザイン→基本デザイン設定→文字サイズ２５pxで設定していますが
【スマホ版フッター】のみ文字サイズ１０pxにしたいです
### 発生している問題
スマホ版フッターのみを個別で設定したいが出来ない。
### 試したこと
追加CSSの記述がわかりません。
河村佑平さん
こんにちは。類人猿を運営しておりますmgnのアクツと申します。
こちら類人猿に関する質問なので、私から返答させていただきます。企業向けパターンのまるっとパックのデータを復元したサイトにて、Snow Monkey Blocksのステップブロック挿入すると、数字が表示されない件についてですが確認したところ、こちら類人猿側のバグでした。
ご迷惑おかけして申し訳ございません。このあと修正対応し、修正版リリースしたいと思います。
少々お待ちください。- 挿入したステップブロックは一旦そのままにしておいてください（バグ解消後数字がでてくると思います）
キタジマさん > ご対応ありがとうございます。こちら側のバグでお手数おかけして申し訳ありませんでした。
Who liked:
GONSYさん
キタジマさん迅速かつご丁寧にご教授くださり、どうもありがとうございます！
大変助かり、そして勉強になりました。
Custom Sidebarsをやってみたところうまく設定できましたので、今回はこちらで進めてみようと思います。
コードで行う場合も今後のために覚えておきます！！それではこちらのトピックは閉じさせていただきます。
今後ともよろしくお願いいたします。Who liked:
GONSY さん、ありがとうございます！
KyoheiForlead さん、Custom Sidebars でやりたいことが実現できるならこれが一番簡単だと思います。もしコードでやるとした場合、
カスタム投稿タイプ用のウィジェットを設定するため、下記を行いました。
上記は子テーマを使って、ということですよね。それであれば、
子テーマ/sidebar.phpを作成し、下記のようなコードを記述するのがわかりやすいのではないでしょうか。<?php /** * @package snow-monkey * @author inc2734 * @license GPL-2.0+ * @version 8.0.0 */ use Framework\Helper; if ( is_post_type_archive( 'review' ) ) { dynamic_sidebar( 'sidebar-review' ); } else { Helper::get_sidebar_template( 'sidebar' ); }（レイアウトを変えないのであれば
archive-review.phpはなくても良いと思います）Who liked:
