07|完成度を引き上げる最終調整!『JIN:R』テーマで整えるブログの仕上げ術

botanical-studys

この記事にはPR(プロモーション)が含まれています。

Our English version is in progress. Stay tuned for exciting updates

07|Enhance the Final Touches! Polishing Your Blog to Perfection with the 『JIN:R』 Theme

07|『JIN:R』テーマで仕上げを完全調整
  • 未設定項目を埋める、各種調整などをして、更にサイトを整えます

全ての項目の【カスタマイズ】の設定をする

公開ページ上部の【カスタマイズ】

 →画面左側の【サイトデザイン設定】などの項目をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

C Jasmine
C Jasmine
公式サイト様も見てね!

サーバー →『ConoHa WING』

テーマ →『JIN:R公式』様、『JIN公式』

【カスタマイズ】可能項目の設定法の掲載先一覧

07|仕上げ(その他の全ての設定項目)
仕上げ(その他の全ての設定項目)
優先度

難易度

設定項目
・関連記事
・詳細設定
・メインビジュアル
・ボックス
・ボタン
・アニメーション設定
・SNS登録/シェア設定
・プロフィール登録
・スマホ専用機能
・ステマ規制への対応設定
・サイドバー
・ホームページ設定
・追加CSS
・エクスポート/インポート
02|サイトデザイン・各種基本設定
サイトデザイン・各種基本設定
優先度

難易度

設定項目
・タイトル
・サブタイトル
・サイトアイコン
・デザインプリセット
・ページレイアウト
・ページフレーム
・デザインルール
・角の丸み
・フォント選択
・ロゴ設定
・ヘッダー
・背景装飾
・ヘッダー背景画像
・記事幅
・文字サイズ
・投稿日時の表示
・記事の画像に丸みをつける
・コメント
・表示設定
・ブログカード
・カラー設定
・見出し
・吹き出し
・インフォメーション設定
・メニュー
04|メニュー
各種メニュー・ピックアップコンテンツ
優先度

難易度

設定項目
・グローバルメニュー
・ハンバーガーメニュー
・フッターメニュー


05|カテゴリー
カテゴリー・カテゴリー表示ページ
優先度

難易度

設定項目
・カテゴリー
・カテゴリー表示ページ
06|サイドバー(ウィジェット)
サイドバー(ウィジェット)
優先度

難易度

設定項目
・サイドバー(ウィジェット)

【サイトデザイン設定】の未入力箇所を設定する

B/11:「関連記事」と「詳細設定」を設定する

公開ページ上部の【カスタマイズ】

 →画面左側の【関連記事/詳細設定】をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

「関連記事」と「詳細設定」の設定の手順

[関連記事]
  • 【カスタマイズ】の「サイトデザイン設定」の「関連記事」の「タイトルの文字」の下の枠内に好きな文字(タイトル)を入力する。
  • 「サブタイトルの文字」の下の枠内に好きな文字(タイトル)を入力する。※サブタイトルを追加する場合
  • 「表示件数」を「スライダー」で好きな投稿数を表示させて選択する。
  • その後、左上部の「公開」をクリックする

[詳細設定]
  • 「詳細設定」の「記事一覧のカードデザイン」を「縦長カード」、「横長カード」の中から好きなデザインをクリックで選択する。
  • 「記事一覧の追加読み込み」を「ページネーション」、「非同期読み込み」の中から好きな形式をクリックで選択する。
  • 「記事一覧のカーソルしたときの動き」を「浮かす」、「ズーム」、「フェード」の中から好きなデザインをクリックで選択する。
  • 「背景画像の設定」の「画像を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。※デフォルト希望のままは何もしない
  • 「背景画像リピート」を「ON」、「OFF」の中から好きなデザインをクリックで選択する。 
  • その後、左上部の「公開」をクリックする

B/15:「メインビジュアル」を設定する

Geranium
Geranium

アドセンス審査ポイント

公開ページ上部の【カスタマイズ】

 →画面左側の【メインビジュアル】をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

「メインビジュアル」の設定の手順

[メインビジュアル]
  • 【カスタマイズ】の「サイトデザイン設定」の【メインビジュアル】をクリックする。
  • 「メインビジュアルの設定」の「タイプ選択」を「なし」、[記事スライドショー]、[画像スライドーショー]、[ヘッダー画像]、[ヘッダー動画]の中から好きなメインビジュアルタイプをクリックし選択する。

