サイトのキャッチフレーズを改行できますか?

Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › サイトのキャッチフレーズを改行できますか?

  • このトピックには3件の返信、1人の参加者があり、最後にHidekichiにより9年、 7ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #50298
      初芝
      ゲスト

      WPカスタマイザーでキャッチフレーズに「br」を入れると
      表示画面では改行できるのですが
      保存してブラウザーで見ると改行されてません。

      例えば
      内部SEO施策済みのシンプルな無料Wordpressテーマ
      を
      内部SEO施策済みの
      シンプルな無料Wordpressテーマ

      のように
      任意の位置で改行することは無理でしょうか?

      よろしくお願いします

    • #50301
      Hidekichi
      ゲスト

      サンプル: ディスクリプションの任意の位置で改行させる | jsFiddle

      3つのパターンを書きました。
      どのパターンも改行できます。

      カスタマイザーでbrを入れると、タグのカッコが文字コード化(<br> &は半角)される事がタグが効かない原因です。なのでjQueryで書き換えればよいのではなかろうかと。

      他にも試してないのでわかりませんが、ディスクリプションを空白にしてcssでも可能です(空白にした場合に#site-descriptionが挿入されない場合は使えません)。ただしこの場合はディスクリプションが入っているわけではないのでseoのプラグイン等で入れておく必要があるかと思います。

      #site-description::before,
      #site-description::after {
        display: block;
      }
      
      #site-description::before {
        content: "just another";
      }
      #site-description::after {
        content: "wordpress site";
      }
    • #50304
      初芝
      ゲスト

      決めました!

      1行目はカスタマイザーで

      2行目から教えて頂きましたCSSで行きます

      #site-description::after {
        display: block;
      }
      #site-description::after {
        content: "wordpress site";
      }

      ※ディスクリプションはseoプラグイン

      有用なアドバイスを有難うございます!!

    • #50305
      Hidekichi
      ゲスト

      もし仮にスマホ等の小さい画面で、入れたディスクリプションが

      内部SEO施策済
      みの
      シンプルな無料
      Wordpressテー
      マ

      みたいになってしまう場合があります。それが途中改行を入れない理由でもあるかと思いますが、もし::after等を使う場合はメディアクエリ等を使ってdisplay: inline、あるいはinline-block等で何とかして下さい。

      brの場合は、

      @media screen and (max-width: 30em) {
        #site-description br {
          display: none;
        }
      }

      などで回避できるかも知れません。どれぐらいの長さのディスクリプションになるかがわからないので何とも言えませんが、色々方法はあります。

3件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)