このあたりの参考サイトの方法が手軽に上下中央にできるかと思います。
Flexboxは、その子要素に対して働くので、
中央に配置したいものがcontainerなら、その外、親の要素を作って、そこにdisplay:flexなどを指定すると手軽です
<div class="container__wrapper">
<div class="container">
<div class="heart">
<a href="#"><i class="bx bx-heart"></i></a>
</div>
</div>
</div>
として、
.container__wrapper {
display:flex;
justify-content: center;
align-items: center;
width:100vw;
height:100vh;
}
など、親要素の幅や高さの指定は状況似合わせてある程度いろいろな指定ができると思います。
もし snow_monkey_display_contents_outline フィルターフックを使って目次を自動表示しているのであれば、目次を書き換えるフィルターフックを使ってこの下に広告を追加することはできるかもしれません。
ただ、このフックを使っていなくて目次を手動で入れている状況であれば、Kmical Lights さんが書かれているように手動でやるのが安全かなと思いました。
Kmical Lightsさま
お返事ありがとうございます！
その方法いいですね！！
これから制作する記事はその方法でやりたいと思います！
ただ、過去に書いた130記事全部にも一気に反映させたい場合、
他にもいい方法があったりしますでしょうか？
はい。それで大丈夫です。
wp_enqueue_scriptについては、私が説明するよりもCodexを見てもらった方がいいと思うので、詳しい情報については 関数リファレンス/wp enqueue script を見てください。
まーちゅうさん
ありがとうございます。
ご教示いただいた変更で、動作するようになりました！
すみません、コードの知識があまりないのですが、以下の記載でよかったでしょうか。
add_action( 'wp_enqueue_scripts', function() {
// jQuery プラグインを実行させるコードを記述するための js ファイル
wp_enqueue_script(
'toc-js',
get_theme_file_uri( '/assets/js/toc.js' ),
array( 'jquery' ),
false,
true
);
} );
ありがとうございます！
proの方はevents-calendar-pro/src/views/pro内にsingle-venue.phpとsingle-organizer.phpというテンプレートが入っており、これらのテンプレートが今回表示したい会場ページ・主催者ページのテンプレートだと考えています。
そこで、snow-monkey-the-event-calendar-support/templates内にこれらのテンプレートをコピペしてみたのですが、状況は全く変わらず…
もう少し自分で取り組んでみようと思いますが、一旦状況のご報告となります。
あと、第1引数はスクリプトのハンドル名を指定することになっているので
get_stylesheet(),ではなく、何か適当な'script-name'例えば'toc-js'とかに変更しておくといいですよ。
こんにちは
wp_enqueue_script の第3引数で、依存するスクリプトを指定してみてはどうでしょうか？
[ get_template() ], → array( 'jquery' ),
あ、ここちょっとわかりにくいと思うのですが、この設定が反映されるのは具体的には .c-container に対してであり、ランディングページ系テンプレートは .c-container が使われていないので影響が無い、ということになります。
なぜかヘッダー画像が大きく拡大されてしまいます。
これは画像の左右は拡大されないけど、上下についてはコンテンツまで突き抜けて表示されてしまう、ということであっていますか？
そうだとして、position: fixed するとその要素は親子の関係から独立してしまうので、親要素の高さや overflow: hidden を無視して表示される形になります。そのため画像がコンテンツまで突き抜けるという表示になります。
で考えてみたんですけど、んーこれ結構難しい問題ですね^^; position: fixed せずに js でスクロールの度に top を設定してやれば擬似的に固定されたようには見えると思うんですけどわざわざそのために js 使うのもなぁっていう…。CSS でやるなら HTML の構造を変えないとどうしようもできないのではという感じですが、ちょっと考えてみます。
大変間が空いてしまいましたが、Snow Monkey Forms v1.4.0 で snow_monkey_forms/complete/message フィルターフック、snow_monkey_forms/system_error/message フィルターフックの第3引数に Setting オブジェクトを追加しました。
ラベルと値を自動的に表示するのは下記が参考になるかもしれません。
お返事遅くなりすみません。構成を拝見した限りだと僕が試したのと同じ構成のようなので、ファイル構成は問題なく、設定方法が yukyukai さんと僕とで違うことを指しているのかもしれないなと思いました。
固定ページや投稿ページで、テンプレートを指定するが適応されずにデフォルトテンプレートになってしまう。
とのことですが、具体的にどのような操作をされましたか？ 僕は固定ページの編集画面（ブロックエディター）を開き、「ページ属性」の「テンプレート」で「aaa」を選択しました。
ちなみに下記の CSS は
.editor-styles-wrapper .block-editor-block-list__layout .wp-block {
margin-right: 0;
margin-left: 0;
}
僕が Snow Monkey のエディター用 CSS に追加したものなんですけど、「幅が指定されている場合にブロックをセンタリングする場合の回避策。」というコメントを書いているだけで他には具体的な詳細が無いので消して良いものかどうなのかわからず検証しているところです…w
@Kmical Lights さん
ブロックを構成してるコード共有をされてみては？
その手がありましたな！
<!-- wp:cover {"url":"https://olein.jp/wp-content/uploads/2021/01/papaioannou-kostas-tysecUm5HJA-unsplash.jpg","id":22,"focalPoint":{"x":"0.48","y":"0.72"},"minHeight":555,"minHeightUnit":"px","contentPosition":"center center","align":"full"} -->
<div class="wp-block-cover alignfull has-background-dim" style="background-image:url(https://olein.jp/wp-content/uploads/2021/01/papaioannou-kostas-tysecUm5HJA-unsplash.jpg);min-height:555px;background-position:48% 72%"><div class="wp-block-cover__inner-container"><!-- wp:snow-monkey-blocks/container {"isSlim":true} -->
<div class="wp-block-snow-monkey-blocks-container smb-container c-container"><div class="smb-container__body u-slim-width"><!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"><strong>オレイン - オンラインコミュニティ</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">オンラインコミュニティを作りました。<br><br>ビジョンを共有できる方がオンラインに集まり、能動的に情報共有・活動ができる場所です。<br><br>以下のビジョンなどをチェックして、興味があればジョインも検討してください。<br><br>お問い合わせは下記フォームから送信いただけます。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:snow-monkey-blocks/container --></div></div>
<!-- /wp:cover -->
独自のCSSなどは入ってないですねー。プラグインも Snow Monkey Blocks と Formsだけにしても同様の現象が出ていますねー
こちらで見る限りでは、 .wp-block-snow-monkey-blocks-container の方でずれているような気がします。あと、ちなみにカバーブロックが全幅にしてます。
この管理画面に招きたい…w