[記事スライドショー]
  • 「デザインの選択」を「フォーカス」、「マガジン」の中から好きなデザインをクリックで選択する。
  • 「記事の選択」を「個別選択」、「新着順で自動表示」の中から好きなデザインをクリックして選択する。
  • 「記事URL」の下の枠内に、好きな表示させたい記事のURLを入力する。※全ての枠を埋めなくても、任意の数だけの入力で大丈夫。
  • 「詳細設定」の「記事タイトルの色」を「白」、「記事の文字色」、「テーマカラー」の中から好きな色をクリックして選択する。
  • 「アニメーションの速度」を「遅め」、「普通」、「早め」の中から好きな速度をクリックして選択する。
  • その後、左上部の「公開」をクリックする

[画像スライドショー]
  • 「スライド画像の設定」の「画像1」などの「画像を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。※全ての枠を埋めなくても、任意の数だけの入力で大丈夫。
  • 「詳細設定」の「アニメーション選択」を「スライドイン」、「フェード」、「スライド」、「パララックス」の中から好きなデザインをクリックして選択する。
  • 「アニメーションの速度」を「遅め」、「普通」、「早め」の中から好きな速度をクリックして選択する。
  • 「自動再生」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
  • その後、左上部の「公開」をクリックする

[ヘッダー画像]
  • 「デザイン選択」を「ベーシック」、「ヘッダーカバー」の中から好きなデザインをクリックして選択する。
  • 「画像設定」の「画像を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
  • 「画像比率」を「画像の大きさに合わせる」、「オリジナル比率」、「カスタム」の中から好きな比率をクリックして選択する。
  • 「スマホ用画像設定」の「画像を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
  • 「画像比率」を「画像の大きさに合わせる」、「オリジナル比率」、「カスタム」の中から好きな比率をクリックして選択する。
  • 「オーバーレイ効果」を「なし」、「シンプル」、「ブラー」の中から好きなデザインをクリックして選択する。
  • 必要に応じて、「画像のリンク先URL」を入力する。
  • 「キャッチコピー設定」の「キャッチコピーの表示」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
  • 「メインコピー」の下の枠内に好きなメインコピー名を入力する。
  • 「サブコピー」の下の枠内に好きなサブコピー名を入力する。
  • 「キャッチコピーの文字サイズ調整」をスライダーで好きな文字サイズを表示させて選択する。
  • 「文字色」の「色を選択」に好きな色を選択して表示させる。
  • 「文字のデコレーション」を「なし」、「影【小さめ】」、「影【普通】」、「影【大きめ】」、「白フチ」の中から好きなデザインをクリックして選択する。
  • 「ボタン設定」の「ボタンの表示」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
  • 「デザイン選択」を「CVボタン1」、「CVボタン2」、「アウトラインボタン1」、「アウトラインボタン2」、「アローボタン」、「インフォメーション」の中から好きなデザインをクリックして選択する。※【カスタマイズ】→「サイトデザイン設定」→【ボタン】で設定した内容が反映されている。【ボタン】の設定方法は下部参照。
  • 「テイスト」に好きな文字を入力する
  • 「リンク先のURL」の下の枠内に「表示したいページのURL」を入れる
  • 「コピー / ボタンの配置設定」の「行揃え」を「左揃え」、「中央揃え」、「右揃え」の中から好きなデザインをクリックして選択する。
  • 「縦方向の位置【PC】」をスライダーで好きな位置を表示させて選択する。
  • 「横方向の位置【PC】」をスライダーで好きな位置を表示させて選択する。
  • 「縦方向の位置【スマホ】」をスライダーで好きな位置を表示させて選択する。
  • 「横方向の位置【スマホ】」をスライダーで好きな位置を表示させて選択する。
  • 「詳細設定」の「下層ページにも表示」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • その後、左上部の「公開」をクリックする

