[HiROE]

もし検討違いでしたら、申し訳ありません。不具合のような気がしたので、記載させていただきます。

私も下記の２点で余白が突然生じてしまったのですが、v13.0.0での上下余白部分の変更によるものではないかなと思いまして・・・。

（１）トップページについて
トップページに固定ページ（テンプレートは１カラムを選択）を割り当てて、一番上に「セクション（背景画像）」を配置。下記のキャプチャのように、ホームページ設定にて「ホームページのコンテンツエリアに上下余白を追加する」のチェックをはずした状態。

この状態で「お知らせバー」にぴったりくっついた形で「セクション（背景画像）」が表示される状態にしていました。しかし、アプデート後には、ここに余白ができる状態になっています。

なお、「ホームページのコンテンツエリアに上下余白を追加する」のチェックをつけると、さらに余白が広がります。

（２）Snow Monkey Archive Content を利用したアーカイブページについて
こちらの場合は、差し込む下書き固定ページ（テンプレートは１カラムを選択）を割り当てて、一番上に「セクション」を配置。（アーカイブページのレイアウトは１カラム）

下記のキャプチャのように、「[カテゴリー名]カテゴリーページ設定」にて、「コンテンツ上部の余白を削除」にチェックを入れる・「ページタイトルを表示」のチェックを外す、に設定。

この状態で、これまでは「お知らせバー」にぴったりくっついた形で「セクション」が表示される状態になっていました。

しかし現状では、チェックをつけても、外しても変化はなく、余白が常にある状態になっています。

上部の余白関係の設定がうまく機能していないのではないでしょうか？

♥ 0

Who liked: No user

[みしま]

こんばんわ！
参考記事のときとは、アップデートにより構造が少し変わっていて、文字色の変更が効いていないみたいですね。

デベロッパーツールで該当部分をみると

.p-footer-sticky-nav .c-navbar__item>a {
    color: inherit;
}

があたっていますので

.p-footer-sticky-nav .c-navbar__item>a {
	color:#fff;
}

を追加されるか、

.p-footer-sticky-nav a {
	color:#fff !important;
}

を追加されると文字色が反映するかと思います。

♥ 0

Who liked: No user

[みしま]

こんにちわ！
中央よせについては、指定されたcssの親要素に、flexboxの指定がいくつかありますので、そこに水平方向の中央揃えである下記を追加してみてはと思います。
.p-global-nav .c-navbar {
justify-content: center;
}

参考サイト拝見したところ、一時的にかもしれませんが
.p-global-nav .c-navbar__item {
flex: 0 1 auto;
}
のautoが誤字になられているのでご注意ください。

♥ 1

Who liked: No user

[みしま]

すぐに解決しない場合は、原因の切り分けでしぼっていかないと中々解決しないかと思いますので
①子テーマをいったん外して、どうなるか確認　子テーマを外してうまく言った場合は、子テーマをつかわずに対応できないか検討（子テーマは非推奨なので今後も何か発生する可能性があります）
②それでもダメなら、新たな環境でCPT-UIでカスタム投稿を作成して、変更ができるか確認して、変更ができた場合には、今の状態と新たに作成した状態との差を確認していくのが近道かと思います。

♥ 1

Who liked: No user

[みしま]

こんにちわ。
投稿ページを開いている時に、カスタマイザで、デザイン→投稿ページ設定→投稿ページのレイアウトで、右サイドバーや左サイドバーを選んだ時、1300px台のパソコン画面サイズだと、フルっぽくみえるのですが、実際はmax-widthが1280pxに設定されているので、1920pxなどのディスプレイでみると、スリムっぽく見えるなぁとは思っています。

デベロッパーツールを開いて、c-conteinerあたりを見られると上書きの対象はすでにご覧になられているかと思います。
bodyの部分を見ると、single-postなどのクラスが振られているのが見えると思いますので、
自分でしたら、投稿ページの幅を狭めたい時に、bodyに振られているクラスを利用して

.single-post .l-contents .c-container {
	max-width: 900px;
}

のようなcssのカスタマイズをするかと思います。single-postのクラスがふられている配下（子孫要素）のc-containerだけcssを設定するイメージです。間にl-contentsが入っているのは、l-contentsの子孫要素としないと、ヘッダー部分も縮まってしまった為です。

クラスの振られ方はテンプレートなどで多少違うかもしれません。bodyに振られたsingle-postなどを利用して他のページも変わってしまったなどの場合などは、また別の要素を利用したりになるかと思います。

♥ 6

Who liked:

[Spidea]

キタジマ様

ご返信ありがとうございます。

