-
投稿者検索結果
-
2023年2月16日 7:57 PM #118440
返信が含まれるトピック: iPhoneで画像やコンテンツが画面からはみ出す
widthがautoになった影響というのはあるかもしれませんが、一応ここをどうにかすればというところはわかったので共有します。.childcare-point01-inner .wp-block-columns h4がword-break: keep-allになっており、改行されないために親要素が広がってしまっているようでした。あと、
.c-container { max-width: min(100% - var(--_container-margin-right) - var(--_container-margin-left), var(--_container-max-width)); }でも良さそうでした。現状は
.c-container { box-sizing: content-box; max-width: 1280px; width: auto; }なので基本は画面枠内で広がれるところまで広がるけど、1280pxよりは大きくならない、となっていて、普通に画像や文章を流し込むだけなら広がらないのですが、改行させなかったり(他にもなにかあるかも)して普通より広がるものがあると、iOS や Safari ではそちらの大きさのほうが(100% サイズになるまで)優先されてしまうみたいです。
max-width: min(100% - var(--_container-margin-right) - var(--_container-margin-left), 1280px);のようにすれば、100% から.c-containerについているpadding分の大きさを引いたものが最大幅になるので、結果的にきっちり収まるみたいです。↑については Snow Monkey 側で変更を入れてみようと思います。
♥ 0Who liked: No user2023年2月16日 6:44 PM #1184372023年2月16日 6:43 PM #118435返信が含まれるトピック: iPhoneで画像やコンテンツが画面からはみ出す
さっそくありがとうございます。
macOSのChromeの開発ツールでスマホサイズにした場合は発生していません。
iPhoneのSafariアプリ・Chromeアプリで確認した場合,あるいはmacOSのSafari開発ツールでレスポンシブデザインモードにした時に発生していますので,iOS固有の事象なのかなという感じがしています。
当該ページのCSSは開発ツールで書き換えて確認してみたのみで,CSSは反映されておらずはみ出す状態のままです。♥ 0Who liked: No user2023年2月16日 6:38 PM #1184342023年2月16日 6:25 PM #118430
こちらのことでしょうか?
♥ 0Who liked: No user2023年2月16日 6:22 PM #118429返信が含まれるトピック: iPhoneで画像やコンテンツが画面からはみ出す
ご報告ありがとうございます。
まだ iPhone(iOS)では確認できていないのですが、パソコンの Chrome(や Firefox)でもスマホサイズに縮めたときは発生しますか?
また、
のページは現在はみ出す状態のままで、「下記のCSSを書き換えると〜」の CSS は反映されていないという認識であっていますでしょうか?
♥ 0Who liked: No user2023年2月16日 4:37 PM #118414返信が含まれるトピック: 軽量なFontAwesomeを使用したいがどのアイコンが該当するのかわからない
ファイアウォールかなにかの影響で最後の文字が削られてしまうみたいです…。下記だとどうでしょう?
https://github.com/inc2734/snow-monkey/blob/master/src/js/fontawesome.js♥ 0Who liked: No user2023年2月16日 4:36 PM #118411返信が含まれるトピック: Snow Monkey Blocks 更新によるエラー
ありがとうございます!
dist/blocks/section-break-the-grid/index.phpの45行目末尾のカンマが問題かなと思います。こちらの環境では発生せずに気づかなかったのでPHPのバージョンによるのかもしれません。修正次第アップデートしますが、お急ぎであれば上記のカンマを消してみてください!
♥ 0Who liked: No user2023年2月16日 4:15 PM #118408返信が含まれるトピック: 軽量なFontAwesomeを使用したいがどのアイコンが該当するのかわからない
キタジマさん
ありがとうございます!
記載のURLをクリックしてみたのですが404になりこういったメッセージが出ました。
The ‘inc2734/snow-monkey’ repository doesn’t contain the ‘src/js/fontawesome.j’ path in ‘master’.
わたしの方で何等かのアクションが必要なのでしょうか。
(githubのアカウントは持っています)
♥ 0Who liked: No user2023年2月16日 2:30 PM #118385返信が含まれるトピック: 軽量なFontAwesomeを使用したいがどのアイコンが該当するのかわからない
なるほどです。下記のファイルに使用できるアイコンの一覧が記述してあるので確認してみてください!
2023年2月16日 10:07 AM #118365返信が含まれるトピック: 軽量なFontAwesomeを使用したいがどのアイコンが該当するのかわからない
>キタジマさま
お返事をありがとうございます。
>Snow Monkey / Blocks / Editor の内部で使用されているアイコン
これが今ひとつわからないでおります。もしこの「内部で使用されているアイコン」のみ使うとすれば、どうしたらよいでしょうか。
例えばBlocksのブロックのデザインとしてFontAwesomeを使っているものがあり、そういった場合はそのアイコンを使えるといった感じでしょうか?♥ 0Who liked: No user2023年2月15日 7:06 PM #118301返信が含まれるトピック: グローバルメニューや固定ページの表示
v19.1.3 で変更を入れてみたのですがどうでしょうか!?
追加した CSS は削除してください。
コンテナー(.c-container)の左右のスペースの大きさについては変更は入れていないので、ここはカスタマイザーで設定してください。2023年2月15日 5:09 PM #118288返信が含まれるトピック: 軽量なFontAwesomeを使用したいがどのアイコンが該当するのかわからない
「軽量なFontAwesomeを使用する」を有効にすると、Snow Monkey / Blocks / Editor の内部で使用されているアイコンだけが有効化されます。従って、ご自身で自由にアイコンを設置したい場合はほとんどのものが存在しない扱いになります。
♥ 0Who liked: No user2023年2月15日 3:59 PM #118279返信が含まれるトピック: グローバルメニューや固定ページの表示
ご迷惑おかけしてすみません。v19.0.0 から、文字サイズ・行間・余白・幅の基準が変更になっています。
コンテナー(
.c-container)の左右のスペースについてはカスタマイザーから変更できるので、設定を変更してみてください。グローバルメニューの表示(幅)が変わっている。
幅は前述した変更の影響で少し変わっているかもしれません。ここは CSS で好みの幅に調整してみてください。メニュー項目内の余白は大きすぎる感じがしますね…。ここは Snow Monkey をアップデートして下記の CSS を追加してみようと思います(詳しく調査していないので少し変えるかもしれません)。お急ぎであればとりあえず追加 CSS に下記の CSS を追加してみてください。
.l-left-header .c-row__col { padding-right: 0; padding-left: 0; } @media (min-width: 1024px) { .l-header--left .p-global-nav .c-navbar__item>a { padding-right: var(--_padding-1); padding-left: var(--_padding-1); } }固定ページの左右の余白が大きすぎて、モバイル表示させると文章が1~3文字程度で改行されてしまい読みづらい。
これは気づいていませんでした、ご報告ありがとうございます! こちらも調査が必要ですが、とりあえず下記の CSS を追加してみるとどうでしょうか? こちらも詳しく調査した上で、必要な CSS をアップデートで追加しようと思います(そのときは下記の CSS は削除してください)。
[data-header-layout="left"] .p-entry-content { --wp--style--global--content-size: auto; }2023年2月15日 8:31 AM #118264返信が含まれるトピック: 投稿ページに再利用ブロックが効かない
-
投稿者検索結果