[ヘッダー動画]
  • 「動画の設定」の「デザイン選択」を「ベーシック」、「ヘッダーカバー」の中から好きなデザインをクリックして選択する。
  • 「動画をアップロード」の下の「動画を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
  • 「動画の表示比率【スマホ】」を「PCと同じ」、「カスタム」の中から好きな比率をクリックして選択する。
  • 「自動再生」を「ON」、「OFF」の中から好きな設定をクリックして選択する。
  • 「ループ再生」を「ON」、「OFF」の中から好きな設定をクリックして選択する。
  • 「キャッチコピー設定」の「キャッチコピーの表示」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
  • 「メインコピー」の下の枠内に好きなメインコピー名を入力する。
  • 「サブコピー」の下の枠内に好きなサブコピー名を入力する。
  • 「キャッチコピーの文字サイズ調整」をスライダーで好きな文字サイズを表示させて選択する。
  • 「文字色」の「色を選択」に好きな色を選択して表示させる。
  • 「文字のデコレーション」を「なし」、「影【小さめ】」、「影【普通】」、「影【大きめ】」、「白フチ」の中から好きなデザインをクリックして選択する。
  • 「ボタン設定」の「ボタンの表示」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
  • 「デザイン選択」を「CVボタン1」、「CVボタン2」、「アウトラインボタン1」、「アウトラインボタン2」、「アローボタン」、「インフォメーション」の中から好きなデザインをクリックして選択する。※【カスタマイズ】→「サイトデザイン設定」→【ボタン】で設定した内容が反映されている。【ボタン】の設定方法は下部参照。「コピー / ボタンの配置設定」の「行揃え」を「左揃え」、「中央揃え」、「右揃え」の中から好きなデザインをクリックして選択する。
  • 「縦方向の位置【PC】」をスライダーで好きな位置を表示させて選択する。
  • 「横方向の位置【PC】」をスライダーで好きな位置を表示させて選択する。
  • 「縦方向の位置【スマホ】」をスライダーで好きな位置を表示させて選択する。
  • 「横方向の位置【スマホ】」をスライダーで好きな位置を表示させて選択する。
  • その後、左上部の「公開」をクリックする

B/15:「ボックス」を設定する

公開ページ上部の【カスタマイズ】

 →画面左側の【ボックス】をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

「ボックス」の設定の手順

[「ボックス」と「アイコンボックス」]
  • 【サイトデザイン設定】の「ボックス」をクリックし、【ボックス】と【アイコンボックス】の中から、設定を変更したいタブをクリックで選択する

[ボックス]
  • 「シンプルボックス1」~「シンプルボックス11」や「タイトル付きボックス1」~「タイトル付きボックス9」の好きなボックスの「色を選択」に好きな色を選択して表示させる。
  • その後、左上部の「公開」をクリックする

[アイコンボックス]
  • 「アイコンボックス1」~「アイコンボックス8」と、「タイトル付き1」~「タイトル付き4」の好きなボックスの「アイコンを変更する」を好きなアイコンに、「色を選択」を好きな色を選択して表示させる。
  • 「タイトル」の下の枠内に好きなアイコンボックスタイトル名を入れる。
  • その後、左上部の「公開」をクリックする。

B/15:「ボタン」を設定する

公開ページ上部の【カスタマイズ】

 →画面左側の【ボタン】をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

「ボタン」の設定の手順

[ボタン]
  • 【カスタマイズ】の「サイトデザイン設定」の【ボタン】をクリックする。
  • 「CVボタン1」、「CVボタン2」、「アウトラインボタン1」、「アウトラインボタン2」、「アローボタン」、「インフォメーション」、「比較表用ボタン1」、「比較表用ボタン2」、「ボタン」、「ボタン」の中から、設定を変更したい項目をクリックで選択する 
  • 例「CVボタン1」の「ボタンのデザイン設定」の「デザインの選択」を「塗りつぶし」、「アウトライン」、「アロー」の中から好きなデザインをクリックで選択する。
  • 「ボタンのカラー設定」を「単色」、「グラデーション」の中から好きなデザインをクリックで選択し、「色の選択」を好きな色を選択して表示させる。
  • 「文字色」に好きな色を選択して表示させる。
  • 「文字サイズ」と「丸み(px)」と「横幅(px)」と「高さ(px)」をスライダーで好きなサイズを表示させて選択する。
  • 「矢印アイコン設定」の下に表示されたアイコンの中から好きなアイコンをクリックで選択する。
  • 「詳細設定」の「影のサイズ」を「なし」、「小さめ」、「普通」、「大きめ」の中から好きな設定をクリックで選択する。
  • 「カーソルしたときの動き」を「なし」、「色を薄める」、「浮かぶ」、「沈む」、「押し込む」、「膨らむ」、「左からアウトライン化」、「中央からアウトライン化」の中から好きなカーソルしたときの動きをクリックで選択する。
  • 「表示アニメーション」を「なし」、「フェード」、「下からフェード」、「膨らむ」、「押し込む」の中から好きな設定をクリックで選択する。
  • 「ボタンの登録名を変更」の「登録名」の下の枠内に好きな登録名を入れる。
  • その後、左上部の「公開」をクリックする。 ※他の設定も同様です。

