v0.3.0 で設定を追加しました！ アップデート後、カスタマイザー → フッター CTA を開いてみてください。
また、フックについては商品ページに記載しています。
WordPress の標準では、ウィジェットに入れたショートコードは展開されないようになっています。Snow Monkey でも特に展開するコードは入れてなかったんじゃないかなと思います（もしかしたら他のプラグインが同様のコードを持っていてこれまでは展開されていた、というのはありえるかもしれません）。
下記のコードを My Snow Monkey プラグイン、あるいは子テーマの functions.php に追加してみてください。
add_filter( 'widget_text', 'do_shortcode' );
この左右の余白、実は Snow Monkey の中でもカスタマイズが難しい部分なのです…。カスタマイザーで設定できるようにしたいなと思ってはいるのですが、良い方法が浮かばずで手つかずになっています。
一応、下記の CSS を追加することでそれなりにはうまく動いてくれるかな？と思いますが、設定やコンテンツによっては正しく余白が確保されなかったりする部分がでてしまうかもしれません。ひとまず追加して、確認してみていただければと思います。
.c-container, .c-fluid-container {
padding-right: 1.76923rem;
padding-left: 1.76923rem;
}
.smb-section>.c-container, .smb-section__inner>.c-container {
padding-right: 1.76923rem;
padding-left: 1.76923rem;
}
@supports (padding-left:env(safe-area-inset-left)){
.smb-section>.c-container, .smb-section__inner>.c-container {
padding-right: calc(1.76923rem + env(safe-area-inset-right));
padding-left: calc(1.76923rem + env(safe-area-inset-left));
}
.c-container, .c-fluid-container {
padding-right: calc(1.76923rem + env(safe-area-inset-right));
padding-left: calc(1.76923rem + env(safe-area-inset-left));
}
}
@rokuzeudon さん、1行ヘッダーの場合はもう少し複雑になりそうです。
@大西さん、下記の CSS を追加してみてください。
@media (max-width: 1023px) {
.l-1row-header__branding .c-site-branding {
display: flex;
align-items: center;
flex-direction: column;
padding-left: 52px;
}
}
おそらくカスタマイザー → 追加 CSS 内の
/*記事内の要素*/
.wp-block-image img {
border-radius: 4px;
box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
}
が影響していると思います。セレクタを足してもう少し条件を絞ったほうが良いかもですね。
下記追加すると良さそうな気がします。
.c-site-branding {
margin: auto;
}
こちらで試したところ、下記のように正しく表示されたのですが、もしよかったらそのページの URL を教えてもらうことは可能でしょうか？
My Snow Monkey の中に style.css をおいたとして、下記のコードを My Snow Monkey に追加することで読み込ませることができます。
// 実際のページ用の CSS 読み込み
add_action(
'wp_enqueue_scripts',
function() {
wp_enqueue_style(
'my-snow-monkey',
untrailingslashit( plugin_dir_url( __FILE__ ) ) . '/style.css',
[ Framework\Helper::get_main_style_handle() ],
filemtime( plugin_dir_path( __FILE__ ) )
);
}
);
// エディター用の CSS 読み込み
add_action(
'after_setup_theme',
function() {
add_editor_style( '/../../plugins/my-snow-monkey/style.css' );
}
);
@Yamasaki さん、ご意見ありがとうございます！
フックなどでも、もちろん大丈夫ですのでご検証ください。
あ、実はすでにフックでの書き換えは可能です！後ほどでどこかに書きます。
優先する項目は上の表示されたほうが良いと思います。
・タブレット＆PC （今までの設定はここに引き継がれる）
・スマホ （未入力の場合は「タブレット＆PC 」が表示されます）
これ先の書き込みをした後も考えていたのですが、フッターの CTA 自体は、需要としては PC よりスマホなのかなぁという気がしてきたので、
・スマホ （今までの設定はここに引き継がれる）
・タブレット＆PC （未入力の場合は「スマホ」が表示されます）
にしたほうがわかりやすいかなという気がしてきました。細かい違いではありますが…。
ありがとうございます！
Snow Monkey Editorを使っていなかったので気づきませんでした！ありがとうございます。
PC・SPで表示・非表示の設定ができることはわかったのですが、PCのみ表示したい画像はSP時は高さのないスライダーセクションとして表示されるようになってしまいます・・・
ドットインジケーターで見ると、非表示にした画像分も残っていて、ドットインジケーターをクリックすると、高さゼロのスライダーセクションが表示されます。
PC・SPで完全に切り替えることは可能でしょうか・・・？