子テーマはオレインデザイン様で配布しているものを導入しました。
試用で数日試させて頂いてたので、子テーマを導入をしています。
ですが、現状何も触ってない状態です。
少し前に以下トピックを参考に同カテゴリーでの記事遷移を入れてみましたが本日時点では基に戻していますので、全くカスタマイズしていません。

前後の投稿へのリンク「古い投稿」「新しい投稿」を非表示にしたい

タグ: 前後の投稿へのリンク このトピックには2件の返信、2人の参加者があり、最後に菊地 博之により…

snow-monkey.2inc.org

※戻したいのですが、カスタマイザーでいろいろ触ってしまってますので…(^_^;)

また、購入をさせていただいてからはお試しで触ってみたくて、そのときだけテーマを戻して、MySnowMonkeyを少しさわりました。
以下のサイトを参考にstyle.cssの読み込みだけできるように記載をしています。

【Snow Monkey】My Snow Monkeyの設定方法を初心者向けに解説【画像付】

Snow Monkeyのカスタマイズは子テーマより『My Snow Monkey』がオススメです。この記事ではMy Snow Monkeyの設定方法を初心者向けに解説しています。画像付きでステップ毎…

flex-box.net

現在は子テーマを適用しておりますので、MySnowMonkeyでのカスタマイズも行っていないです。
お忙しい中、対応ありがとうございます。

♥ 0

Who liked: No user

[キタジマ タカシ]

アクツさんが書かれているように、v13 での変更による影響です。

Snow Monkey v13.0.0 をリリースしました

メジャーアップデートとなる v13.0.0 をリリースしました。後方互換性に大きな影響がでる可能性があるアップ…

snow-monkey.2inc.org

アップデートで後方互換性が維持できなくなるのは極力避けたいとは思っているのですが、「そもそもがおかしいのでアップデートで修正する」「今後のメンテナンス性・カスタマイズ性のことを考えると後方互換性を切ってでも変更を入れたほうが良い」というようなときは後方互換性を切る選択をすることがあります。

Snow Monkey は全てのアップデート情報をブログとオンラインコミュニティで公開しています（たまに忘れるけど…）し、後方互換性に大きな影響がでそうなときはその旨も記載しているので、アップデート（特にメジャーアップデート）をするときはアップデート作業前にアップデート情報を確認することをおすすめします。

※また、WordPress 自体や他のプラグインでもアップデートで後方互換性が切られることはあるので、Snow Monkey に限らずアップデート時は確認するようにしたほうが良いと思いますし、アップデート時の影響を抑えたいのであれば、アップデートしないという選択ではなくアップデートしてもあまり影響がでないような作り方をする（コードによるカスタマイズを最小限にする等）のも手かなと思います。

♥ 1

Who liked: No user

[Spidea]

みしま様

返信ありがとうございます
お手数おかけして申し訳ありません。

ご提示された内容を再度確認致しました。

■最終的にデフォルトになっていないでしょうか？
→記事表示＞カスタマイズ＞デザイン＞Newsページ設定＞ビューテンプレートから確認したところ問題なく「投稿のビューテンプレート」になっておりました。

■CPT UIの紐付け
こちらも設定は問題なさそうに見えます。
カスタム投稿タイプの最下部タクソノミーのところにチェックは入っています。
タクソノミー編集画面での階層は真になっていました。

■上記、③④については、infoというカスタム投稿タイプに記事が１つしか無いためではないかと思います。
記事を合計4記事にしてみましたが表示されません…

 

色々と試していただきありがとうございます。
なにか、通常と違う挙動をしているみたいですね…
私が間違った設定をしている可能性がありますね、もう一度いろいろ確認してみます。

♥ 2

Who liked: No user

[アクツ]

kodawari555さん こんにちは。

お察しの通りこちらはSnow Monkey v13から設定されたCSSになります。
以前はコンテンツ上部の余白は別の箇所で指定されてたのですが、そちらが変わりました。

//最新のSnow Monkeyの場合
.l-contents__inner:first-child {
padding-top: 2.65385rem;
padding-top: calc(var(--_space, 1.76923rem)*1.5);
}

//これまでのSnow Monkeyの場合
[data-is-full-template=false] .l-contents__main>.c-entry {
margin-top: 2.65385rem;
margin-top: calc(var(--_space, 1.76923rem)*1.5*var(--_margin-scale, 1));
}

アップデートで上にできてしまった隙間はそもそも適切なのか、想定外なのか（所謂バグ）については、現物をみていないのでなんとも言えないのですが、アップデートで変わったことは確かです。

そして質問の納品したサイトを自動アップデート「なし」か「あり」は、各々の判断につきると思います。（必ずこうすべきだ！みたいなのがないと思います）

