子テーマにリンクカード機能を追加する

リンクカードというのは以下のようにサムネイルや概要を追加したカード形式のリンク

上記リンク先の記事を参考にこのブログに実装した手順のメモを残しておく。

子テーマの用意

子テーマとは文字通り、あるテーマに紐づくテーマのことで、テーマをカスタマイズしたいときに使用できる。

配布されているテーマをカスタマイズしたいとき、テーマ自体を改造してしまうと、そのテーマがアップデートされたときに改造した部分が上書きされてしまう恐れがある。それに対して、子テーマは親テーマとは切り離されているので上書きされることはない。

子テーマに追加した関数やCSSは親テーマに追加されたように挙動するので、上書きされる心配なく改造ができるということ。

現在使用しているEASELにはCANVAS on EASELという子テーマがあるので、それをダウンロードする。

子テーマの改造

あとは以下のリンク先の通り作業すればよい(ぶん投げである)。ただ、以下のコードだけだと回り込みが解除されなかったので。CSSにclearクラスの回り込み解除を記載した。