サポート » プラグイン » bbPress トピックのページで、の下記のソースの真上に 文字列を入れたいのです。

  • 解決済 asueto

    (@asueto)


    お世話になっております。
    早速ですが、

    トピックのページの クロームのソース表示
    <div id=”back-top”>

    PAGETOP

    </div>

    そこで
    .bbp-<div id=”back-top”>:before {
    content: “文字列”;
    }
    と、BizVektor子テーマサンプル★: スタイルシート (style.css)に、表記したのですが 間違いですよね。

    正しい答えを、お教えくだされば、幸いです。

    ★BizVektor子テーマサンプル★バージョン: 0.1.0
    が、有効になっている。状態で、実行しました。

    当ページの詳細は、以下の通りです。

    使用しているプラグイン
    Akismet
    Async JS and CSS
    BackWPup
    bbPress
    BizVektor Theme Updater
    Category Order and Taxonomy Terms Order
    Contact Form 7
    EWWW Image Optimizer
    Google XML Sitemaps
    Lazy Load
    My Page Order
    Nested Pages
    Nested Pages
    VK Link Target Controller
    VK Post Author Display
    WordPress インポートツール
    WP Multibyte Patch
    W3 Total Cache
    wp-jquery-lightbox

    PHP、MySQL のバージョン :すみません。よくわかりません。

    サーバー環境(ホスティングサービス名、ロリポップ ライトプラン OS、ウィンドウズ10 ウェブサーバー プララ)

    ブラウザとそのバージョン エッジ 及び クローム 共に最新版

    正しい答えを、お教えくだされば、幸いです。
    どうぞよろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • CG

    (@du-bist-der-lenz)

    「PAGETOP」の要素がid=”back-top”で、この直前に文字列を追加したいのですね。

    #back-top:before {
    content: '文字列';
    }

    これをカスタマイズの「追加CSS」に記述して確認しましょう。

    • この返信は7年、 2ヶ月前にCGが編集しました。
    トピック投稿者 asueto

    (@asueto)

    Du bist der Lenzさん
    早速のご返答 誠に、ありがとうございます。

    ★BizVektor子テーマサンプル★: スタイルシート (style.css)に

    #back-top:before {
    content: ‘文字列’;
    }

    を、貼り付けさせていただき、実行いたしました。

    誠に、申し訳ないのですが
    ワードプレスで作成した、固定ページも含めて、すべてのページに
    文字列
    が、表記いたしました。

    bbPress のトピックの ページ のみに
    文字列
    の、表記を、希望しております。

    ちなみに、
    当 bbPress トピックのページを、クロームで見た <div id=”back-top”>の
    周辺のソースは、下記のとおりです。

    <div id=”sideTower” class=”sideTower”>
    </div>

    </div>

    </div>
    <div id=”back-top”>

    *AGETOP

    </div>

    <div id=”footerSection”>
    <div id=”*agetop”>
    <div id=”pagetopInner” class=”innerBox”>
    *AGETOP
    </div>
    </div>
    <div id=”footMenu”>
    <div id=”footMenuInner” class=”innerBox”>
    </div>
    </div>

    <div id=”footer”>

    <div id=”footerInner” class=”innerBox”>
    <dl id=”footerOutline”>

    もしよろしければ、答えを、お教えくだされば、幸いです。
    どうぞよろしくお願いいたします。

    CG

    (@du-bist-der-lenz)

    正しい書き方を示したまでです。
    必要な(表示させたい)ページの親要素やページIDを前につけましょう。

    こんにちは

    CSSを以下のようにすれば可能です。
    IDを追加する必要はありません。

    .bbpress.single-topic #back-top:before {
    content: '文字列';
    }

    しかし、トップページへのリンクアイコンの直線に文字列を挿入するCSSですが、実際の表示はフッタの上というかメインコンテンツの下に文字列が表示されます。
    その位置に文字列を表示するには、以下のようにするのが後のカスタマイズで混乱が生じなくていいと思います。

    .bbpress.single-topic #main:after {
    content: '文字列';
    display: block;
    }

    ※センタリングするためにdisplay: block;を追加しています。

    トピック投稿者 asueto

    (@asueto)

    Du bist der Lenzさん
    早速のご返答 誠に、ありがとうございます。

    ページID を
    お教えいただき、誠にありがとうございました。

    トピック投稿者 asueto

    (@asueto)

    munyagu さん
    早速のご返答 誠に、ありがとうございます。

    お教えいただいたとおりに、実行できました。
    誠にありがとうございました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「bbPress トピックのページで、の下記のソースの真上に 文字列を入れたいのです。」には新たに返信することはできません。