welukaの標準機能ではありませんが、画像・テキスト・ボタンにリンク指定をするのではなく、 カラム全体にリンク指定をすることもできます。その方法について説明します。
JavaScriptを使った方法
今回はJavaScriptで「(例として）my-link-col」というclassを設定したカラム全体をaタグで囲む方法をご紹介します。
- 今回は仮にsample site１に埋め込み、sample site ２へ飛ぶように設定します。
sample site１の赤く囲った部分にリンクを埋め込みます。
こちらのsample site２へ飛ぶようにJavaScriptを設定します。
- 対象カラムの設定画面を表示し「高度な設定」内「Class」に my-link-col と入力
※今回は仮に「my-link-col」とします。
- 管理ページ「weluka」内「埋め込みコード」にJavaScriptコードを追加
※今回はweluka設定から行っていますが、ページ設定の「カスタムフィード」からでもJavaScriptの設定は可能です。
※追加するJavaScriptコードは次の通りです。
<script>
jQuery(document).ready(function($) {
var _cd = '<a href="https://www.weluka.me/blog/linksample2"></a>';
$('.weluka-col.my-link-col').wrap(_cd);
});
</script>
※ URL部分は実際のリンク先URLに変更してください。今回は例としてsample site２のURLを書き込んでいます。
