投稿本文内のリンクにスタイリング用のクラスを追加する

[Johani (Joe)]

その方法としては、以下のようなものがあります。

Generic bbcode wrapper for theme components

I added this feature a while back and realised I didn’t post about it. You can now use a special syntax in markdown to have it cooked and usable in theme components without having to write a plugin. // wrapped in div.d-wrap [wrap=baz foo=bar]Content[/wrap] // wrapped in div.d-wrap [wrap=baz foo=bar] Content [/wrap] // wrapped in div.d-wrap [wrap=baz foo=bar] [/wrap] // this one will be rendered as a span.d-wrap instead of a div.d-wrap a [wrap=baz]Content[/wrap] b The name of the component w…

例えば、

[wrap=link-button][Link Text](http://meta.discourse.org)[/wrap]

と記述すると、以下のようにレンダリングされます。

Link Text

そして、そのマークアップは以下のようになります。

<div class="d-wrap" data-wrap="link-button">
  <p>
    <a href="http://meta.discourse.org">Link Text</a>
  </p>
</div>

その後、CSS で以下のようにスタイルを適用できます。

[data-wrap="link-button"] {
  a {
    // リンクのスタイル
  }
}

[wrap=link-button] の部分は、以下のように任意の値に変更できます。

[wrap=custom-button]
または
[wrap=home-link]
または
[wrap=foobar]

そして、上記の例と同様に、その値を使ってリンクをターゲットにすることができます。