HalfMadeThemes TYPE: ALPHA

お問い合わせ

HalfMadeThemes TYPE: ALPHA

  • HalfMadeThemesの特徴
  • 初期設定と各種設定ファイル
  • ウェブサイトの作成方法
    • フォルダの作成
    • コンテンツの作成
    • 記事の作成
    • テンプレートの編集
    • 外部スクリプトの設置方法
  • デザインカスタマイズ
    • ウェブフォントと配色の変更
    • CSS、JSの設置
    • フォームデザインのカスタマイズ
  • アクセシビリティへの対応
  • テーマの購入方法
  • よくある質問
  • お知らせ
お問い合わせ
  • 個人情報保護方針
  • ご利用規約
  • 特定商取引法表示
  • X(旧:Twitter)
  • Instagram
  • Facebook

Color Customize

ウェブフォントと配色の変更

HalfMadeThemes TYPE: ALPHAでは、HTML/CSSを変更せず、ウェブフォントおよび各パーツ等の配色を変更できます。
独自CSSを利用することも可能なので、カスタマイズ内容にあわせてご利用ください。

現在位置

  1. HOME
  2. デザインカスタマイズ
  3. ウェブフォントと配色の変更

ウェブフォントを変更する

テンプレートモジュール「ウェブフォント設定」と「フォント設定」を使用することで、ウェブサイトで使用するフォントを変更することができます。

ウェブフォントを読み込む

テンプレートモジュール「ウェブフォント設定」で、利用するウェブフォントを読み込んでください。
初期で使用しているウェブフォントは削除しても問題ありません。

使用するフォントとウェイトをCSSで定義する

テンプレートモジュール「フォント設定」で、使用するフォントとウェイトを定義できます。

各パーツの配色を変更する

テンプレート・モジュール「カラー設定」で、初期デザインの配色を自由に変更することができます。

カラーの指定は標準でRGB/RGBAとなっていますが、HEX(例:#ffffff)やキーワード名(例:red, blue)など自由に指定できます。
各配色部には主に使用している箇所が記載されているので、そちらを参考に変更してください。

ウェブフォントと配色の変更例

関連ページ

  • CSS、JavaScriptの設置
    Adding Custom CSS & JavaScript
  • フォームデザインのカスタマイズ
    Customize Form Design

シンプルで拡張性のあるデザイン。
思い通りのカタチに。

HalfMadeThemes TYPE: ALPHA

〒060-0062
北海道札幌市中央区南2条西7丁目6-2
日宝南2条ビル 6F
株式会社ジャクスタポジション
Tel. 011-252-9652
  • 個人情報保護方針
  • ご利用規約
  • 特定商取引法表示
  • X(旧:Twitter)
  • Instagram
  • Facebook

©2025 Juxtaposition Inc.