Geranium
Geranium

【ボタン】のデザインと登録名のデフォルトは上記の通りの10種ですが、最大10種の枠に自由にデザインを設定できます。

10種の登録枠の全てを「アローボタン」のデザインにして、色違いの10種を設定することも可能です。

B/15:「アニメーション設定」を設定する

必要に応じて設定

公開ページ上部の【カスタマイズ】

 →画面左側の【アニメーション設定】をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

「アニメーション設定」の設定の手順

  • 【カスタマイズ】の「サイトデザイン設定」の【アニメーション設定】の「全体のアニメーション」を「ON」、「OFF」の中から好きな表示をクリックで選択する。
  • 「ブロック毎のアニメーション」の「デザイン見出し」を「なし」、「フェードイン」の中から好きな設定をクリックで選択する。
  • 「カラム」を「なし」、「1つづつフェードイン」、「1つづつフェードイン(スライド)」、「全体をフェードイン」の中から好きな設定をクリックで選択する。
  • その後、左上部の「公開」をクリックする。

【SNS登録/シェア設定】を設定する

Geranium
Geranium

アドセンス審査ポイント

必要に応じて設定

公開ページ上部の【カスタマイズ】

 →画面左側の【SNS登録/シェア設定をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

SNS登録/シェア設定」の設定の手順

[SNS登録]
  • 「FacebookアカウントのURL」の下の枠内にリンクをさせたいFacebookアカウントのURLを入力する。
  • 「XアカウントのURL」の下の枠内にリンクをさせたいXアカウントのURLを入力する。
  • 「instagramアカウントのURL」の下の枠内にリンクをさせたいinstagramアカウントのURLを入力する。
  • 「YouTubeアカウントのURL」の下の枠内にリンクをさせたいYouTubeアカウントのURLを入力する。
  • 「LINEアカウントのURL」の下の枠内にリンクをさせたいLINEアカウントのURLを入力する。
  • 「お問い合わせページのURL」の下の枠内にお問い合わせページのURLを入力する。
  • 「SNSフォローボタンの色」を「ブランドカラー」、「テーマカラー」の中から好きな表示をクリックで選択する。
  • 「表示する場所」の「記事終わりの著者情報内」と「ハンバーガーメニュー内」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • 「ハンバーガーメニュー内」の「ラベルのテキスト」の下の枠内に好きな文字を入れる。
  • その後、左上部の「公開」をクリックする。

[シェアボタン設定]
  • 【シェアボタン設定】の「デザイン選択」を「ベーシック」、「アドバンス」の中から好きなデザインをクリックして選択、「ベタ塗り」、「白抜き」の中から好きなデザインをクリックして選択する。
  • 「表示する場所」の「記事下」と「記事おわり(X)」と「記事おわり(Facebook)」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • その後、左上部の「公開」をクリックする。

[シェアされた時の表示設定]
  • 「TOPページがシェアされた時の画像(OGP)」の下の「動画を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
  • 「Xでシェアされたときの画像サイズ」を「コンパクト」、「ラージ」の中から好きな画像サイズをクリックし選択する。
  • 「facebookの管理者ID」の下の枠内にfacebookの管理者IDを入れる
  • 「Xのユーザー名」の下の枠内にXのユーザー名(@ユーザー名)を入れる
  • 「ブログがシェアされた時のハッシュタグ」の下の枠内に好きなハッシュタグを入れる
  • その後、左上部の「公開」をクリックする。

【プロフィール登録】を設定する

Geranium
Geranium

アドセンス審査ポイント

必要に応じて設定

公開ページ上部の【カスタマイズ】

 →画面左側の【プロフィール登録をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

「プロフィール登録」の設定の手順

