Thursday, November 21 2024 @ 04:35 PM JST

WeeblyにUIkitを追加する方法

  • Tuesday, December 03 2019 @ 12:52 PM JST
  • 投稿者:
  • 表示回数 4,658
おしらせ WeeblyにUIkitを追加すると便利です。

お問い合わせフォームのhtmlをアスメルから取り出して貼り付ける際にcssを調整するのに便利です。

ダウンロード:
https://getuikit.com/


アセット +
uikit.css, uikit.js, uikit-icons.js
この3つのファイルをアップロードします。

テーマー>カスタマイズー>header.html

以下を追加します。

head 内に
<link rel="stylesheet" href="/files/theme/uikit.css" />

</body>の前に以下を追加します。

<script language="javascript" src="/files/theme/uikit.js"></script>
<script language="javascript" src="/files/theme/uikit-icons.js"></script>


header.htmlだけでなく、活用しているテンプレートすべてにこの修正を行います。