[キタジマ タカシ]

URL 教えてください！

♥ 1

Who liked:

[キタジマ タカシ]

・PC限定（メディアクエリで一定のサイズ以上限定）、
・ブロックあるいはクラシックウィジェットどちらか限定、
・最大幅固定でサイズ以上のものは正常に動作しない（レスポンシブ対応や綺麗な拡縮などの制御は無視）前提

…みたいな、極めて限定的な条件であればできる…といった感じでしょうか？それだと汎用的じゃないのでsnow monkey的には微妙そうですが。。

2つ目以外は（多分）技術的には可能ですが、経験上 PC だけじゃなくてモバイルでも表示できるようにしたいとか、正常に動作しない前提としていても正常に動作していませんとクレームが入る、といったことは確実にあるので、Snow Monkey 標準の機能として入れるのはどうかなという感じですね…。

自分なりにも調べたところ、空の使用していないウィジェットを使って、それをpositionなどで任意の位置に無理矢理置いて表示させる…みたいなやり方もみたので

確かにこれも技術的には可能です。空の使用していないウィジェットエリアでもできるとは思いますが、独自にウィジェットエリアを追加してやるほうがわかりやすいかなとは思います。ただ、ご自身でやるにしても、それなりに複雑なことになるので、バナーの表示くらいであればそこまでするのは大変そうかなとは個人的には思います。

参考：

特定のカスタム投稿タイプのみ違うウィジェットエリア（サイドバー）を設定したい

このトピックには3件の返信、2人の参加者があり、最後にakosanにより10ヶ月、 1週前に更新されました。 …

snow-monkey.2inc.org

♥ 0

Who liked: No user

[キタジマ タカシ]

ご確認ありがとうございます！

編集画面からは設定できないということは、WordPress 的には「設定できないもの」という扱いになっているのだと思うので、次回のアップデートで、「投稿ページ」に割り当てている固定ページのテンプレートについては、もし設定済みだとしても反映されないようにしたいと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

デフォルトページヘッダー画像登録をしたら　全画像が入らず、上下・左右が切れてしまうので、

ページヘッダー画像は、どのような画像（縦長等）がきてもある程度それなりに表示するために、高さの制御がされており、はみでる部分はトリミングされるようになっています。CSS を追加することで高さの制御とトリミングを無効化できます。

.c-page-header[data-has-image=true] {
    height: auto;
    padding: 0;
}

.c-page-header[data-has-image=true] .c-page-header__bgimage,
.c-page-header[data-has-image=true] .c-page-header__bgimage > picture {
    position: static;
}

.c-page-header[data-has-image=true] .c-page-header__bgimage > img,
.c-page-header[data-has-image=true] .c-page-header__bgimage > picture > img {
    position: static;
    height: auto;
}

ページヘッダー画像を使わない場合は↑は入れなくて大丈夫です。

固定ページで画像挿入、フル画面にして　トップページヘッダー画像としています。

画像はそのまま入っていますが、メニューバーと画像の上の間に結構な大きさの空白が生じています。

レイアウトまわりがどのような設定になっているかで変わってくるので、実際に見てみないと正しい答えを提示できるかわからないのですが、とりあえず、下記の CSS を試してみると良いかもしれません。

.l-contents__inner {
  padding-top: 0;
}

♥ 1

Who liked:

[キタジマ タカシ]

$query_args という配列に値をセットされていますが、そもそも $query_args という変数自体が存在していないのに値をセットしているように見えます。

$args['vars']['_posts_query']->set( 'meta_key', 'sort' );
$args['vars']['_posts_query']->set( 'orderby', 'meta_value_num' );
$args['vars']['_posts_query']->set( 'order', 'ASC' );

にするとどうでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

スクショありがとうございます！

スクショに「投稿ページテンプレートを変更できません。」とあるので、今編集しようとしているのはホームページ設定で「投稿ページ」に割り当てている固定ページですよね？ どこからかのバージョンから、WordPress は仕様として「投稿ページ」に割り当てている固定ページのテンプレートは変更できなくなったようです。

ただ、ダッシュボード→固定ページで一覧を表示して、「投稿ページ」に割り当てている固定ページのクイック編集からならテンプレートが変更できるみたいなので、そこで変更できるか試してみてください。

こちらの認識ではカスタマイザーの設定が反映されるものと考えていましたが
原因がわかりますでしょうか

優先順位としては、

1. そのページに設定されたページテンプレート
2. カスタマイザーで設定したページレイアウト

となります。(1)がデフォルトなら(2)が反映されますが、現状だと(1)にスリム幅のテンプレートが設定されているように見えます。

♥ 0

Who liked: No user

[キタジマ タカシ]

編集画面を見ると、テンプレート：1カラム（スリム幅）になっていて変更不可とでます

「変更不可」という表示が出でいる画面のスクショを見せてもらうことはできますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

