質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

666閲覧

スマホ版でのログイン状態で掲示板を表示させたい

apex_sns

総合スコア0

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/05/20 08:03

編集2021/05/20 08:08

前提・実現したいこと

WordpressのAFFINGER5のテーマで、Buddypressとbbpressを使って掲示板を作っています。
Web版とスマホ版でスムーズに表示されるようにしたいです。

スマホ版での掲示板を表示させる際に、以下のエラーメッセージが発生しました。

発生している問題

Web版とスマホ版のログインしていない状態では掲示板は表示されるのに、スマホ版でログインをすると掲示板がNotFoundになります。

該当のソースコード

CSS

1@media only screen and (max-width: 480px){ 2 #bbpress-forums .bbp-body div.bbp-reply-author { 3 margin: -15px 10px 10px; /*打ち消したい*/ 4 min-height: 100px; 5 padding-left: 80px; /*打ち消したい*/ 6 position: relative; 7 text-align: center; 8 width: auto; /*追記*/ 9 display: block; /*追記*/ 10 float: left; /*追記*/ 11 margin: 0 20px 8px 5px; /*打ち消しのため追記*/ 12    padding-left: 0; /*打ち消しのため追記*/ 13 } 14 15 #bbpress-forums .bbp-body div.bbp-reply-author a { 16 width: 100%; 17 margin: 0; 18 } 19 20 #bbpress-forums div.bbp-reply-author img.avatar { 21 position: absolute; 22 top: 15px; 23 left: 0; 24 width: 60px; 25 height: auto; 26 display: block; /*追記*/ 27 top: 5px; /*打ち消しのため追記*/ 28 width: 100%; /*打ち消しのため追記*/ 29 margin: 0 0 5px 0 !important; /*打ち消しのため追記*/ 30 padding: 0 !important; /*打ち消しのため追記*/ 31 } 32 33 #bbpress-forums .bbp-body div.bbp-reply-author br { 34 display:none; /*特に要らないので消す!!*/ 35 } 36 37 /* アバターの画像に回りこませるために */ 38 #bbpress-forums .bbp-body div.bbp-reply-content { 39 clear: both; 40 margin: 10px; 41 padding: 0; 42    clear: none; /*追記*/ 43 } 44}

試したこと

上記CSSを追記しましたところ、スマホ版で、「ログインしていない状態では」表示されるようになりました。
しかし、ログインをすると表示されなくなります。

補足情報(FW/ツールのバージョンなど)

実際のサイトが以下のURLになります。

https://www.apexmatching.net

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問