タグ区切りのカンマ変更について

Simplicityの特徴 フォーラム Simplicityについての質問 タグ区切りのカンマ変更について

7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #59342 返信
      sai
      ゲスト

      はじめまして、お世話になります。
      simplicty2の最新バージョンを使わせていただいております。

      simplicty2はデフォルトでタグの区切りが,になっていますが、
      これを空白スペースや/に変更する方法はありますか?
      もしわかればご教授ください、よろしくお願いします。

    • #59345 返信
      わいひらわいひら
      キーマスター

      simplicty2はデフォルトでタグの区切りが,になっていますが、

      SimplicityというかWordpressデフォルトがそういった仕様です。

      方法があるかないかで言えば、Wordpressのフックを利用して、カスタマイズすれば方法はあると思います。
      ただ、Wordpressのコアファイルを調べる必要があり、サポート対象外のものにもあるように、どのくらい時間のかかるカスタマイズかわからないためクラウドソーシング等にご依頼いただければと思います。
      https://wp-simplicity.com/reference/crowdsourcing-service/

    • #59347 返信
      Akira
      ゲスト

      試してみたらスムーズにできたので、方法をご説明します。

      まず親テーマの entry-body.php を、 FTP ソフトなどを使い子テーマにコピペをします。

      子テーマに設置した entry-body.php の 104 行目を以下のように変えます。

      <span class=&quot;post-tag&quot;><?php the_tags( '<span class=&quot;fa fa-tags fa-fw&quot;></span>', ' / ' ); ?></span>

      最後あたりにある ' / ' が、区切りに表示されます。

    • #59348 返信
      Akira
      ゲスト

      ありゃ…。 HTML エンティティが変換されていない…。

      <span class="post-tag"><?php the_tags( '<span class="fa fa-tags fa-fw"></span>', ' / ' ); ?></span>

    • #59349 返信
      わいひらわいひら
      キーマスター

      あ、そっちの方か^^;
      タグ入力時のことかと勘違いしていました。

      Simplicityのカテゴリ表示では、以下のようなHTMLタグが割り振ってあります。

      <span class="category">
      <span class="fa fa-folder fa-fw"></span>
      <a href="https://wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a>
      <span class="category-separator">, </span>
      <a href="https://wp-simplicity.com/category/settings/customizer/" rel="category tag">カスタマイザー設定</a>
      </span>

      なので、.category-separatorを非表示にして、.category aの右か左にマージンを入れれば、CSSだけで余白表示させることが出来るようにもなっています。

    • #59351 返信
      わいひらわいひら
      キーマスター

      投稿ページのカテゴリのコード例を書くとこんな感じです。

      .post-meta .category a {
          margin-right: 10px;
      }
      
      .post-meta .category a:last-child {
          margin-right: 0;
      }
      
      .post-meta .category-separator {
          display: none;
      }
    • #59352 返信
      かうたっく
      ゲスト

      記事下のタグの,をなくして、以下画像のようにする場合

      https://gyazo.com/56546caf336d0de0a3f08d36b8819eb5

      CSSは以下の通りです。

      .post-tag a {
          margin-right: 10px;
      }
      
      .post-tag a:last-child {
          margin-right: 0;
      }
      
      .tag-separator {
          display: none;
      }

      CSSで.tag-separatorが指定できる所は嬉しい心遣いですね^^

    • #59358 返信
      わいひらわいひら
      キーマスター

      そうだった。タグでした^^;

7件の返信スレッドを表示中
返信先: タグ区切りのカンマ変更について
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)