[Olein_jp]

この場合、実際にその現象を再現できないと検証が難しいです。

ですので、実際のサイトもしくは同様の状況を再現したサンプルサイトなどを提示いただけると解決が近づくかもしれません。

♥ 3

いいねをした人:

[Olein_jp]

早速、テスト環境で実際に稼働しているサイトのデータを、テーマ本体と Snow Monkey Forms プラグイン（その他　Editor / Blocks も）らを最新版にアップデートしてみました。

• Snow Monkey : 20.0.0
• Snow Monkey Blocks : 19.0.0
• Snow Monkey Editor : 9.2.0
• Snow Monkey Forms : 5.0.5

しかし、各サイトに既存であるフォーム（サイト内に複数のフォームを持っているものも含む）すべて確認しましたが、送信完了メッセージや自動返信メールの内容、管理者宛メールアドレス等、特にブランクになってしまったりしている様子は確認できませんでした。

ですので、eiki 様の詳しい環境（他に使われているプラグイン等々あれば）の詳細を提供されると、何か糸口がわかるかもしれませんね。

♥ 0

いいねをした人: 居ません

[Olein_jp]

Snow Monkey を利用する・しないに関わらず、!important を簡単に活用していくのは、後にそれよりも強くスタイルを当てたい状況が発生した場合につらくなります。

ですので、「できるだけ使わないように書く」ことを個人的には意識しています。どうしても、という場合には自分の責任の元で利用することもありだとは思いますが、「どうしても」の場合ですね。

その判断ができるように、まずは CSS の詳細度について理解を深めていっても良いかもしれませんね。（さまざまな考え方があると思います。こちらは個人的な感想です。）

詳細度 – CSS: カスケーディングスタイルシート | MDN

詳細度 (Specificity) は、どの CSS プロパティが要素に最も関係があるか、すなわち適用されるかをブラウザーが決定する手段です。詳細度は様々な組み合わせの CSS セレク…

developer.mozilla.org

♥ 1

いいねをした人:

[Olein_jp]

実際に試せてはいませんが、CSS の擬似要素で対応できるのではないかと思います。

.p-footer-sticky-nav > ul > li.menu-item-*** > a:before {
   CSS書く
}

必要であれば a に position:relative など設定し、また管理画面からメニュー項目にCSSクラスを追加するなどすることで、より一層明瞭な CSS を書くことができるかと思います。

お試しください。

♥ 1

いいねをした人:

[Olein_jp]

項目で画像とボタンにリンクをつけたいのですが、項目（ブロックリンク）を選ぶとタイトルやテキストなども含めて全体にリンクがかかってしまいます。

項目（自由入力）で内部の各ブロックを好きなようにレイアウトする方法ではどうでしょうか？

画像にマウスをのせたときにバナーのように文字が現れるようにしたいです。

CSSで擬似要素とアニメーションで実装できると思います。必要であれば JavaScript（または jQuery）を使っても良いと思いますよ。

♥ 1

いいねをした人:

[Olein_jp]

最新の記事だけ大きく表示したい。

どのように大きく表示させたいのか、そもそもレイアウトが変わるのかなど不明な点はあるのですが、CSSで対応できるような内容であれば、.p-archive c-entries__item:first-child というような形でクラス指定してあげることで、一番最初の投稿へのみスタイルを当てることはできます。

♥ 1

いいねをした人:

[Olein_jp]

ご検討いただきましてありがとうございました！トピック閉じます！

♥ 1

いいねをした人:

[Olein_jp]

Snow Monkey や Snow Monkey Blocks を純粋に利用する形では実現は難しいのかなと思います（念の為、他の方の意見を聞いてみることをお勧めします）。

もしかしたら、子ページを表示させるウィジェットなどにフックがあるかもしれませんが、仮に私自身がこの課題を解決するためにどうするかなぁと考えてみましたが、自分でコードを書いてショートコード化するのが手っ取り早いかなと感じました。

以下のような記事も（英語でごめんなさい）あったりするので、参考にしてみてください。もっと良い方法があったらごめんなさい。

How to Display a List of Child Pages For a Parent Page in WordPress

Ever wanted to display child pages under their parent page in WordPress? Learn how to add a list of child pages for a parent page in WordPress.

www.wpbeginner.com

♥ 1

いいねをした人:

[Olein_jp]

画像を読み込んでいる部分が問題だとするならば、その画像名（もしくはその一部の名前）でソースコードを検索してみたりすると良いですよ。

外から見える部分だけからのデバッグは結構大変だったりもするので、なかなかアドバイス差し上げにくいところがあります。なんとか頑張ってみてください！

♥ 2

いいねをした人:

[Olein_jp]

実際に作られているサイトを見ているわけではないので確実なことは言えませんが、

＞PCでの表示用のみ書いているので、必要であればメディアクエリなどで分岐してつかってください。

これを怠っているからでしょうか？初心者のため意味がわからず何もしていないのですが。。

Snow Monkey はモバイルファーストな形でCSSを書かれているので、メディアクエリを設定せずに記述すると、スマホ＞タブレット＞PCと全てのデバイスへ適応されます。ですので、スマホ表示だけに適応したい、PC幅表示時だけ適応したい、などという場合には、メディアクエリを記述する必要が出てきます。

その辺りはぜひご自身で調べて試してみてください。

https://developer.mozilla.org/ja/docs/Web/CSS/Media_Queries/Using_media_querie

♥ 1

いいねをした人:

[Olein_jp]

スマートフォンでの表示の際には、ヘッダーを左表示するのではなく、上下ノーマルな形にしたいと考えております。

ヘッダーを「左」にしたとしても、モバイル表示時には左に表示されることなくナビバーなどで表示されると思いますが、いかがでしょうか？

♥ 0

いいねをした人: 居ません

[Olein_jp]

スマホで該当サイトを拝見しましたが、そもそもページの読み込みが完了できていません。ですので、XO Slider や Snow Monkey の問題ではなく、その辺りの調査をまずはされた方が良いかと思います。

こちらで検証ツールにてUAをスマホにした状態でも、コンソールにエラーが表示されています。そういった点をしらみ潰しに調査して、まずはスマホで読み込みが完了するようにしてみると良いかと思います。

♥ 1

いいねをした人:

[Olein_jp]

何をしたら良いのか分からないということですので、まずはWordPressの一般的な問題究明の方法を試してみてはどうでしょうか？

まず、テーマをTwenty〜に変更してみましょう。そして問題が引き続き起きているか確認して下さい。もし起きていればテーマに関する部分ではないといえます。

もしテーマ起因でない場合、次はプラグインを調べます。一度全て無効化をしてスライダーを提供するプラグインだけで有効化をし、表示を確認してください。

このような形で何が原因となり得るかを絞り込んでみて下さい。

♥ 2

いいねをした人:

[Olein_jp]

CSSで対応できると思いますが、すでにお試しでしょうか？以下のようにやればできるかと思います。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;
}

♥ 2

いいねをした人:

[Olein_jp]

ただ、1つ目の方も試したのですが、やり方が間違っているのかできませんでした。

sample-1とsample-2に入れる内容は2つ目と同様ですよね?

同じですね。ちょっと配列等で書き方は変わってきますが。$args 自体を dump してみたいりしてデバッグしてみてください。

こちらでは一応動作しております。

♥ 1

いいねをした人:

[投稿者]

投稿