ホームページテンプレートの編集方法・カスタマイズ方法

中級者以上向けマニュアル

• Bootstrap Iconsを使う。（2023/06/01）
• ヘッダーやフッターなど、共通で使うブロックをテンプレート化して更新しやすくする。（2023/04/26）
• 大きな端末用、小さな端末用で表示させるブロックを切り替える。cssスライドショーの例。（2022/04/28）
• Vivusでロゴアニメーションを作る（2021/12/02）
• Font Awesomeを使う。（2021/11/26）
• ボックスがふわっと浮き上がったりクルっと回転して出現するようなアニメーションを組み込む。（2021/11/12）
• サムネイルで画像を切り替えるimgchg.jsを同一ページで複数使う方法。（2020/10/12）
• jsスライドショー（slide_simple_pack.js）を使う。（2020/05/03）
• 小さな端末で見た場合に横スクロールさせるブロックを追加する（2020/01/16）
• パララックス効果を取り入れる。アウトラインを表示していく vivus.js（2019/12/04）
• cssスライドショーの解説。（2019/01）
• clinic3のトップページ画像をスライドショーにする方法。（2018/07/19）
• テンプレートを２カラムから３カラムに変更する方法。（2018/01/31）
• 「スマホレイアウト」をボタンクリックで「PCレイアウト」にチェンジする。（2016/09/16）
• Google Mapを使ってみよう（2015年→2019年更新）
• Google Fontsを使ってみよう（2013年→2021年更新）