フィードページのみに変更を加えたいです。デフォルトテーマのみを使用しています。
ユーザーのコメントが展開されていて画像がある場合、その画像はレスポンシブではなく、Safariモバイルブラウザでページからはみ出してしまいます。
これで修正されたようですが、他のページで問題が発生する可能性については不明です。
.lightbox-wrapper img {
object-fit: cover;
object-position: top;
width: 100%;
height: auto;
}
次に、アバウトセクションを削除したいです。これはユーザー自身の情報であり、ユーザーが自身の情報をページ上部で確認する意味がないと考えています。
このセクションを非表示にします。
.user-main .about
3つ目に、可能であればデフォルトで展開されるようにしたいです。これにより、フィードは通常のフィードのように、フォローしているユーザーのコメントを見ることができるようになります。
モバイルでこのセクションを削除することは可能ですか？
モバイルセクションにCSSを追加して非表示にすることができます。
はい、しかしそれは他のページでも .user-main .about を使用しているセクションを非表示にしてしまいます。
モバイルデバイスで使用する場合、ユーザーが自分の「アバウト」セクションを一番上に表示する必要がないように、フィードページを合理化しようとしています。
それに、フィード内のトピックを自動展開して、トピックを読むために一つずつ開かなくても済むようにすることも検討しています。
達成したいことをスクリーンショットで投稿していただけませんか？少なくとも私は、どのビューをどのように変更したいのか正確には理解できません。
ありがとうございます。モバイルのフィードページで、ユーザー自身の情報である上部のセクションを削除したいと考えています。展開機能があることは承知していますが、ユーザーがフォローしている人の投稿を表示するページでは本当に必要ありません。
また、デフォルトでは折りたたまれた状態になっており、一つずつ展開する必要があります。投稿に画像が含まれている場合、開くまでURLが表示されます。フィードを折りたたまれた状態ではなく、表示された状態にしたいです。
Follow-プラグインを使用しているようですね。私はそれをインストールしていないので、一般的なコメントしかできません。
すべてのユーザーページは、body 要素に独自のクラスを追加します。
たとえば、アクティビティページでは .user-activity-page です。メッセージでは .user-messages-page です。したがって、フォローページではおそらく .user-follows-page でしょうか？そのクラスを使用して、そのページの上部セクションのみを非表示にすることができます。ただし、1つのビューでのみ非表示にすると、インターフェイスがジャンプする可能性があることを考慮する必要があります。
投稿の展開または折りたたみの状態については、CSSでターゲットにできるとは思えません。そのビューのプラグインのテンプレートは、おそらくデフォルトで折りたたまれた投稿の抜粋になります。したがって、テンプレートで直接デフォルトを変更する必要があります。
これは、ユーザー自身のフォローページの上部にある「概要」セクションを削除します。あなたの意図を正しく理解していれば、ですが。
これをモバイルCSSセクションに貼り付けてください。
body.user-follow-page {
.viewing-self {
.user-main .about {
display: none;
}
}
}
これで取得できました。
.user-follow-page .user-main .about{
display: none;
}
しかし、
の方が、他の人のページも見ることができるので、より良いと思います。笑。そこまで考えていませんでした。笑
プラグインをクローンして、デフォルトですべてを拡張できるように、いじってみます。
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.