【ha-Basic】テーマを使ったサイトをグリーン系にするカラーCSS

公開日: 更新日: カラーCSS

テーマカスタマイザーがない=色の調整はすべてCSSからとしている【ha-Basic】。

管理画面でのカラー変更はできないようにしているものの、テーマファイルの中に「a-color-style.css」というのを設け、そこにデフォルト設定で色を指定している部分のCSSソースのみを列記し、このファイルの中を変更すればサイトの色味を変えられるようにしています。

詳細な内容についてはこちら

そして、数日前に

という私の管理している別のサイトで【ha-Basic】を導入した際にグリーン系のCSSを作りました(どんな色合いかはサイトを見ていただければわかります)。

せっかく作ったので、前述した「a-color-style.css」へそのまま上書きすればグリーン系のサイトにできるCSSソースを配布します。

必要な方は以下からダウンロードして使ってください。

“【ha-Basic】グリーン系カラーCSSソース” をダウンロード green.zip – 2 回のダウンロード – 886 B

色の変更って結構大変ですから役に立つかと思います。

【ha-Basic】テーマを使ったサイトをグリーン系にするカラーCSSの適用方法

  1. ファイルは圧縮されていますのでダウンロード後解凍してください。
  2. 解凍したgreen.cssを開き、内容をコピーしてください。
  3. サイトの管理画面から「外観」→「テーマ編集」を選択してください
  4. 「a-color-style.css」を開き、コピーしたソースを上書きしてください。

これで簡単にグリーンな色味のサイトができます。あとは好みに合わせて調整してくださいね。

※元の色に戻せるように上書き前の「a-color-style.css」はバックアップを取っておくことをお勧めします。

いつでもご相談・お見積りの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】








コメントは受け付けていません。