フォーラムへの返信
-
投稿者投稿
-
この掲示板システムは開発者ツールで見ていただくと分かるかと思いますが、 bbpress で作られています。
しかし、オリジナルのカスタマイズは独自プラグインという形で改良されているので、仮にここと全く同じものを作ろうとされるならば、同等のカスタマイズを独自でされる必要があるかと思われます。
会員サイトといっても仕様は様々ですのでプラグインを入れて解決!となるかどうかはわかりません。また、会員サイトを構築することができるプラグインは多くありますので、どれか目星を決めて即採用されるのではなく、全てをテストされてからの方が後戻りが少なくなるかと思います。よろしければ参考になさってください。
♥ 0いいねをした人: 居ませんあ、これもしかしたら僕の過失の可能性あるかも…
♥ 0いいねをした人: 居ません実際の環境で確認してみました。
.p-footer-sub-nav .c-navbar { overflow: scroll; }
この辺が悪さしてそうですね。本体からの修正が必要かもしれません。
@キタジマさん
♥ 1いいねをした人: 居ませんこちらの環境で掲載いただいているソースコード
.smb-accordion__item__title { background: beige; }
を、開発者ツール・実際の環境に、そのままコピペしてみましたが、問題なく反映されました。
拝見するとバージョンが最新ではないので、その点が影響しているかどうかは僕の方では判断できないのですが、反映されない場合にどんなCSSが優先的に効いているかを開発者ツールで確認することができるかと思いますが、確認いただけそうでしょうか?(添付画像のような感じで)
♥ 1いいねをした人: 居ません(今パソコンに向かえないので僕は検証できていませんが)ブラウザの開発者ツールで該当箇所を検証してみて下さい。
そこに罫線に関するプロパティがテーマ側から提供されるものであれば、それは仕様かと思われます。
あと本件質問内容とは直接関係ありませんが、テーマやプラグインのバージョンは「最新」ではなく「数字」を書いて頂けると良いかと思います。
このトピックを一年後に見た方の最新ではないので…。
♥ 0いいねをした人: 居ませんできないと思います。local内ではmailhogがあると思いますので、そちらを使いましょう。
♥ 3いいねをした人: 居ませんテンプレの上書き以外に難しいような気がしますが、投稿一覧の各々からリンクを無くすというとはCSS的にも想定していないので、表示が崩れる可能性もありますのでよしなに調整が必要かと思います。
本題とは逸れますが、個別投稿を作るほどの内容はないけど、投稿は作成されていて、けど一覧からはリンクを張りたくない、と言うことですかね?
WordPress使う理由はどこかにあるのかな?と思ったりもしました。
♥ 1いいねをした人: 居ませんなるほど。
タームを foreach して、その中で ancestor をリバースして 新しいタームに入れる…。この発想までいけてませんでしたー!ありがとうございます!
走らせて検証してみます!一旦閉じます!
♥ 0いいねをした人: 居ませんスクショからお察しすると、テンプレートを右サイドバーにされているような気がするので、1カラムとかに切り替えてみてはどうでしょうか?
♥ 1いいねをした人: 居ませんインラインでCSSを書かれている場合には、そちらが最優先されますので、
span
要素で指定しているcolor
プロパティは削除してください。投稿や固定ページのタイトル内に
<br>
を利用することが運用上の妨げにならないかが心配でありますが、本件とは別ですので言及は控えておきますね。こちらで確認したところ、前述いただきましたように、投稿タイトルに
span
にてスタイルを指定してもCSSは効いていますし、上述したソースコードも有効であることは確認しました。スクリーンショットで書かれたコードを共有いただきましたが、
:first-line
の前のスペースは必要ありません。このようになります。.c-entries--panel .c-entry-summary__title:first-line { font-weight: bold; color: #cccccc; }
基本的なCSSのご理解がない場合、カスタマイズを無理やり行っても運用上のトラブルの原因になることもありますのでご注意ください。
一点、懸念点としては、本トピックタイトルに
『「最近の投稿」の「パネル」で表示した見出しの文字を一部太字、または色をつけたい』
見出し、とあるところが、こちらが指している部分なのかが明確に断定できていないため、CSSが効かないとなってしまう可能性があります。ですので、この言われている「見出し」が「投稿タイトル」であるかどうかの確認がまず必要です。
該当箇所を開発者ツールで表示し、DOM構造まで確認できるスクリーンショットを共有いただくとスムーズかと思います。
:first-line
を追記してみてください。どのようにつけて良いかわからない場合には、「CSS 最初の行だけ」とかで検索してみるとすぐにわかるかと思います。
♥ 1いいねをした人: 居ませんはじめまして!
管理画面→外観→カスタマイズ→追加CSSを開いて、以下のCSSコードを入力してみてください。
.c-entry-summary__title { font-weight: bold; //太文字にする color: #cccccc; //文字色を灰色に }
これで灰色の太文字になるかと思います。
レイアウトがパネルの時だけそうしたい、という場合には、
.c-entry-summary__title
の前に.c-entries--panel
を併記します。.c-entries--panel .c-entry-summary__title { font-weight: bold; color: #cccccc; }
また、トップページだけや投稿詳細ページだけというように限定していきたい場合には、
<body>
タグに表示されているページの属性に応じたCSSクラスが出力されるので、以下の資料を参考に追記してみてください。例)トップページのみの場合
.home .c-entries--panel .c-entry-summary__title {...
♥ 2いいねをした人: 居ません -
投稿者投稿