「任意のタクソノミー」はブロックがいつまでも読み込み待ち状態で動きません。

あ、これカテゴリーとかタグを何か1つ選択しないと、条件ナシ扱いになって読み込まないようになってるのです。適当なカテゴリーを選択してみてもらえれば！

♥ 1

Who liked:

[キタジマ タカシ]

ご報告ありがとうございます。こちらでも不具合が確認できました。

ひとまず調査をして修正を入れようと思うのですが、「最近の投稿」ブロックではなくて「任意のタクソノミー」ブロックを使うとどうなりますか？「任意のタクソノミー」ブロックもカテゴリーでの絞り込みができるので、とりあえずそっちでは正しく動きそうなら、修正作業の間はそちらを使っておいていただくのが良いのかなと思いまして…。

♥ 1

Who liked:

[キタジマ タカシ]

Simple Local Avatars というプラグインを使っています！

Simple Local Avatars

ユーザープロフィールにアバターアップロードフィールドを追加します。Gravata のように、要求されたサイズをオンデマンドで生成します !

ja.wordpress.org

♥ 1

Who liked:

[キタジマ タカシ]

ボタンが押せなくなったタイミングで、ブラウザのコンソールに何かエラーがでてませんかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

詳しくありがとうございます！`

スクショをみた感じだと、「ソース」に new_image.js があるので、読み込みはできているのかなと思いましたがどうでしょうか？ 読み込みに失敗してたら多分「ソース」には表示されないと思うので。`

topページでjavascriptが読み込まれるかどうかを下記のコードのように記述してみましたが、検証ツールのコンソールでは、値（test)だけの状態で表示されません。

上記はどういう意味でしょうか？「ソース」では console.log("test"); とでているけど、「コンソール」には test と出力されないということですかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

あくまで直感レベルですが、この用途でウィジェットエリアを追加するのはちょっと厳しいのかなと感じました。

理由としては下記が大きいかなと思います。

– ウィジェットエリアがブロック化されたことで、ウィジェットエリア・ウィジェットはブロックと従来の2種類をメンテしないといけなくなったため、今回のような特殊なウィジェットエリアを新たに追加するのは更にメンテナンスコストが高くなってしまう。
– 今回の場合、横幅や表示位置を固定することになると思いますが、ウィジェットは多種多様なので、例えばその幅ではきれいに表示できないウィジェットの対応をどうするかとか、固定表示であるがゆえに、縦に長かったり、複数個入れたりしたときにはみでてしまった部分をどうするかなど、考えないといけないことが多い。

表示したい位置や大きさはサイト（やページ）によって違うと思うので、バナー程度であれば、僕なら適当なフックで対応するかなぁと思います。超適当ですが例えば下記のような感じ。

add_action(
	'wp_footer',
	function() {
		?>
<div style="position: fixed; top: 100px; right: 0px; z-index: 1000; width: 100px">
	<a href="..."><img src="..." alt="..."></a>
</div>
		<?php
	}
);

とりあえず上記で適当な位置に固定表示はできますが、ページ下部までいったら消すとか、そういうのをやろうとすると JavaScript が必要になってくるのでちょっと手間ですね…。

♥ 0

Who liked: No user

[キタジマ タカシ]

続いてaタグに同じCSSをつけると今度は線がの高さが大きくなりすぎます。

デフォルトでは、メニュー項目がクリックしやすいように a に padding がついています。仕切りの高さをメニュー項目の文字列と同じ高さにしたいということであれば、クリック範囲は文字列と同じ高さにしても良いのかなと思うので、2枚目のキャプチャの状態にして、追加で a の上下 padding を 0 にすると良いのではないでしょうか。

♥ 0

Who liked: No user

[キタジマ タカシ]

訂正です。更新できましたとなりましたが、再び見たらバージョンが古いと出ました。

んーなんでしょうね。実際、書き換えたところは正しく保存されているのでしょうか？
正しく保存されている場合、何らかの要因で意図しない部分が自動的に変更されているけど保存はされていない、という状態になっているのだと思います。検証するとしたら、

1) 更新をクリック
2) コードエディターに切り替えて、表示されたコードを適当なテキストファイルに保存
3) 画面をリロード
4) 「バージョンが古い」とでていると思うので、それも表示されたコードを適当なファイルに保存
5) (2) で保存したコードと (4) で保存したコードを見比べる

という感じでしょうか…。

ttps://67care.jp/blog/wp-content/plugins/ChatGPT_to_Title-main/js/my-block-editor-plugin-script.js?ver=1.0

ありがとうございます。ものくろさんがつくったプラグインですかね？ 先程のスクショをみせて、こういうエラーがでているよとお伝えしたほうが良いかもしれません（今回のトピックの問題と関連があるかはわかりません）。

ちなみに、ChatGPT_to_Title を停止したら「バージョンが古い」がでなくなったりしませんかね？

♥ 0

Who liked: No user

[投稿者]

投稿