前略、カシワギさん

プロフィールの設定は、どのようにされていらっしゃいますか？

カシワギさん

あと、以下のトピックは、解決されていらっしゃいますでしょうか？

モバイルページのサイドバーで表示されるウィジェットの色が表示されない

テストテストテスト

@leafytree

プロフィールページはこのようになっております。

@カシワギさん

添付いただいた画像を拝見しますと、特に問題はないように見えます。

言語が「サイトデフォルト」になっているので、「日本語」にしておいた方が良いのかなとは思いますが、それが原因とは考えにくいですし・・

複数の方でサイトを運営されている場合において、他のどなたかが、何らかのカスタマイズをしている、ということは、ないのでしょうか？

インストールされているプラグインを見ても、影響しそうなものも、これと言って思い当たりませんし・・

私は、複数でサイトを運営した経験がないので、authorアーカイブページの表示とユーザーの「権限グループ」に関連性があるのかどうかも、わかりかねます。

詳しい方が、解決方法を書きこんでくださると良いのですが・・

お役にたてず、すみません。

@leafytree

言語が「サイトデフォルト」になっているので、「日本語」にしておいた方が良いのかなとは思いますが、それが原因とは考えにくいですし・・

→こちらが原因かと思い何度かいじってみたものの、特には変わりませんでした・・・

複数の方でサイトを運営されている場合において、他のどなたかが、何らかのカスタマイズをしている、ということは、ないのでしょうか？

→確認しましたが特にカスタマイズは行っていません。サイトレイアウトを整えるためにほんの少しだけcssをいじりましたが、そのへんも関係してるんですかね？

うーむ難しいですね・・・

CSSで非表示になっているとかではなくHTML自体が出力されていないので、カスタマイズが原因だとしたらPHPファイルかなと思います。

投稿者:: @leafytree

私は、複数でサイトを運営した経験がないので、authorアーカイブページの表示とユーザーの「権限グループ」に関連性があるのかどうかも、わかりかねます。

 自サイトで権限を色々変えてみましたけど、ユーザー名が表示されない不具合は再現できませんでした。

謎ですね…。

該当部分はこちらのようです。
fa fa-userのアイコンは表示されているので、esc_html(get_queried_object()->display_name)がなぜか出力されないようですね。
https://github.com/yhira/cocoon/blob/9e8b28248014b087b3881a17fcdec7ac54cbbb2f/functions.php#L135

「display_name 表示されない」で検索してみたら、以下のようなページが出てきたので修正してみました。
https://design-studio-f.com/blog/wordpress-author-php-user-meta-display/
こちらでアップデートして試してみていただけますでしょうか。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

@yhira

お世話になります。

こちらありがとうございます。試してみます。

こちらの問題ですが、わいひら様のアップデートにより解決することができました！

本当にありがとうございました。

ただ、一点だけ気になるところが残ってしまいました…

アップデートをかけたところ、トップメニューの並びがみだれてしまいました（ロゴの横の部分です）

以前はロゴの横あたりにきれいに並んでおりました。少し上の方にいってしまいました。

これはCSSの記述にて解決できるのでしょうか？

【追記】

モバイルの表示にて、画像のように謎の空白ができてしまいました。

こちらもCSSの問題ですかね？

画像

@カシワギさん

投稿者:: @カシワギさん

アップデートをかけたところ、トップメニューの並びがみだれてしまいました（ロゴの横の部分です）

以前はロゴの横あたりにきれいに並んでおりました。少し上の方にいってしまいました。

先ず、Cocoon設定の「ヘッダー」タブの設定で「ヘッダーレイアウト」を「トップメニュー小」から「トップメニュー」に変更して「変更をまとめて保存」のボタンで確定します。

次に、ご自身で追加CSSにお書きになられている以下のCSSのコードをコメントアウトするか、削除してみてください。

.header-container-in.hlt-top-menu .logo-header img {
max-height: 120px;
height: auto;
}

#header-container {
   height: 80px;
}

#header-container-in {
   height: 100%;
}

追加CSSを開くには、ダッシュボードの「外観」→「カスタマイズ」→「追加CSS」とたどります。

一旦スキンを外すと改善されますか？

@leafytree

ご教授ありがとうございます。

お教えいただいた方法にて解決することができました！

@わいひら様

リフィとリー様にご教授いただきました方法を試したところ、トップメニューのズレと謎の空白問題を解決することができました。

@カシワギさん

書きこもうと思ったら、返信があったので、書き直します。

@リフィトリーさん

@わいひらさん

お二人共、いろいろとご丁寧にご教授いただき本当にありがとうございました。

サイトづくりの未熟さ、痛感いたしました。

これを機会にCSSなど勉強してみようと思います。

ひとまず、トラブルの方解決しましたので、このトピックは解決済みとさせていただきたいと思います。

大変お世話になりました。

@カシワギさん

やっぱり、以下のCSSのコードは要らないみたいです。

削除しておいてください。

.header .header-in {
    min-height: auto;
}

あと、CSSのコードをコメントアウトするときは、

/*
.header-container-in.hlt-top-menu .logo-header img {
max-height: 120px;
height: auto;
}
*/

こんな感じで、 /* と */ で挟むようにします。

そうすると、コードを消した場合と同じスタイルになります。

@リフィトリー様

こちら了解いたしました。

いろいろと勉強になります。

@カシワギさん

以下のトピックが参考になると思います。

【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

@kashiwagisan さん

前のトピックで書きこませていただいた子テーマのCSSのコードで修正しておいた方が良い箇所が３箇所ありましたが、２箇所が未修正です。

余分な文字がある、という部分は、BOMかもしれませんので、子テーマのCSSファイルを開いても、見えないかもしれません。

文字コードをUTF-8（BOMなし）で、プレーンテキストを扱うことのできるテキストエディタを、お使いになって、修正しておくことをオススメします。