私の場合だと、既知のバグが放置されているほうがだめだろうと思っているので、基本自動アップデートはありにしています。

## 自動アップデートを有効にしててる場合
– 保守サポートなどで継続的なメンテナンスができる場合（そうでなくても継続的にお付き合いしてるクライアント様など）
– Snow Monkeyのアップデート情報をだいたいチェックしている
– なにかあってもバックアップとってて復旧ができる（これは必須）

 

##自動アップデートしていない場合
– ごりっごりのカスタマイズしてて、アップデートすると悪影響あるかも知れないと予想が付く場合
– 自分の見守れる範囲から外れてしまう場合（これはケースバイケース）
– クライアントさん自身で、更新内容などは把握や理解が必要な場合

♥ 0

Who liked: No user

[キタジマ タカシ]

グローバルナビゲーションは display: flex になっていて、各項目は幅いっぱいに広がるようになっているので、下記の CSS を追加することで幅いっぱいに広がる挙動を無効化できます。

.p-global-nav .c-navbar__item {
  flex: 0 1 auto;
}

♥ 3

Who liked: No user

[みしま]

ご提示された

てすと

カスタム投稿てすと

sample.spidea-labo.com

のような状況を作れないかこちらの環境で試してみました。

①タイトルの下のメタ情報や、カテゴリの表示

・タイトルの下に日付も出ていませんので、現在testtestのページのカスタマイザのビューテンプレートの選択が最終的にデフォルトになっていないでしょうか？投稿のビューのテンプレートが現在選択できているかご確認お願いします。

・カテゴリが表示されない点は、CPT-UIの投稿タイプを編集画面の最下部のあたりのタクソノミーの紐付けをする欄で、作成されたタクソノミー（カテゴリとして扱うならタクソノミーの編集画面で、親子関係が真trueであること）にチェックが入っていますか？

③本文下に「古い投稿」「新しい投稿」の表示
④本文下に関連記事の表示

上記、③④については、infoというカスタム投稿タイプに記事が１つしか無いためではないかと思います。

状況違うかもしれませんが、外から推察できたのは以上のような状態ではないかと思いましたので１つ１つチェックしていただければと思います。

♥ 3

Who liked: No user

[Spidea]

ミシマ様
キタジマ様

ご返信ありがとうございます。
ビューの変更ですが、既にためしておりますが表示がされない状態です。
※書いておくべきでした、申し訳ありません。

ビューテンプレートを変更しても、①③④は表示がされません。

もしかすると、カスタム投稿タイプとカスタムタクソノミーの作り方がおかしいのでしょうか…
これらはCPT UIで作成をしています。

お手数おかけして申し訳ありませんが、他になにか原因があれば教えていただきたいです。

よろしくお願いします。

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey はページの構成が「レイアウト」と「ビュー」に分かれています。

右サイドバー、左サイドバー、1カラム、などが「レイアウト」で、その中のコンテンツの部分（ページごとに変わる部分）が「ビュー」と呼ばれています。「ビュー」は snow-monkey/templates/view の中にテンプレートが入っていて、アーカイブページ用、投稿用、固定ページ用などのテンプレートがあります。

という前提で、カスタム投稿の詳細ページ＆アーカイブページは、デフォルトではタイトルとコンテンツだけが表示されるシンプルなビューテンプレートが使用されるのですが、カスタマイザーから「投稿」用のビューテンプレート（関連記事やメタ情報が表示されるテンプレート）を使うように切り替えることができます。

カスタム投稿ページ設定

特定のカスタム投稿全般の設定を行うことができます。 カスタマイザーでデザイン > [カスタム投…

snow-monkey.2inc.org

カスタム投稿アーカイブページ設定

特定のカスタム投稿アーカイブページの設定を行うことができます。 適当なカスタム投稿アーカイブページを表示した状…

snow-monkey.2inc.org

(1)(3)(4)は恐らくビューテンプレートの切り替えだけで実現できると思うので、上記のマニュアルを参照してビューテンプレートを切り替えてみてください。

♥ 3

Who liked: No user

[キタジマ タカシ]

本来フッターウィジェットエリア（.l-footer-widget-area）の下にあるべきコピーライト（.c-copyright）がなぜかフッターウィジェットエリアの中にあるようです。PHP でフッターウィジェットエリアやコピーライトに対するカスタマイズをされている場合はそれを外してみてください。「フッターエリアのカラムが縦に表示される。」についても同じくなぜか正しい入れ子になっていないようでした。

♥ 0

Who liked: No user

[ryoma_aki]

Olein_jpさん

様々ご回答いただき、ありがとうございます😊

キタジマさん、ありがとうございます😊

無事に入りました✨

♥ 1

Who liked: No user