2019年10月8日ストーク(STORK)|サイトカラーの変更方法と変更箇所を徹底解説FacebookTwitterはてブPocketFeedlyストーク(STORK)の画像設定が完了したら、次はサイトカラーを変更しましょう。画像設定の方法は下記の記事を参考にしてください。ストーク(STORK)導入後に絶対やっておきたい8つの画像設定|初心者向けマニュアル2019.9.27ストーク(STORK)導入直後にやっておきたい8つの画像設定について解説しています。ストークのカスタマイズ機能を使えば、HTML・CSSなどの専門的な知識がなくても、簡単に本格的なサイトを作ることができます。「すぐにブログを書き始めたい!」という方は、早めにサイトの画像設定を済ませておきましょう。...ストークでは、カスタマイズページで簡単にサイトカラーを変更することができます。変更できる項目も非常に多いので、それぞれきちんと設定して自分好みのサイトに仕上げましょう。カスタマイズページにアクセスWordPressの管理画面を開きます。サイドメニューから『外観→カスタマイズ』という順にクリックして進みましょう。サイドメニューから『外観→カスタマイズ』という順にクリックして進むストークのカスタマイズページが開きます。ストークのカスタマイズページサイトカラーの設定サイドメニューの『サイトカラー設定』をクリックします。サイドメニューの『サイトカラー設定』をクリック下記のような画面に切り替わります。サイトカラー設定画面ここでは、以下の21箇所のカラーを設定することができます。記事ページ見出し(H2)文字色サイドバーテキストサイドバーリンクサイドバーリンク(マウスオン時)フッター背景フッターテキストフッターリンク基本的なテキストの色からマウスオン時の色の設定まで、様々な項目のカラー設定が可能です。サイトカラーの変更方法サイトカラーの変更方法はとても簡単です。色を変更したい箇所の『色を選択』をクリックします。『色を選択』をクリックすると、下記のようにカラーピッカーが開きます。カーソルをドラッグ&ドロップして好きな色を選択しましょう。カーソルをドラッグ&ドロップして色を選択マウス操作で直感的に色を変更できます。入力欄に直接カラーコードを入力してカラーを設定することもできます。色を選択すると、ページ右側のプレビュー画面で該当箇所の色が変わります。こちらで確認しながらカラーを変更しましょう。プレビュー画面でカラーを確認カラーを初期状態に戻したい場合は、『デフォルト』ボタンをクリックします。カラーを元に戻したい場合は、『デフォルト』ボタンをクリック全てのカラー設定が完了したら、『公開』ボタンをクリックして設定を反映させましょう。『公開』ボタンをクリック『公開』ボタンクリックするまで実際のサイトには反映されないので、好きなだけ色々なカラーを試してみましょう。サイトカラーの変更方法も分かったところで、次は実際にどの部分の色が変更されるのかそれぞれ解説します。背景色サイトの背景色を変更できます。サイトの背景色を変更可能メインテキスト記事のタイトルや本文などのメインテキストの色を変更できます。メインテキストの色を変更可能リンクリンクの色を変更できますリンクの色を変更可能リンク(マウスオン時)リンクにマウスオンした時の色を変更できます。リンクにマウスオンした時の色を変更可能ヘッダー背景(メインカラー)ヘッダーの背景色を変更できます。ヘッダーの背景色を変更可能ヘッダーテキストヘッダーのサイトディスクリプションの色を変更できます。ヘッダーのサイトディスクリプションの色を変更可能ヘッダーロゴロゴ画像を設定していない場合の、ロゴテキストの色を変更できます。ロゴテキストの色を変更可能ヘッダーリンクメニューや検索アイコンなどのヘッダーリンクの色を変更できます。ヘッダーリンクの色を変更可能ヘッダーリンク(マウスオン時)ヘッダーリンクにマウスオンした時の色を変更できます。記事などのメインコンテンツの背景色を変更できます。メインコンテンツの背景色を変更可能ラベル背景カテゴリーラベルの背景色を変更できます。カテゴリーラベルの背景色を変更可能ラベルテキストカテゴリーラベルのテキストの色を変更できます。入力フォーム背景テキスト入力欄や検索フォームなどといった入力フォームの背景色を変更できます。記事やウィジェットで使われる見出し(H2)の背景色を変更できます。記事やウィジェットで使われる見出し(H2)の文字の色を変更できます。見出し(H2)の文字の色を変更可能サイドバーテキストサイドバーのテキストの色を変更できます。サイドバーのテキストの色を変更可能サイドバーリンクサイドバーのリンクの色を変更できます。サイドバーのリンクの色を変更可能サイドバーリンク(マウスオン時)サイドバーリンクにマウスオンした時の色を変更できます。サイドバーリンクにマウスオンした時の色を変更可能フッター背景フッターの背景色を変更できます。フッターの背景色を変更可能フッターテキストフッターのテキストの色を変更できます。フッターのテキストの色を変更可能フッターリンクフッターのリンクの色を変更できます。フッターのリンクの色を変更可能サイトカラーの変更箇所は以上です。サイトカラーを変更する方法と、全てのカラー変更箇所について解説しました。ストークでは、サイトの背景色、ヘッダー色、サイドバー色、フッター色など様々な項目の色を簡単に変更することができます。HTML・CSSの知識も必要ないので、納得いくまでカラーを試してみましょう。Analyticsのアクセス解析コードを設置する方法を解説しています。簡単にできるので、...賢威8賢威8のページトップへ戻るボタンのカスタマイズ方法|中級者向けカスタマイズ賢威8の「トップへ戻る」ボタンのカスタマイズ方法を解説しています。賢威8のユーザーはたくさんいますが、「トップへ戻る」ボタンをカスタマイズし...AFFINGER5AFFINGER5基本パーツの色を設定する|初心者向けマニュアルAFFINGER5には色の設定項目が大量にあり、かなり細かいところまで設定することができます。THOR(ザ・トール)の「アイキャッチ画像の設定」について解説しています。IMAGE画像設定やホバー時の...SANGOSANGOのロゴ画像とサイトアイコンの設定方法|初心者向けマニュアルSANGOのロゴ画像とサイトアイコンの設定方法を解説しています。ロゴ画像とサイトアイコンは、ユーザーにサイトを覚えてもらうためにも重要な役...GENSENGENSENトップページのキャッチフレーズの配置を変える方法|中級者向けカスタマイズGENSENトップページのキャッチフレーズの配置を変える方法を解説しています。THOR(ザ・トール)の「検索機能設定」について解説しています。THORの目玉機能の一つで、この機能が目当てで...ストークストーク(STORK)の「ヘッダー下お知らせテキスト」のカスタマイズ方法|中級者向けカスタマイズ今回は、の「ヘッダー下お知らせテキスト」のカスタマイズ方法を解説したいと思います。THORストーク賢威8SEARCH。