フォーラムへの返信
-
投稿者投稿
-
<br>タグが表示されてしまう。
<p><?php echo esc_html (get_field('title_shop_name')); ?></p>
のところ、esc_htmlでエスケープ処理されているのが原因ではないでしょうか?
以下のコードのようにwp_kses_postに書き換えてみてください。<?php $title_shop_name = get_field( 'title_shop_name' ); ?> <p><?php echo wp_kses_post( $title_shop_name ); ?></p>それでもうまくいかない場合は、
wp_ksesを使用してください。<?php $allowed_html = array( 'span' => array(), 'br' => array() ); $title_shop_name = get_field( 'title_shop_name' ); ?> <p><?php echo wp_kses( $title_shop_name, $allowed_html ); ?></p>ボタンのバリエーションは、自分でも作成可能です。
キラッと光るスタイルを追加する場合、My Snow Monkey に以下のようなコードを追加します。register_block_style( 'snow-monkey-blocks/btn', array( 'name' => 'btn_shiny', 'label' => 'キラッと', ) );ボタンのスタイルに「キラッと」が追加されて、選択すると
is-style-btn_shinyの class が付きます。
.is-style-btn_shiny aにスタイルをあててください。参考リンク
私のロゴ周りの影響がでちゃってますかね?
こちらのことを言われてるんだと思います。
ロゴの拡大率は
カスタマイズ > デザイン > 基本デザイン設定
で、設定できます。PHPの開始タグとHTMLのコメントアウトが混ざってしまっているので
<!--?php <br ?--> } );のところを
<?php } );に、直すとどうなりますか?
♥ 0Who liked: No user任意のタクソノミーの投稿は、ブロックを使わなくても
htpps://yourdomain.com/taxonomy/term/で表示されますが、これとは別に他の固定ページとかに全件表示したいということでしょうか?♥ 0Who liked: No userパーマリンクの設定はどうなってますか?
♥ 0Who liked: No userこちらの「ロゴ差し替え」のコードで差し替え条件の所を
wp_is_mobileに変更すれば、スマホ/タブレットの場合のロゴを差し替えできます。こちらの記事のコメントにもあるように、青い枠はブラウザのアクセシビリティ対応(要素にフォーカスが当たったらアウトラインを表示する)で表示されているものです。キーボードの
TABキーでフォーカスを移動させたときに、どの要素にフォーカスがあたっているのかが分かるように、などの理由で表示されています。
これを表示させないというのは、例えて言うと「点字ブロックがあると歩きにくいので外したい」と言っているようなものです。
基本的にはそのままにしておくのがベストなのですが、iPhoneなどスマホ表示の時にフォーカスが分かるようにする必要があるのかどうかは、もっと詳しい人に聞いてみないと私もよく分かりません。以上の理由から、単純に
aタグやliタグに対してoutline: none;を当てるスタイルを追加CSSに記述するのではなく、My-Snowmonkeyにコードを書いてwp_is_mobile()等で PCとそれ以外のデバイスできちんと条件分岐させた上で、PC以外の時にoutline: none;にする必要があります。<?php if ( wp_is_mobile() ) { // PC以外の場合 // wp_enqueue_style で読み込むCSSを指定する // または、アクションフックでヘッダーにインラインCSSを追加 } ?>アウトラインの表示は
a:focus-visible { outline: none; }で消えると思います。
管理者宛メールの設定を変更するためのフィルターフックがあるので、チェックボックスの状態によって条件分岐させれば、出来そうなかんじですね。
こちらのコードを参考にされた方がよいと思います。
wp_enqueue_styleの第4引数にfilemtime( MY_SNOW_MONKEY_PATH . '/style.css' )が入っているのは、バージョン番号を出力するためです。この場合は、ファイルの更新日時をバージョン番号として表示します。
style.css を更新すれば、キャッシュに関係なく新しいファイルが読み込まれるようになっているので、変に手を加える必要は無いですよ。 -
投稿者投稿