[プロフィール登録]
  • 【プロフィール登録】の「プロフィール画像」の「画像を選択」をクリックしメディア内または新規でメディアに追加した、150×150ピクセル以上の画像を選んで「選択」をクリックする。
  • 「プロフィール名」の下の枠内に好きなプロフィール名を入力する。
  • 「肩書」の下の枠内に自由の肩書を入力する。
  • 「プロフィール紹介文」の下の枠内に自由に紹介文を入力する。
  • 「プロフィールページのURL」の下の枠内に表示したいページのURLを入力する。
  • 「ラベルテキスト」の下の枠内に好きな文字を入力する。
  • 「表示エリアの設定」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • その後、左上部の「公開」をクリックする。

【ステマ規制への対応設定】を設定する

必要に応じて設定

公開ページ上部の【カスタマイズ】

 →画面左側の【ステマ規制への対応設定】をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

ステマ規制への対応設定」の設定の手順

[ステマ規制への対応設定]
  • 【ステマ規制への対応設定】の「表示するページ」の「投稿ページ」と「固定ページ」と「記事化されたカテゴリーページ」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • 「表示エリアの設定」の「カテゴリー横」と「記事はじめ」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • 「カテゴリー横のテキスト」の下の枠内に好きな文字を入れる。
  • 「記事はじめのテキスト」も下の枠内に好きな文字を入れる。
  • 「デザイン選択」を「枠線タイプ」、「塗りタイプ」、「協調タイプ」の中から好きなデザインをクリックし選択する。
  • 「除外するカテゴリーID(半角数字)」の下に希望のページIDを入力する。
  • その後、左上部の「公開」をクリックする。

【その他の設定】を設定する

公開ページ上部の【カスタマイズ】

 →画面左側の【その他の設定】をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

その他の設定」の設定の手順

[その他の設定]
  • 【その他の設定】の「外部読み込み」の「カエレバヨメレバデザインを読み込む」と「アプリーチデザインを読み込む」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • 「高速化」の「絵文字ファイルを読み込まない」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • 「Noimage画像設定」の「画像を選択」をクリックしメディア内または新規でメディアに追加した画像を選んで「選択」をクリックする。
  • 「その他」の「テーマ内のJSON-LDを読み込まない」と「見出しタグとリストタグにテーマ独自のclassを付与」と「アイキャッチ画像をオリジナルサイズで利用する」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • その後、左上部の「公開」をクリックする。

【ウィジェット】を設定する

必要に応じて設定

  • 『サイドバー』設置方法はコチラ

※サイドバーと他の場所も同じ設置方法です

公開ページ上部の【カスタマイズ】

 →画面左側の【ウィジェット】→【記事上】など任意の項目をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

「ウィジェット」の設定の手順

【ウィジェット】の設置可能場所

  • トップページ上部
  • 記事上
  • 記事はじめ
  • 記事おわり
  • 記事下
  • 関連記事下
  • フッター
  • サイドバー
  • サイドバー追尾
  • ハンバーガー

[ウィジェット]
  • ダッシュボードの【外観】をクリックし、その後【ウェジェット】をクリックし編集ページを表示させる。※【カスタマイズ】からもアクセス可能ですが、ダッシュボードからの設定が個人的に操作しやすいと思います。
  • 「希望の設置先(「トップページ上部」など)」をクリックする。
  • 画面左上の【+(背景青色)】か、本文スペースをクリックした時に、右側に表示される【+(背景黒色)】をクリックする
  • 画面左側の「ブロック」タブ内で「JINRブロック」内の好きな「ブロック」(「検索」など)をクリックする。(画面右上の「公開」をクリックし、次の設置へ)
  • 表示させたいブロックをクリックし、画面右側の「ブロック」タブ内の項目を必要と目的に応じて設定をする。(画面右上の「公開」をクリックし、次の設置へ)
  • 画面右上の「公開」をクリックして、変更を反映させる。

「公開」クリック=「保存・上書き保存」です。時々、画面上部に赤っぽいピンクのポップアップが表示されることがあります。(保存ができなかった時に表示されるもので、この状態で画面を切り替えたり作業を終了すると、前回保存の状態に戻ってしまいます。)

Geranium
Geranium

上部にポップアップが出た時は、設置したブロック1つづつを、「削除」・「保存」・「設置」を繰り返しながら修正することが必要です。

※1つブロックを追加したり、設定するごとに、マメに画面右上の「公開」をクリックし、次の設置へ移ることで、結果として大幅な時間短縮に繋がる場合があります。

【ホームページ設定】を設定する

必要に応じて設定

設定ページへのアクセスは以下の2種です

  • 管理画面の【ダッシュボード】→「設定」→「表示設定」→【ホームページの表示】をクリック
  • 公開ページ上部の【カスタマイズ】→ 画面左側の【ホームページ設定】をクリック 

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

