-
検索結果
-
こちらのトピックは Intuitive Custom Post Order（プラグイン）で投稿順を変更した場合の対応例があります。
【最近の投稿】ブロックなので、snow_monkey_recent_posts_widget_argsを使うと思いますが…あるブロックの場合だけ
とあるので、【最近の投稿】ブロックの HTML アンカーに
sort_postsと入力すれば
以下のように指定すれば、該当のブロックだけ適用されます。
snow_monkey_recent_posts_widget_args_sort_posts
あとは、前述のトピックにあるように $query_args を指定してあげればカスタムフィールドの値で順番は変更できると思います。$query_args['meta_key'] = 'カスタムフィールド名'; $query_args['orderby'] = 'meta_value_num'; // 数値 $query_args['order'] = 'ASC'; // 昇順（小さい→大きい）
もっとスマートな方法もあるかと思いますが、一度お試しください。Who liked:
早速ご返信ありがとうございます。
– サーバーの容量がいっぱいで画像がアップロードでいない
– アップロードしようとしている画像のサイズ（縦横 or 容量）が大きすぎてアップロードできない
– アップロードディレクトリに書き込み権限がなくアップロードできないこちらなのですが、
メディアから白紙の部分の詳細を見て、
「画像を編集する」というところからは画像が確認できます。アップロードできなければ表示されないと思うのですが、
別の問題は考えられますでしょうか？
ちなみにここで縮尺変更をしたり、代替テキストを追加して更新しても
改善されませんでした。よろしくお願いいたします。
Who liked: No userlocation.searchの参考ページを張っておきます。前述のコードを参考にちょっと書いてみました。動作未確認＆ESNext 構文で書いているので正しく動かない可能性があります。参考にして調整してみてください。
window.addEventListener( 'load', // ページを完全に読み込んだ後に実行 () => { // 対象とするタブブロックを指定 const tabs = document.querySelector( '[data-tabs-id="0cd7c37d-33db-4b10-b91d-30a091d2f667"]' ); if ( !! tabs ) { // 現在のページのクエリを取得（例： ?tab=hoge） const search = window.location.search; if ( !! search ) { // search からタブの指定を取得 const searchParams = new URLSearchParams( search ); const targetTab = searchParams.get( 'tab' ); // ?tab が「hoge」なら if ( 'hoge' === targetTab ) { // 対象とするタブを指定 const tab = tabs.querySelector( '[aria-controls="block-ce097728-902c-47fa-9c7b-d25e712c782f"]' ); if ( !! tab ) { // 対象のタブを強制クリックする tab.click(); } } } } }, true );Who liked: No user
こちらの設定はどのようになっていますか？
私の環境はこの（上図）状態で<i class="fa-solid fa-moon"></i>メニュー名でアイコンが表示されます。
理由：ページ速度最適化の「軽量なFontAwesome」にチェックを入れたいため
軽量なFontAwesomeは一部のアイコンなので、どれなら表示できるか試していきたいとのことですが、固定メニューの頻繁な変更がなければ、FontAwesomeを使用せず、擬似要素でSVGアイコンを入れることも可能だと思います。
Who liked:お忙しい中、返信本当にありがとうございます。
コンソールでエラーも確認しました。
Mixed Contentのエラーについて、いろいろ調べました。
httpから読み取ろうとするとエラーが起きるようで、
httpsに書き換えると良いというサイトは、よく見かけました。しかし、この画像の読み込み先を見ると、
どうやらlocalからネットに上げた後なのに、
そのままlocalから画像を読み込もうとして、エラーが起きているように思うのです。この読み込もうとしている元々のコードを削除するか書き換えれば良いと思うのですが、
そこには、どうやったらたどり着けるのでしょうか。。。メディアクエリの設定で、スマホの設定がされていないと起こる場合もあるというサイトの説明も見ました。
（わたしの場合は、まさにスマホのみスライダーが表示されないので、その辺りが原因のようにも思います。）もし、何かご存知のことやアドバイスがあれば、
よろしくお願いいたします。Who liked: No user実際に作られているサイトを見ているわけではないので確実なことは言えませんが、
＞PCでの表示用のみ書いているので、必要であればメディアクエリなどで分岐してつかってください。
これを怠っているからでしょうか？初心者のため意味がわからず何もしていないのですが。。
Snow Monkey はモバイルファーストな形でCSSを書かれているので、メディアクエリを設定せずに記述すると、スマホ＞タブレット＞PCと全てのデバイスへ適応されます。ですので、スマホ表示だけに適応したい、PC幅表示時だけ適応したい、などという場合には、メディアクエリを記述する必要が出てきます。
その辺りはぜひご自身で調べて試してみてください。
Who liked:
スマホで該当サイトを拝見しましたが、そもそもページの読み込みが完了できていません。ですので、XO Slider や Snow Monkey の問題ではなく、その辺りの調査をまずはされた方が良いかと思います。
こちらで検証ツールにてUAをスマホにした状態でも、コンソールにエラーが表示されています。そういった点をしらみ潰しに調査して、まずはスマホで読み込みが完了するようにしてみると良いかと思います。
Who liked:Oleinさん、返信ありがとうございます。
（Happy snow monkeyのサイトやYouTubeを楽しく拝見させていただいております。）アドバイスに従い、テーマを変えたところ、
表示崩れはしましたが、スマホでも表示されました。
PCでは、検証ツールで何が起こってるのか確かめることはできるのですが、
スマホでの挙動のおかしさをどのように確かめたらよいのでしょうか。もし、ご存知でしたら教えていただけたら幸いです。
Who liked: No userCSSで対応できると思いますが、すでにお試しでしょうか？以下のようにやればできるかと思います。PCでの表示用のみ書いているので、必要であればメディアクエリなどで分岐してつかってください。
①左表示にした状態での横幅の変更
最初に左サイドバーの幅を上書きします。その後に、コンテンツエリアについている左マージン（＝左サイドバーの幅分）も設定し直します。
.l-header--left { width: 150px; } [data-header-layout=left] { margin-left: 150px; }②各メニュー項目のセンタリング
.l-header--left .p-global-nav .c-navbar__item>a { align-items: center; }③ロゴの左寄せ
ロゴ画像は全幅で表示されていると思うので、左サイドバーのコンテンツエリア幅よりも小さくなるように画像サイズを指定してあげてください。必要であれば以下のように
!importantをつけてあげてください。.c-site-branding__title { text-align: left; } .c-site-branding__title > a > img { width: 100px !important; }Who liked:
不具合です！ ご報告ありがとうございます。
現在、メジャーアップデートである v19 を開発中で、v19 ではこの不具合は解消されていることを確認しました。ただ、まだリリース時期が未定なので、とりあえず下記の CSS を追加することで修正できるので試してみてください。
figure.wp-block-image.aligncenter { width: min(calc(100% - var(--_container-margin-sm, .9rem) * 2 + env(safe-area-inset-right) + env(safe-area-inset-left)),var(--wp-block-width)); }Who liked:
