nobita
フォーラムへの返信
-
フォーラム: 使い方全般
返信が含まれるトピック: 記事にUnicode私的領域コードを使う方法フォーラム: テーマ
返信が含まれるトピック: register_block_pattern() 作成パターンの独自スタイルについてこんにちは
なので全体のstyle.cssではなく、登録パターン内にスタイルを組み入れれば解決するかと考え、しかしstyleタグを使用するとHTMLブロックとしてエディターに掲出してしまい、今度はエディター画面が煩雑になってしまいました。
styleは許可されていないので、使えません。
パターンの最上位ブロックに、特有のクラスを追加して、このクラスを目印にstyleをロードすることはできるかもしれないです。(例は、フロントエンドのみに、投稿本文に追加されたパターンのみ対象)
my-custom-pattern をパターンに追加した例
add_filter( 'render_block_core/post-content', 'emulsion_test', 10, 2 ); function emulsion_test($block_content, $block){ if( false !== strpos($block_content,'my-custom-pattern')){ wp_register_style( 'my-custom-pattern', get_template_directory_uri() . '/my-custom-pattern.css', array(), time(), 'all' ); wp_enqueue_style( 'my-custom-pattern' ); } return $block_content; }
以上で、パターン用のCSSをフロント側に追加することができますが、エディタには反映しません。
これまで、editorに追加していた、style.css を省くと編集画面や、インサーターのプレビューなどではレイアウトは崩れます。
個人的には、パターンは「大量のCSSの追加」を想定していないので、こういうやり方は、よい方法ではないと思っていますが、何とかしたい気持ちはわかります。
エディタでの表示はある程度割り切って考えた方がいいと思います。フォーラム: 使い方全般
返信が含まれるトピック: ブロックエディタで固定ページが更新できないこんにちは、
どのようなことが原因でこの問題が発生し得るのか
原因は、いろいろあると思いますが、実際にどうするとブロックエディタは動かなくなるのかを知っておくといいと思います。
実験用のサイトがあれば、試してみてください。
functions.phpの最後の行に、以下を追加します。
echo 'hello world';
functions.phpにごみのようなものがあると、headerが出力する前に、文字列が表示されます。
ページを保存しようとすると、「更新に失敗しました。 返答が正しい JSON レスポンスではありません。」
同様のことを、クラッシックエディタで行うと、保存時に「hello world」しか表示されないといった事はありますが、保存そのものは可能です。
REST APIをブロックエディタは使用しているのに対して、クラッシックエディタは使っていないということが関係していると思います。
define('WP_DEBUG',true);
をセットして、ログを表示できるようにすれば、こういったものは
PHP Warning: Cannot modify header information - headers already sent
拾うことができます。
リリース当初は問題がなかった認識なので、突如問題が起きた印象です。
という事なら、その後のカスタマイズや、リリース後に導入したプラグイン等からチェックしてみるといいかもしれませんね。
- この返信は1年、 4ヶ月前にnobitaが編集しました。
フォーラム: その他
返信が含まれるトピック: RSSフィードのpubDateと記事投稿時間が一致しませんフォーラム: 使い方全般
返信が含まれるトピック: 編集画面において、投稿か固定ページかを判別する方法こんにちは
@ishitaka さんがすでに解説済みの通りですが、
以下のように処理した場合には、
add_editor_style( 'style.css' );
style.cssに記述したスタイル .post-type-post .is-root-container{ border:3px solid red; }
editorで、実際にロードされるスタイル .editor-styles-wrapper .post-type-post .is-root-container { border: 3px solid red; }
つまり、スタイルは加工されて(.editor-styles-wrapper)ロードされます。
このため、body.post-type-post, body.post-type-page を参照しようとしても出来なくなる。
.editor-styles-wrapper の孫要素(つまり、ブロックスタイルは、適用される)ということになります。
なので、body要素内のクラスを参照する場合には、別の方法でスタイルの加工が入らない方法で処理する必要があります。
以下のような手法をとることで、加工のないスタイルを追加できます。
add_action( 'enqueue_block_editor_assets', 'emulsion_block_editor_assets' ); function emulsion_block_editor_assets(){ wp_register_style( 'emulsion-fse', get_template_directory_uri() . '/fse.css', array(), time(), 'all' ); wp_enqueue_style( 'emulsion-fse' ); }
余談
add_editor_style()を使って、エディタ用のスタイルをフロント用とは別に追加するといった流れは、最近では過去のものになりつつあるように思います。
add_editor_styleを使っている場合に、フロント用のCSSを使用するケースが増えています
投稿エディタに関していえば、フロント用のCSSに、どうしてもエディタ用にスタイルが必要な場合は、.editor-styles-wrapper .wp-block-xxxx{}などとして、エディタ用のスタイルを書くことが多くなってきています。
フォーラム: 使い方全般
返信が含まれるトピック: 複数のページネーションブロックの挙動についてこんにちは、
複数クエリーページングは、クラッシック時代から、いろいろ試みが行われてきたところですね。
以下の赤字で囲んだところの設定がONになっていたら、OFFにしてみてください。
https://www.tenman.info/wp3/emulsion/files/2023/06/image-7.png
OFFにすると、ページネーションリンクは以下のようになります。
https://www.example.com/wp/?query-31-page=2
ONだと以下ですが、
https://www.example.com/wp/page/2/
ONのクエリーループとOFFが混在した場合には、
https://www.example.com/wp/page/3/?query-31-page=3
十分なテストをしたことはなく、Sticky Postがある場合には、2ページ以降でも表示されるといった問題はあるようです。
何かお役に立てば、、、、
フォーラム: 使い方全般
返信が含まれるトピック: 記事投稿の自動コード変換についてこんにちは、
細かく確認していないですが、WordPressでは、権限によって、使用可能なタグが制限する機能があります。たぶんそれが働いているのでしょう。
管理者権限のない人が、style要素を自由に書けると、いろいろ問題出る可能性がありますよね。
フォーラム: 使い方全般
返信が含まれるトピック: ブロックエディターで表示されない項目があるこんにちは
テーマ:自作を使用 との事ですが、そのテーマに theme.jsonというファイルは含まれていますか?
もし、含まれていないようであれば、テーマに追加してみてください。
{ "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 2, "title": "default", "settings": { "appearanceTools": true } }
フォーラム: 使い方全般
返信が含まれるトピック: ハイライトでテキストに色付けできない@mizutanさん こんにちは、
<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-crimson-color">今回は草冠に利と書く莉を題材に決定</mark>
このソースは、丸い赤を選択しているんだと思いますが、これ以外にもグレーのチェック柄をクリックしても、色を選択できます。
チェック柄のほうは、colorプロパティをstyle属性に書き出すので、動くかもしれません。
has-crimson-color がCSSにあるかどうか確認してみてください
フォーラム: テーマ
返信が含まれるトピック: ブロックテーマをフック等でクラシックテーマ化こんにちは、だいぶ時間がたっているので解決済みかもしれませんが
チャイルドテーマの場合、クラッシックテーマ用のPHPテンプレートを配置すれば、例えば、single.phpを追加すれば、個別投稿はPHPテンプレートで表示されるはずです。
参考にこの辺も読んでみてください
- この返信は1年、 10ヶ月前にnobitaが編集しました。
フォーラム: テーマ
返信が含まれるトピック: 登録した公式テーマの名前を変更できるかフォーラム: 使い方全般
返信が含まれるトピック: 複数行の文字列を置き換えたいフォーラム: プラグイン
返信が含まれるトピック: 外見のカスタマイズで設定した色フォーラム: テーマ
返信が含まれるトピック: input type が tel のスタイルこんにちは、
form 要素の子要素のデザインは、今でいうクラッシックテーマの時代にはテーマが細かく設定しているケースが多かったと思います。
wordpress.orgにホスティングされているテーマでは、有名どころ
Hello Elementor, Astra, Twenty Twenty-One, Twenty Twenty, Twenty Seventeen, OceanWP, GeneratePress, Neve, Twenty Nineteen, Twenty Sixteen,等々4000を超えるテーマで、何らかのinput=”tel” スタイルを持っているようです。ただ、最新の、blockテーマでは、そのようなスタイル設定を持つものは、ほとんどないと思います。
残念ではありますが、出来るだけ網羅的に「テーマのスタイルを一貫して適用する」という考えは、薄れてきていると思います。
個人的な意見ですが、必要なスタイルが発生した場合には、ユーザーご自身で追加すると考えていただいた方がいいと思います。
- この返信は2年前にnobitaが編集しました。
フォーラム: 使い方全般
返信が含まれるトピック: 検索によるページ内へのアンカーリンクこんにちは、解決済みみたいですが、
アンカーリンクの様に別ページに飛ばずに同じページ内へ、
文字の検索結果の場所まで移動することは出来るのでしょうか?https://ja.wordpress.org/support/article/page-jumps/
上記の記事も併せて読んでみてください。
- この返信は2年前にnobitaが編集しました。