「ホームページ設定」の設定の手順

[ホームページ設定の前の事前準備①]
  • 下記の方法でHOME(TOP)ページをつくる。 ※《例:①の固定記事》とする
  • ダッシュボードの【固定ページ】をクリック後に「新規固定ページを追加」をクリックで新しいページを開く。
  • 固定ページの「タイトル」に、(この場合は閲覧者からは見えないので)「HOME」などあなたが判りやすいタイトルを入れ、画面右側の「リンク」の枠内に「home」や「top」などの任意のスラッグを入力する。
  • 本文入力箇所に、自由に【見出し】や【画像】などの「ブロック」を用いてデザインを整える。
  • 画面右上の「公開」をクリックして、記事を公開する。

[ホームページ設定の前の事前準備②]
  • 次に最新記事表示用のページをつくる。 ※《例:②の投稿記事》とする
  • ダッシュボードの【投稿】をクリック後に「新規投稿を追加」をクリックで新しいページを開く。
  • 投稿ページの「タイトル」は空欄か、ダッシュボード内でも判りやすい好きなタイトルを入れ、画面右側の「リンク」の枠内に「latest-updates」や「new」などの任意のスラッグを入力する。
  • 本文入力箇所は何も入力をしない。
  • 画面右上の「公開」をクリックして、記事を公開する。

[ホームページ設定]
  • 上記の2種の方法のいずれかの方法で、【ホームページ設定】のページにアクセスする。※どちらにアクセスしても設定の手順は同じです。
  • 「ホームページの表示」の「固定ページ」に、ラジオボタンをクリックし選択する。
  • 「ホームページ」の下の枠内に上記の手順で作成した、《例:①の固定記事》を表示させて選択する。
  • 「投稿ページ」の下の枠内に上記の手順で作成した、《例:②の投稿記事》を表示させて選択する。
  • 【ダッシュボード】からの設定の場合は、画面左下の「変更を保存」をクリック、【カスタマイズ】からの設定の場合は、左上部の「公開」をクリックする。

【追加CSS】を設定する

必要に応じて設定

公開ページ上部の【カスタマイズ】

 →画面左側の【追加CSS】をクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

「追加CSS」の設定の手順

[追加CSS]

  • 枠内に任意のCSSを入力する
  • 画面右上の「公開」をクリックして、変更を反映させる。

【エクスポート/インポート】について

必要に応じて

公開ページ上部の【カスタマイズ】

 →画面左側の【エクスポート/インポートをクリック

JIN:Rの管理画面(ダッシュボード)からの編集方法だけでなく、公開ページからも編集が可能です

エクスポート/インポート」の手順

[エクスポート]
  • 「書き出し」をクリック(現在のJINテーマのカスタマイズ設定を保存する)
  • デスクトップなどに「エクスポートしたファイル」を保存する。

[インポート]
  • 「ファイルを選択」をクリックし、前回、上記の方法で「エクスポートしたファイル」を「開く」をクリックし選択する。
  • 任意で「画像ファイルをダウンロードしてインポートしますか?」にチェックを入れ、「インポート」をクリックする。

サイト全体を仕上げる簡単チェックポイント 15選

記事の全体を整えて仕上げる

  • 『ボックス』のデザインと配置の検討
  • 『見出し』の余白調整
  • 内部・外部リンクの設置と確認
  • 画像や図の最適化
  • キーワードの最終調整
  • 目次の確認
  • CTA(行動喚起)の設置
  • フォントサイズや色の統一
  • プレビューで最終確認
  • モバイル表示の確認
  • SNS共有ボタンの設置
  • 『プロフィール』の再確認
  • 文章の構成
  • カテゴリーの整備
  • ページの読み込み速度テスト

下記の2記事なども確認の上でチャレンジして

  • 08|アドセンス&計測でサイト改善 (後日公開予定)
  • 09|定期更新とサイト健康管理のコツ (後日公開予定)

ブログを始めるならこちら!「ブログガイドリンク集」

botanical-study.site『Cジャスミン瑠璃地楽の魔王城別館』Aromatherapy and Herbal Study Guide 

07|Enhance the Final Touches! Polishing Your Blog to Perfection with the 『JIN:R』 Theme

English article

Scheduled for release later

記事URLをコピーしました