1ページで完結できるページを作りたいです。[WordPress]

Question

WordPressについて質問です。
フロントの固定ページのメニューにbbpressのフォーラムを追加しています。
ページを移動せずにメニューのbbpressのフォーラムを押してトピック一覧が表示され、そこのトピックを押すとトピック内容を表示し、そのトピック内容に詳細として、別でチェックボックスなどを付けたいです。
基本的にbbpressのフォーラムへ飛べるメニューを押して飛ぶくらいなら大丈夫です。
ですが、願わくば1ページで完結させたいです。
ですが、Googleで幾ら調べても出て来なかったので、質問させて頂きました。
皆様のお知恵お貸し頂ければ幸いです。
宜しくお願いします.

追記:1ページで完結させられる関連で調べましたが、アコーディオンやタブだと私が考えているものとは別のものになってしまう為、使えませんでした。他にもShortcodes Ultimateというプラグインなども利用しましたが、アコーディオンやタブはあくまでテキストを表示されられるだけな為、少しイメージと外れてしまうため使えませんでした。他にもトピック内容を固定ページなどに表示させられるようにfunction.phpにコードを書けば大丈夫な物も、あくまでトピックを指定したら表示させられるだけですので、サイトの構造そのものを上記の形にしたいので不向きと判断しました。
この画像のように左側のWORKSを押したらその下にトピックタイトルが表示されるようになり、更にそのトピックタイトルを押すと真ん中に本文が出るようにして、その右側にさらに詳細が出てくるようなイメージです。

Comments

[m.ts10806]

どのように調べて何を見て「出てこない」と判断されてないのでしょうか。何か試された上でなのでしょうか。
「調べた」と書くだけでは他者には調べてないのと同じです。具体的に記載してください。
既に見た記事が提示される可能性もあります。質問者さんが読み解けてない、落とし込めていない可能性もあります。
現状ではそれらの判断材料が無いのです。

[to1606034]

ご返信ありがとうございます。
大変申し訳ないです。
1ページで完結させられる関連で調べましたが、アコーディオンやタブだと私が考えているものとは別のものになってしまう為、使えませんでした。他にもShortcodes Ultimateというプラグインなども利用しましたが、アコーディオンやタブはあくまでテキストを表示されられるだけな為、少しイメージと外れてしまうため使えませんでした。他にもトピック内容を固定ページなどに表示させられるようにfunction.phpにコードを書けば大丈夫な物も、あくまでトピックを指定したら表示させられるだけですので、不向きと判断しました。
サイトの構造そのものを上記の形にしたいので。

[m.ts10806]

質問は編集できます。タイトルも要件を記載していただきたく。
またヘルプページ確認されたら分かりますが、マルチポストは非推奨です。やむを得ずしてしまった場合、ヘルプページ参考にご対応ください。

Answer 1

初期表示したくない箇所をCSSで非表示(display:none)にし、Javascriptのクリックイベントで非表示設定したclassを付け外しする様にしたらなるのではないでしょうか。
https://techmemo.biz/javascript/click-toggle-class/

Comments

[to1606034]

もし、リンク飛ばずにできる方法であれば実践したいのですが、sshソフトのteratermなどで出来ますか？

[退会済みユーザー]

リンクでは飛びません。
一つの画面で表示非表示させるだけです。
コマンドではなくCSS、Javascriptを書きます。

[to1606034]

申し訳ありません。コードが素人な為、理解が追い付いておりません。
WordPressにてプラグインのSimple Custom CSS and JS PROというプラグインを導入しました。
これにてjavascript,jQueryが読み込みができます。
表示,非表示したいところにcssクラスを付与しましたが、付け外しを行う肝心のコードがわかりません。
一応クリックイベントで調べましたが、Googleトラッキング？などがでてきてしまい、よくわかりませんでした。

[退会済みユーザー]

添付したURL先はご覧頂けましたでしょうか？
Javascriptだとそちらに記載があります。
JQueryだとこちらなどわかりやすいかと思います。
https://uxmilk.jp/9231
https://www.sejuku.net/blog/41978

[to1606034]

度々申し訳ございません。閲覧しましたが私が無知なため、理解できませんでした。
例えば、メニューの中にある、WORKSという固定ページをリンクを移動せず、開きたい場合は下記にWORKSと打つとボタンとして表示はされますが、どのようなコードを打てば表示されますでしょうか。
一応wordpressのメニューという項目のWORKSのCSS class (オプション)をWOにしています。
<button id="btn">WORKS</button>
<div id="box">.menu li.WO {</div>

[to1606034]

それとなのですが、、
bbpressにタイトル、本文以外にチェックボックスやテキストボックスを追加し、タイトル本文は真ん中に表示、チェックボックスやテキストボックスをその右側に表示させることは可能でしょうか？
すみません。