-
検索結果
-
情報ありがとうございます、試してみました！
pluginDir: '<?php echo esc_attr( str_replace( SNOW_MONKEY_BLOCKS_DIR_PATH , '\\', '\\\\')); ?>,'ではなくて
pluginDir: '<?php echo esc_attr( str_replace( '\\', '\\\\', SNOW_MONKEY_BLOCKS_DIR_PATH ) ); ?>',が正しいのではと思ったのですがどうでしょうか？
アップデートして反映させたらクローズします！Who liked:トピック: 文字の大きさを変える
既出だと思うのですが、回答を見つからなかったため、質問させていただきます。初心者です。
【お使いの Snow Monkey のバージョン】バージョン: 17.2.3
【お使いの Snow Monkey Blocks のバージョン】未使用
【お使いの Snow Monkey Editor のバージョン】未使用
【お使いのブラウザ】Chrom
【当該サイトのURL】納品予定のため非公開で行かせていただきます。### 実現したいこと
⑴スマホ表示では文字の大きさを小さくしたい。
２画像の大きさをPC・スマホにレスポンシブ対応できるようにしたい。
### 発生している問題
レスポンシブ対応ができていない。❶文字が大きく改行も辺でよみにくい。❷写真がレスポンシブ対応していない。❸画像に文字が被ってしまう。
コード等を書かずして簡単にレスポンシブ対応できる方法はありませんか？
### 試したこと
スマホ表示と文字の大きさを変えて表示させたいのですが、CSSを入れる必要がありますか？CSSはわからなく、プレビューで変更を試みているのですが、それでは不可能でしょうか？
とりあえず、ローカルでやるときは
pluginDir: '<?php echo esc_attr( str_replace( SNOW_MONKEY_BLOCKS_DIR_PATH , '\\', '\\\\')); ?>'にて対応してみます。
もう少しスマートな方法がありそうな気もするので、もしアップデートで対応できれば検討お願いします。
本件閉じます。
Who liked:
キタジマ タカシ様
ご返信いただき誠にありがとうございます。
現状、管理運用の手間を減らすためエディタ用とフロント用とを分けずにセレクタを指定しており、かつ最終的に読み込むCSSファイルは１つまとめております。その上でいただきましたご意見を踏まえ、さらに検討した結果、add_editor_style()、enqueue_block_editor_assetsフックの両方で同じ１つのCSSファイルを読み込むことにいたしました。
これによって、CSSファイル側では.editor-styles-wrapperクラスが挿入されることなど特段何も考えずにセレクタ指定をしても、フロント・エディタ側両方で同様のスタイルが反映されるようになりました。
2度同じファイルを読み込むという悪影響もございますが、この方法ではフロントへの表示には大きな影響がなく、影響はエディタ画面が表示されるときだけなので、CSS作成時の手間の軽減とそれによって生じる悪影響・デメリットとを天秤にかけ、手間軽減のメリットの方が大きいと考え一旦この方法を採用しました。
備忘録として残しておきます。お力添えいただき誠にありがとうございました。大変助かりました。
重ねてお礼申し上げます。
トピック閉じておきます。Who liked:
何度もすみません。
分かりました。
smbをグローバル変数として宣言している箇所で、
pluginDir: ‘C:\xampp\htdocs\wp-newportfolio\wp-content\plugins\snow-monkey-blocks’,となっていますが、バックスラッシュが入っているので、特殊文字と認識して宣言自体が無効になっていたみたいです。
無理やり
pluginDir: ‘C:\\xampp\\htdocs\\wp-newportfolio\\wp-content\\plugins\\snow-monkey-blocks’,のような形でバックスラッシュをバックスラッシュとして認識させたところ、うまくいきました。
こちら、どうしようもないですよね。。。
Who liked:見当たりません。
ただ、正常に動作しているサーバ上でも見当たりませんでした。わーすみません、書き方がわるかったです。tantive.sl さんが書かれているとおりです。この辺のファイルの欠損もなさそうですね。
複数種類出ていますが、同じエラーが７つ出ている箇所があって、うまく表示されないブロックの数と一致しているのでこれが原因でしょうか。
Uncaught ReferenceError: smb is not defined
あ、これ怪しいですね。下記の部分で JavaScript のグローバル変数
smbを定義しているのですが、これが何らかの理由でこれが出力されていない感じですかね？Who liked: No userそうですね。bodyを必ずしも入れなければいけないというわけではないのですが、セレクタを.slug-{スラッグ}のみにした場合、以下のように置換がなされます。
あーそうか！確かにそうですね、失礼しました。
確かにご教示いただいたこの方法でクラスの置換が行われなくなるため、.editor-styles-wrapperセレクタを意識せずにCSSを記述しても、フロント側同様のスタイルをそのままエディターに反映させられるようになるのですが、.editor-styles-wrapperの自動置換が無くなることで、今度は管理画面上のブロックエディター外の部分にもスタイルが反映されるようになるため、この方法を少し躊躇っていました。
もしかしたらもっと上手い方法があるかもですが、僕は
add_editor_style()・enqueue_block_editor_assetsで読み込む用の CSS をそれぞれ用意しておいて、適用させたい箇所によって書き分けていますねー。Who liked:ブラウザのコンソールにエラーが出ていました。
複数種類出ていますが、同じエラーが７つ出ている箇所があって、うまく表示されないブロックの数と一致しているのでこれが原因でしょうか。
Uncaught ReferenceError: smb is not defined
editor.jsらしいのですが、min化されているので１行になっていて、ピンポイントで該当箇所までたどり着けていない状況です。
Who liked: No userお手間かけます。
設定は表示されていないものも含めて全てONになっています。
src/index.php → src/block.json → dist/editor.js → dist/index.js
については、
wp-content\plugins\snow-monkey-blocks\srcの直下およびwp-content\plugins\snow-monkey-blocks\distの直下には見当たりません。
ただ、正常に動作しているサーバ上でも見当たりませんでした。類似のファイルとしては、
\wp-content\plugins\snow-monkey-blocks\dist\block下のそれぞれのフォルダにeditor.jsがあり、\wp-content\plugins\snow-monkey-blocks\block下のそれぞれのフォルダおよびその下層フォルダにindex.php、block.json、editor.js、index.jsが存在しています。データの欠損という意味では、正常に動いているサーバ上の
snow-monkey-blocksとうまく動かないローカル上のsnow-monkey-blocksのフォルダプロパティを見たところ、どちらも総サイズ：8,356,300byte
File数：956
フォルダ数：198で同じでした。
Who liked:
