プロフィールウィジェットの崩れについて | 不具合報告 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
プロフィールウィジェットの崩れについて
 
Share:
Notifications

[解決済] プロフィールウィジェットの崩れについて  


sara_pooh
 sara_pooh
(@sara_pooh)
ゲスト
参加: 7か月 前
投稿: 7
2020年2月25日 23:21  

右(左)ナビゲーションにプロフィールウィジェットを入れ、横幅が336px以上のタブレットなどで表示させると、左寄せになって崩れているように表示されます。

.nwa .author-box{
max-width:336px;
}

これは不要ではないでしょうか?


未解決
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4535
かうたっく - Facebook
2020年2月26日 12:30  
投稿者:: @sara_pooh

右(左)ナビゲーションにプロフィールウィジェットを入れ、横幅が336px以上のタブレットなどで表示させると、左寄せになって崩れているように表示されます。

どのように崩れているのか、画像でおしえていただけますか。

ファイルを選択 から画像がアップできます。

 

たぶんモバイルでもサイドバーを表示する設定になっていると思われますが…?

そういった情報がないので、ただの憶測にすぎないけど


わいひら 件のいいね!
sara_pooh
 sara_pooh
(@sara_pooh)
ゲスト
参加: 7か月 前
投稿: 7
2020年2月26日 12:50  

画像を添付させていただきました。

>たぶんモバイルでもサイドバーを表示する設定になっていると思われますが…?
>そういった情報がないので、ただの憶測にすぎないけど

はい、その通りです。

上記で記載した通り、右(左)ナビゲーションにプロフィールウィジェットを入れ、横幅が336px以上のタブレットなどで表示させた場合の挙動です。

現状は、max-widthをオーバーライドしていますが、他の方で同じことをしたい方にも同じ状況が発生すると思い、一応報告させていただいております。


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4535
かうたっく - Facebook
2020年2月26日 13:57  

表示の崩れはないですよ。

もしかしたら、プロフィール画像領域全体をセンタリングしたい。とかでしょうか?

何をしたい。って事を画像を使っても大丈夫ですので

 

この部分のコレ○○を、××したい。

 

など具体的に書いて

  • スマホビューのサイドバー(コンテンツ下)に該当箇所があります。

など書いて

  • そのプロフィールを置いているページのurlをご提示ください。

 

誰か気づいたら、返信されるかと思います。※何をどうしたいのか伝われば。


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8715
わいひら - Facebookわいひら - Twitter
2020年2月26日 19:33  

サイドバーの幅が変更できるのに、サイドバー用のプロフィールの幅が限定されているのは確かにおかしいですね。
実際不要だと思うので、削除しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
おそらくそのスタイルは元々、「狭い端末でサイドバーをカラム下に表示する設定」にしていた場合、プロフィール欄が間延びするのを防ぐために入れたんだと思います。
ただ、狭い端末で表示するなら、プロフィールも狭い端末幅で表示されるので、問題ないと思いスタイルを削除しておきました。


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8715
わいひら - Facebookわいひら - Twitter
2020年2月26日 19:37  

でもこの端末幅だったら、センタリングした方がいいのかな。
max-widthを削除するのと、センタリングするのだったらどっちが良いでしょう?


sara_pooh
 sara_pooh
(@sara_pooh)
ゲスト
参加: 7か月 前
投稿: 7
2020年3月4日 16:53  

>サイドバーの幅が変更できるのに、サイドバー用のプロフィールの幅が限定されているのは確かにおかしいですね。
実際不要だと思うので、削除しておきました。

わいひらさん、お忙しいところ、ご対応ありがとうございます。

おそらくそのスタイルは元々、「狭い端末でサイドバーをカラム下に表示する設定」にしていた場合、プロフィール欄が間延びするのを防ぐために入れたんだと思います。

なるほど、この設定が入っていたのはそういう意図だったのですね、理解しました。

>でもこの端末幅だったら、センタリングした方がいいのかな。
>max-widthを削除するのと、センタリングするのだったらどっちが良いでしょう?

個人的な意見ですが、その他のコンテンツのほぼ全てが最大幅を基準として幅が拡大されておりますので、それらの仕様と整合性を取るためにも、ここだけに指定されているmax-widthを削除する方が望ましいのではないかと思っております。

ですので、今回ご修正された方法が良いかと思います。

取り急ぎ、ご対応への御礼まで。


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8715
わいひら - Facebookわいひら - Twitter
2020年3月4日 20:00  

だとしたらそのままにしておこうと思います。
初めからその仕様であれば、違和感はないですよね。
ありがとうございます。


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:1年8ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:1年6ヶ月

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon
タイトルとURLをコピーしました