WeeblyにUIkitを追加する方法
- Tuesday, December 03 2019 @ 12:52 PM JST
- 投稿者: Admin
- 表示回数 4,685
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だけでなく、活用しているテンプレートすべてにこの修正を行います。
お問い合わせフォームの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だけでなく、活用しているテンプレートすべてにこの修正を行います。