-上田洋平(y-hey)日本山岳ガイド協会認定登山ガイド。”人生を120%楽しんでもらいたい”と考えています。アフリカ最高峰キリマンジャロをフルサイズ一眼レフカメラを抱えて登ったり(普段は自称イクメンです)空手もやってる多趣味な男です。ブログは2005年から書いています。2017年11月にテレビ出演し、2018年5月には10万PV突破しました!詳しいプロフィールはこちらこんにちは!ブログ歴12年のy-heyです!オシャレなマテリアルデザインのWordpressテーマ、Sealの設定について解説します。↓の記事でSealのを他の人気テーマと比較しています。STORKと比較してみたよ!2017-12-06前回はSealのテーマをダウンロード、インストールする手順をお伝えしました。2017-12-12今回はSealを購入した人が最初にすべきことの2つ目の手順としてテーマの外観をセンスよく設定する方法について解説します。記事に補足説明を入れさせていただきます。「カスタマイズ」へ外観を設定するには、WordPressの管理画面の左側メニューから「外観」→「カスタマイズ」をクリックします。すると外観をカスタマイズする項目が左側メニューに表示されます。ここからメニュー項目を順番に解説していきますy-heyロゴ画像ページの左上に表示されるロゴ画像を選択します。ロゴ画像はあらかじめ作っておきましょう。ちなみに当サイトのロゴは↓の記事の方法で無料で作成しています。Webやブログ用にスタイリッシュなロゴを簡単、無料で作成する方法2017-01-24サイト基本情報サイトのタイトルや、キャッチフレーズ、サイトアイコン(ファビコン)を設定します。Analyticsの解析コードを入れることができます。ヘッダーお知らせは↓のように表示される部分です。自分のプロフィールや商品ページ等、好きなページを設定できます。Analyticsの解析コードを埋め込むことができます。Pack等で既に解析コードを貼り付けている場合はここにも貼るとアクセス数が重複してしまい、PV(ページビュー)のカウントが2倍になってしまいます!下記の記事で詳しく解説していますので参考にして下さい。ダブルカウントしてませんか?2017-06-13サイトカラー(色)サイトカラーは27ヶ所も設定が可能な、かゆい所に手が届く仕様となっています。「色を選択」をクリック◯や□の位置をドラッグして好きな色を選択します。サイトカラーを設定するときのポイントとしては、使用する色を3、4色決めておくことです。メインカラー(1色)サブカラー(1~2色)(メインカラーと同じ色合いがオススメ)アクセントカラー(1色)(メインカラーとははっきりと違いが分かる色がオススメ)Googleがマテリアルデザイン推奨しているカラーパレットから選ぶときれいにまとまります。カラーパレット↑のカラーパレットに表示されている、HTMLコードと呼ばれる色の番号をコピーして↓の枠内に貼り付ければその色になります。その他デザイン設定プロフィールを記事内のどこに表示させるかを選択できます。記事の終わりあまりプロフィールを出し過ぎると、ユーザーの方にとってウザい?と思われますのでどれか1ヶ所を選ぶと良いでしょう。h4タグ)のデザインも簡単に変更できます。種類があるので変更して、しっくりくるものを選びましょう。背景色を変更できます。文字が見やすくなる薄い色を設定しましょう。画面上部に表示させるヘッダー画像を選択できます。推奨サイズは2000×700ピクセルです。ヘッダー画像内にボタンやリンクを配置することもできます。ヘッダー画像(スマホ&タブレット用)スマホやタブレットで見た時、画面上部に表示させるヘッダー画像を選択できます。推奨サイズは1000×1000ピクセルです。背景の画像を選択できます。文章の読みやすさを考えると、通常は無しで良いと思います。画面をスクロールした時、↓のヘッダー部分を追尾させるかどうかの設定ができます。↓のヘッダーサブタイトル部分の表示・非表示を切り替えます。スマホ・タブレット専用のナビメニュー部分スマホやタブレットでの表示される場合のナビメニューの表示・非表示を設定できます。ヘッダーのインスタグラムボタン↓の画面のように、ヘッダーの右側に表示されているインスタグラムボタンの表示・非表示を設定できます。モバイルフッター固定メニューの設定スマホやタブレットでの表示される場合のフッターメニューの表示・非表示を設定できます。ヘッダーと両方表示させた場合、コンテンツ(内容)の部分が狭くなってしまうので文章で勝負!という方は非表示にするのも選択の一つです。y-heyメニューSealではメニューとして表示されれる部分が4箇所あります。「外観」→「メニュー」で設定しておいたメニューをそれぞれの位置で選択します。ウィジェットWordPress管理画面の左側メニュー「外観」→「ウィジェット」で設定したほうが、画面が大きくてベターです。フロントページトップページに新着記事一覧以外を載せたい場合、この機能を使います。追加CSSCSS(カスケーディングスタイルシート、サイトのデザインを定義する言語)を追加してデザインをカスタマイズしたい場合、追記します。WordPress管理画面メニューの「外観」→「CSSの編集」から同じようにできます。Linksまとめ今回はWordPressテーマ「Seal」の外観をオシャレに設定する方法ついて解説しました。メインカラー、サブカラー、アクセントカラーの色の原則を守るとサイトのデザインがすっきりとしたカンジにまとまります。ウィジェットの設定をしよう2020年出発分の夏の富士山ガイドツアーの申込み受付中です!早めに申し込めば専用Facebookグループで出発当日までの準備や体力づくりのアドバイスをきめ細かくできます。ブログ登山を始める時に知っておくべきノウハウを無料で配布しています。文字数17,000文字以上の大ボリュームE-bookです。登山歴10年以上で海外の山々にも登った私の経験をまとめました。あなたの登山にお役立てください。今のうちにゲットしてください。ここでは言えない『超豪華特典』が付いています。詳しくはE-bookの最後で。-上田洋平(y-hey)日本山岳ガイド協会認定登山ガイド。”人生を120%楽しんでもらいたい”と考えています。アフリカ最高峰キリマンジャロをフルサイズ一眼レフカメラを抱えて登ったり(普段は自称イクメンです)空手もやってる多趣味な男です。ブログは2005年から書いています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上田洋平(y-hey)写真も撮れる登山ガイド日本山岳ガイド協会認定登山ガイド。”人生を120%楽しんでもらいたい”と考えています。アフリカ最高峰キリマンジャロをフルサイズ一眼レフカメラを抱えて登ったり(普段は自称イクメンです)空手もやってる多趣味な男です。ブログは2005年から書いています。