フォーラムへの返信
-
投稿者投稿
-
Kokodarwinさん
1つの方法として参考になればと思います。
- 【セクション】ブロックを置き、下の仕切りをつける。
- そのブロックに「高度な設定」→「追加CSSクラス」で固有のクラス名を振る。
- CSSで背景画像を指定する。
ページ編集(管理画面)上で再現できませんが、これでご希望に近いことができると思います。
ほかに良い方法が見つかればいいですね。再現したページ
例:セクションブロック/追加CSSクラスに
section_bg_image
@media (min-width: 64em) { .section_bg_image .smb-section__fixed-background { background: url(画像のURL) no-repeat 50% 50%; background-size: cover; height: 500px; /* 任意の数値 */ } }
まーちゅうさん
たしかに!
正確に高さを取らなくてもおおよそでいけますね!
フォローありがとうございます(^^♥ 0いいねをした人: 居ませんサイドバーの項目が多いことが原因だと思いますが、スクロールさせるだけなら・・・
.wpco .contents-outline { height: 400px; overflow-y: scroll; }
.contents-outline
の高さを決めて、スクロールさせる感じでしょうか。.contents-outline
の高さを画面サイズに合わせるなら、JavaScriptでheight
を変更できるようにすればいいと思います。(これについてはご自分で検索してみてください)ほかのアイディアとして、サイドバーに「目次」ボタンを置き、再利用ブロックで【カラム】or【項目】ブロックで表現した各学校の一覧コンテンツを作成してショートコード化、それをオーバーレイウィジェットで表示できると、PCでの一覧性が向上するのではないかと思います。
えっと、ほかのトピックもご覧になってないということでしょうか?
昨日も同じような質問が多く寄せられましたが、WordPressの自動アップロードにより、バージョンが5.8になったことが原因です。
5.8に対応したSnow Monkey、Snow Monkey Blocks、Snow Monkey Editorのリリースは近いと思いますが、すぐに更新が必要な場合、いったんWordPressを5.7.2にダウングレードしてください。
※ダウングレードするだけでなく、自動更新の設定もおこなったほうが無難です。
また、ダウングレードについては、日本語で解説している記事を参考にすると、比較的容易にできると思います。ダウンロード参考記事
(2row.php のコードを編集するということでしょうか?)
はい。
そう書いたつもりでしたが、伝わらなかったようで残念です。。。あらためて手順を書きますので、試してみてください。
このカスタマイズで必要なもの- カスタマイズ用プラグイン「My Snow Monkey」
- テーマ「Snow Monkey」
- エディタ
- サーバーにアップロードできるもの
my-snow-monkey.php
に以下のコード(A)を追加することで、override
にあるテンプレートで上書きすることができます。My Snow Monkeyは、マイアカウントからダウンロードしてください。
ご自身のデスクトップに
my-snow-monkey
を置き、中身のmy-snow-monkey.php
に以下を追記します。/* コード(A) */ add_filter( 'snow_monkey_template_part_root_hierarchy', function ($hierarchy) { $hierarchy[] = untrailingslashit(__DIR__) . '/override'; return $hierarchy; } );
override
内は、「Snow Monkey」(snow-monkey)と同じファイル構造(ディレクトリ)にしておく必要があります。
以前提示したこれmy-snow-monkey └override └template-parts └header └2row.php
は、つまりこういうことです。
/wp-content/plugins/my-snow-monkey/override/template-parts/header/2row.php
override
、template-parts
、header
ディレクトリ(フォルダ)をデスクトップのmy-snow-monkey
内に作成してください。2row.php
は、テーマ「Snow Monkey」(snow-monkey)内(以下)にある2row.php
をベースにします。
テーマ「Snow Monkey」(snow-monkey.zip)を展開して、中身をご覧ください。
以下に入っています。
snow-monkey/template-parts/header/2row.php
※2row.php
以外は不要です。デスクトップの
my-snow-monkey
のheader
フォルダ内に2row.php
を複製し、エディターで2row.php
の54行目と56行目の間、つまり55行目にオリジナルのHTMLを追加します。
とりあえず
<p>追加してみるよ!</p>
を入れてみてください。
この編集した2row.php
を、含むmy-snow-monkey
をサーバーにアップロードします。
/wp-content/plugins/my-snow-monkey
WordPressの管理画面の【プラグイン】で
My Snow Monkey
を有効化すると、ヘッダーに
追加してみるよ!が表示されると思います。これが確認できたら、
<p>追加してみるよ!</p>
の部分をご自身が必要なコードに入れ替えてください。
CSSは、別に必要になると思います。噛み砕いてみたつもりですが、いかがでしょうか?
これでご理解いただくことが難しい場合、カスタマイズそのものが難しいと思います。
今回のカスタマイズは、ご自身のブログやサイトですか?
受託案件であれば、デザインを見直したり、有料で依頼されたほうが良いと感じます。♥ 0いいねをした人: 居ませんはい、この2つは入れております。
wp_head
ですか?♥ 0いいねをした人: 居ませんちなみになんですが、こちらで解説されている拡張タグ2、基本タグは入れてらっしゃいますか?
♥ 0いいねをした人: 居ませんURLの最後が「/」で終わってるページが、白ページになってしまうのですが
トップページには表示されるんでしょうか?トップページにも
/
はつくので、理由がわかりません。
提供元にフックで追加するのはNGなのか問い合わせたほうが良いと思います。♥ 0いいねをした人: 居ません5.8に対応したSnow Monkey、Snow Monkey Blocks、Snow Monkey Editorのリリースを待たず、すぐに更新などが必要な場合、WordPressを5.7.2に戻せばいいのではないでしょうか?
日本語で解説しているプラグインなどで比較的簡単にできると思います。参考記事
♥ 0いいねをした人: 居ません5.8に対応したSnow Monkey、Snow Monkey Blocks、Snow Monkey Editorのリリースは近いと思いますが、すぐに更新が必要な場合、WordPressを5.7.2に戻せばいいのではないでしょうか?
日本語で解説しているプラグインなどで比較的簡単にできると思います。参考記事
♥ 0いいねをした人: 居ません5.8に対応したSnow Monkey、Snow Monkey Blocks、Snow Monkey Editorのリリースは近いと思いますが、すぐに更新が必要な場合、WordPressを5.7.2に戻せばいいのではないでしょうか?
日本語で解説しているプラグインなどで比較的簡単にできると思います。参考記事
-
投稿者投稿