WordPressの始め方
PR

WordPressにJIN:Rをインストールしてデザイン設定するガイド

WordPressにJIN:Rをインストールして、初期デザインを施す方法
web-kumitatekoubou
記事内に商品プロモーションを含む場合があります
アシスタントさん
アシスタントさん

JIN:Rを使ってWordPressのブログを作りたいんですが、自分で設定できるか自信がなくて。

じゅん
じゅん

JIN:Rはインストールも簡単で、初期設定も難しくないです。みなさんブログ投稿できるようにできますよ

レンタルサーバーのサービスでWordPressをセットアップしてもらうだけではブログは完成しません。次のステップとしてWordPressテーマのインストールが必要です。WordPressに初めて触れる方にとってパソコンに詳しくないのに最後まで設定できるのか不安に感じる場合も多いのではないでしょうか。

そこでこの記事では、当ブログで使用しているテーマのJIN:RをWordPressにインストールする方法を紹介します。

この記事を読めば、JIN:Rの購入から、インストールしてブログサイトのデザインを整えるまでの手順が分かります。JIN:Rをインストールして、つまずくことなくブログの構築を進めたいと思う方は、ぜひ最後まで読んでいってください。

もし、WordPressテーマを「JIN:R」にしようかと迷っているなら、あなたの決断を後押しする情報になっていると思います。

WordPressにJIN:Rをインストールする全体像を確認

レンタルサーバーの契約が終わり、サーバーにWordPressのシステムがインストールされた状態から、JIN:Rの基本設定を終えてブログ運営を始められる状態までの全体像を共有します。

インターネットやパソコンに詳しくない人でも、WordPressの準備は可能です。ConoHa WINGエックスサーバーなどで提供されている、簡単にWordPressをサーバーにインストールできるサービスを利用するだけです。

  1. JIN:Rを公式サイトで購入しダウンロードする
  2. WordPressにJIN:Rファイルをインストールする
  3. WordPressの初期設定をする
  4. JIN:Rの基本設定をする

テーマには、WordPress管理画面の中で検索して直接インストールできるタイプと、テーマファイルをアップロードするタイプの2種類があります。日本のWordPressテーマの多くはアップロードするタイプです。

JIN:Rもテーマファイルをダウンロードして、WordPressにアップロードとインストールが必要です。公式サイトで決済後に専用のページからダウンロードしてファイルを入手し保存します。JIN:Rのファイルを解凍せずに、「jinr.zip」フォルダをWordPressへインストールします。

WordPressテーマのインストールはパソコンに対してではなく、サーバーにインストールされたWordPressにインストールします。初期設定や基本設定で使うプラグインやデモデザインも全てサーバーにインストールします。唯一、パソコンに保存するのは、JIN:Rのデータフォルダです。基本的にブログでは全てがオンライン上で保存され動作します。

WordPressにテーマをインストールすることで、プログラム知識なしでもブログ運営が可能になります。WordPress自体はブログやウェブサイトを構築するためのシステムで、コンテンツ管理システムとして世界的に利用されています。

WordPressテーマは、WordPressで作られたウェブサイトのデザインテンプレートとして機能します。PHPやHTML、CSSなどプログラム知識がないと、WordPressだけでブログを作るのは難しいです。テーマはサイト運営のために役立つ機能も追加してくれて、操作性や記事の書きやすさ、表現力にも影響します。

テーマはテンプレートなのでJIN:Rを機能させるにはWordPressが必要で、JIN:Rだけではブログは作れないのです。

あとは少しのWordPressの初期設定をして、JIN:Rの初期設定をすませれば、自分のブログが手に入ります。

WordPressテーマのJIN:Rとは

JIN:Rは、初心者でも簡単に美しいウェブサイトを作成する能力が高いです。WordPressをこれから始める人が困ってしまいそうな工程を、オリジナルの機能や操作性でサポートをして挫折せずにブログ構築を進められます。

代表的なオリジナル機能は、23種類もあるデモデザインをクリックだけで着せ替えられるデザインプリセットです。初心者向けが8種類、ブログやテーマ別が12種類、コーポレート向けが3種類と用途も幅広くてサイト制作を依頼したかのような仕上がりの美しいデモサイトが利用できます。プラグインを使わないで、WordPressの中でクリックするだけで何度でも着せ替えできて操作性が良いです。

トップページのコンテンツ部分とカテゴリーページは、固定ページを適用して作っています。ブロックエディターの長所を生かして、ブロックを並べて表示したい内容を組み立てカスタマイズできるのでコードの知識は不要です。

デザインプリセット機能で
サイト構築の時短を実現

JIN:Rを公式ページで購入する

JIN:Rの購入時に必要な情報は、メールアドレスとクレジットカード情報だけです。

面倒なユーザー登録は必要ないので、数分でJIN:Rのダウンロードまで完了します。

  1. 公式ページにアクセスして、今すぐダウンロードをクリックする
  2. 利用規約を確認して、いますぐJIN:Rを購入をクリックする
  3. 決済画面に変わるので、クレジットカード情報を入力する
  4. 決済画面で入力したメールアドレスに、自動メールが届きます
  5. ダウンロード用のページからJIN:Rのファイルをダウンロードする
WordPressテーマ JIN:Rの公式のダウンロードページ。トップページ

JIN:R公式サイトの画面中央にある「いますぐダウンロード」か、右上の「ダウンロードへ」のボタンをクリックします。

詳細ページで、動作環境や、利用規約を確認して、「今すぐJIN:Rを購入」のボタンをクリックします。

決済画面で入力するメールアドレスは、JIN:Rのファイル受け取りにも使うとても重要な情報です。普段よく使っているメールアドレスを入力しておきましょう。

JIN:R運営チームから「テーマ購入後に必要な情報」が詰まった重要な案内がメールで届きます。特に、JIN:Rのダウンロードページとダウンロードパスワードは大切に保存しましょう。ユーザーコミュニティーの参加など、様々な購入者特典にダウンロードパスワードを使用します。

WordPressテーマ JIN:Rのzipファイルをダウンロードする

メールの本文に書かれていたJIN:Rのダウンロードページを開くと、購入後の流れのSTPE2に「ダウンロード」のボタンがあります。「ダウンロード」をクリックすると、パスワードを入力する画面が表示されるので、ダウンロードパスワードをコピーして貼り付けします。「jinr.zip」の圧縮ファイルがダウンロードできるので、展開せずにパソコンや外付けHDDなどに保存します。

JIN:Rのファイルは何度でもダウンロード可能です。ダウンロードパスワードが分かれば、パソコンを変えた場合やファイルを紛失しても、再度ダウンロードできるので安心です。

合わせて読みたい
誰でもできるWordPressテーマJIN:Rの購入方法
誰でもできるWordPressテーマJIN:Rの購入方法

多くのWordPressテーマやブログの始め方を解説する記事では、子テーマのインストールをすすめています。JIN:Rが提供しているカスタマイズの範囲内では、子テーマを使う利点は特に無いです。もし、大規模なカスタマイズを行うことがあれば、その時に子テーマを入手しましょう。

レンタルサーバーの契約先をConoha WINGで検討中の方、ConoHa WINGのWINGパックを契約された方は、ConoHa WINGを通じて購入すると割引価格になります。

WordPressにJIN:Rをインストールする

WordPressにJIN:Rをインストールするのに必要な情報は3つです。

  • WordPressのログインURL
  • WordPressのユーザー名とパスワード情報
  • ダウンロードした「jinr.zip」ファイル

インストールはWordPressの管理画面にログインして行います。ログインの情報さえあれば操作は難しくないので、順番に進めていきましょう。

WordPressのログインURLが分からなくなった場合は、Googleで「example.com/wp-admin」のように、自分のサイトURLの後ろに「/wp-admin」と検索する方法があります。ConoHa WINGやエックスサーバーでは、コントロールパネルにある管理画面URLで確認もできます。

WordPressのユーザー名とパスワードは、レンタルサーバー契約の中でWordPressかんたんセットアップの画面で自分で入力したものです。控え忘れたり紛失した場合は、レンタルサーバーのサポートに問い合わせして確認するしか方法がありません。

WordPressにログインする
WordPressのログインページ

レンタルサーバー契約でWordPressかんたんセットアップを申し込みをするときに決めたユーザー名とパスワードを入力します。

お気に入りに登録しておくと後々便利です。

JIN:Rをインストールする
WordPressのダッシュボード。外観メニューからテーマを選択

WordPress管理画面の左側メニューにある外観から、テーマをクリックします。

WordPressのダッシュボード。テーマの中で、新しいテーマを追加を選ぶ

テーマのページで、「新しいテーマを追加」をクリックします。

WordPressのダッシュボード。テーマのメニュー内で、テーマのアップロードを選ぶ

テーマを選択する画面で、「テーマのアップロード」をクリックします。

WordPressのダッシュボード。テーマのメニュー内で、jinr.zipを選択し、インストールする

アップロードするテーマファイルを選択する画面が開きます。

ダウンロードして保存しておいた「jinr.zip」を選択して、「今すぐインストール」をクリックします。

JIN:Rを有効化する
WordPressのダッシュボード。JIN:Rのテーマを有効化する。

「テーマのインストールが完了しました」と表示されたら、「有効化」の文字をクリックします。

WordPressのダッシュボード。テーマのページから、JIN:Rのテーマを有効化する。

画面を一度閉じてしまった場合の方法です。

WordPress管理画面の左側メニューにある外観から、テーマをクリックします。インストールされたJIN:Rが新しく表示されているので、有効化ボタンをクリックします。

JIN:Rの有効化が終われば、取得したドメインにデフォルトデザインのブログがすでに公開されています。

JIN:Rインストール後のWordPressを初期設定する

初期設定の操作でコードを自分で書く必要はありません。WordPressの管理画面でクリックやコピー&ペーストするだけで、ほとんどの設定が終わるので誰にでも安心です。

  • WordPressでアドレスを「https」に変更する
  • パーマリンクを投稿名に設定する
  • Google Search Consoleに登録する
  • サーバーの高速化設定をする

「https」に変更することがSSL設定です。

SSLはインターネット上でデータを安全にやり取りするための暗号化技術です。SSLが有効なホームページでは、URLが「https」から始まります。SSLの導入はウェブサイトの信頼性とセキュリティを高めるために欠かせないです。Googleは、安全なウェブを推進するためにSSLを導入しているサイトを優先的に検索結果に表示するなど、ブログを読んでもらえるかにも影響を与えます。

レンタルサーバー側でも設定したSSL設定をWordPress側でも行う必要があります。WordPress管理画面の左側メニューの「設定」にある「一般」を開きます。最初はWordPressアドレスとサイトアドレスが、「http」で表示されています。sを追加して「https」に修正したら保存をします。WordPressから自動的にログアウトしますので、再度ログインすれば完了です。

WordPressのダッシュボード。設定のメニューの一般で、httpsにする

パーマリンクは「exsample.com/(パーマリンク)」のように、ブログ記事のURLの一部になる部分です。パーマリンク構造が基本のままだと、自動で割り当てられたパーマリンクを変更できないです。投稿名に変更することで、パーマリンクにタイトルが設定されるようになります。

ブログ記事を書くときに修正可能なので、タイトルの日本語から英語に変換して設定しましょう。

WordPress管理画面の左側メニューの「設定」にあるパーマリンクを開きます。パーマリンク構造を「投稿名」に変更して保存します。

WordPressのダッシュボード。設定のパーマリンクで、パーマリンク構造を投稿名にする

Google Search Consoleは、Google検索でどのように表示されているかが確認できる無料のツールです。Google Search Consoleを設定すると、クリックされた数やどのような単語で検索されたのか、検索結果の表示順位などが分かります。ブログのパフォーマンスを向上させるためのアドバイスやエラーメッセージも表示されます。

Google Search Consoleにログインして、所有権の確認画面で「HTMLタグ」をコピーします。

WordPressの管理画面の左側メニューにあるJINR設定を開きます。計測タグ設定のタブにある「Search Consoleの計測タグ」へコピーしたHTMLタグを貼り付けします。

WordPressのダッシュボード。JINR設定で、Google Search Consoleの計測タグを貼る

Google Search Consoleの画面に戻り、「確認」のボタンを押します。

サーバーの高速化設定も忘れずに行いましょう。ConoHa WINGでは、WEXALをONにします。エックスサーバーであれば、Xアクセレータとサーバーキャッシュ設定をONに変更します。

インストールしたJIN:Rの基本設定をする

  • 公式マニュアルで推奨のプラグインを揃える
  • プライバシーポリシーを編集する
  • ステマ規制への対応設定をする

JIN:Rの公式で、推奨しているプラグインは10個だけです。

プラグイン名用途優先度
JetPackブログへのアクセス統計重要
Rich Table of Contents記事に目次を表示する高い
Contact Form7お問い合わせフォームを作る高い
Rinker物販アフィリエイトの表示低い
EWWW Image Optimizer画像ファイルの圧縮重要
Flexible Table Block横スクロール対応の表作成低い
Two FactorWordPressログインの2段階認証重要
UpdraftPlusサイトデータのパックアップ機能重要
Advanced Google reCAPCHAスパムや不正アクセスを防ぐ重要
Gallery Blocks with Lightbox画像ギャラリーの作成低い
  • アクセス統計のJetPack
  • セキュリティーに関係するTwo Factor、Advanced Google reCAPTCHA
  • サイトデータのバックアップのUpdraftPlus
  • 表示速度に関係するEWWW Image Optimizer

優先度を重要と表現した上記の5種類のプラグインは、WordPressにログインできるようになったら直ぐに設定した方が良いです。

  • お問い合わせフォームのContact Form 7
  • 記事の目次を表示できるようにするRich Table of Contents

ブログ記事の投稿を始める前に優先度が高いと表現した上記の2種類のプラグインを設定します。

横スクロール対応の表作成のFlexible Table Block や物販アフィリエイト表示のRinker、画像ギャラリーのGallery Blocksのプラグインは、必要なときがきたら設定すれば大丈夫です。

プラグインはアップロードの必要はなく、WordPressの中で検索してインストールできます。WordPress管理画面の左側メニューにあるプラグインを開き、新規プラグインを追加をクリックします。

WordPress管理画面のプラグインメニューから、「新規プラグインを追加」を選ぶ

プラグインを追加の画面の右上の「プラグインの検索」に追加したいプラグインの名前を入力します。プラグイン名の横の今すぐインストールをクリックします。

プラグインを追加のページで、プラグインの検索をして、今すぐインストールをクリックする

個人が作るブログサイトでもプライバシポリシーは掲載することをおすすめします。サイトを訪れた人に安心感を与えるだけでなく、Google検索に上位表示させるためのSEO対策の効果もあります。JIN:Rには、固定ページにプライバシーポリシーの雛形が備わっています。必要な部分を修正するだけで簡単に設定できます。

アフィリエイト広告をブログに掲載する場合は、ステマ規制への対応設定をします。

WordPress管理画面の左側メニューの外観からカスタマイズを開きます。

WordPress管理画面の外観からカスタマイズを開く

「ステマ規制への対応設定」を開き、表示するページを選びオンにします。

カスタマイズにある、ステマ規制への対応設定を開き、表示をオンにする

JetPack以上の高度な統計情報が必要な方は、Google アナリティクスの登録をします。Googleアナリティクスのページでトラッキングコードをコピーして、JINR設定の「Googleアナリティクスの設置タグ」へ貼り付けるだけです。

WordPressのダッシュボード。JINR設定で、Googleアナリティクスの計測タグを貼る

JIN:Rを活用してブログデザインを整える

JIN:Rのデモデザイン。完成イメージ
出典:JIN:R デモ一覧

基本設定が終わった後は、JIN:Rのデザインプリセットを活用して本格的なブログのデザインに仕上げていきます。

デザインプリセットは、WordPressのカスタマイズでデモデザインを選び、クリックだけで無料で何度でもブログサイトを着せ替えできます。初心者向けが8種類、ブログやコンセプト別が12種類、コーポレート向けが3種類あり、どれもサイト制作を依頼したかのような仕上がりの美しいデモサイトです。

初心者におすすめのデモデザインでブログを開始する

公式のマニュアルで初心者におすすめと紹介されている「DEMO Ver2 #4 Toy Yellow」を設定する手順を説明します。

デザインプリセットを開く

WordPress管理画面の外観からカスタマイズを開きます。

カスタマイズの中にあるデザインプリセットをクリックします。

カスタマイズのメニュー一覧のデザインプリセットを開く
デモデザインを選ぶ

デザインプリセットで表示されるプレビューを確認して選びます。

今回は、#4 Toy Yellowのダウンロードをクリックします。

使用する#4 Toy Yellowのダウンロードボタンを押す

選んでクリックだけでデモデザインの設定が適用されます。

#4 Toy Yellowが適用された初期の状態
デモデザインの設定をチューニングする

WordPressのカスタマイズに並ぶメニューを使って、自分のブログに合うように調整していきます。

カスタマイズのメニュー一覧。セットアップで使用するメニューをマーク

インフォメーション設定を開き、インフォメーションバーの表示を「利用しない」に変更します。

インフォメーション設定を開き、インフォメーションバーの表示を利用しないに変更

基本設定を開くと、サイトタイトルに「WordPressかんたんセットアップ」で決めたブログ名が入力されています。ブログ名を変更したい場合は新しいブログ名を入力します。バランスが崩れるので、サブタイトルは空欄のままにします。

基本設定で必要ならサイトタイトルを入力する

サイトデザイン設定を開き、ロゴ設定でサイトタイトルの大きさや上下の余白をPCとスマホそれぞれで設定します。ロゴ画像をすでに準備されている方は、「画像を選択」からファイルをアップロードできます。

サイトデザイン設定で、ロゴ画像のアップロード、タイトルの大きさと余白を調整する

プロフィール登録を開きます。プロフィール画像を変更し、プロフィール名と肩書き、プロフィール紹介文を書きます。プロフィールページのURLは空欄です。

プロフィール登録を開き、プロフィール画像、紹介文、プロフィール名を入力する

SNS登録/シェア設定を開き、リンクしたいSNSだけURLを入力します。

SNS登録/シェア設定でリンクするSNSのURLを入力する

まだJIN:Rをインストールしたばかりで記事がないので、グローバルメニューの設定は後でします。

記事ページのサイドバーを設定する

WordPress管理画面の外観から、ウィジェットを開き、サイドバーとサイドバー追尾を設定します。

WordPress管理画面の外観からウィジェットを開きます。サイドバーとサイドバー追尾を設定する

サイドバーでリスト表示をして、検索と2つのグループを検索のオプションから削除します。

サイドバーの内容を削除する方法

プロフィールブロックと記事リストブロックを設置します。記事リストのデザイン設定では、横長カードと1カラムを選びます。

サイドバーには、プロフィールと記事リストを設定します

サイドバー追尾で、リスト表示をして、2つのグループを削除します。

ショートコードブロックを設置して、公式マニュアルにあるショートコードを貼り付けます。

サイドバー追尾にはショートコードを追加します
サイドバー追尾に設定するショートコードはこちらからコピーできます

記事の目次を表示できるようにするRich Table of Contentsのプラグインを設定してから行います。

必要に応じて順番に設定していく
  • 色を変更する
  • グローバルメニューとハンバーガーメニューを設定する
  • スマホメニューを設定する
  • 吹き出し(キャラクター)を設定する
  • OGPを設定する
  • 運営者情報をフッターメニューに追加する

これで投稿の新規投稿を追加から、ブログ記事が書けます。記事を公開していくと順番に、トップページにアイキャッチ画像やタイトルが表示されていきます。4記事ぐらい公開できれば、それらしく見えてきます。

まとめ:JIN:Rのインストールと初期設定はシンプル

WordPressにWordPressテーマのJIN:Rをインストールする方法と、インストールした後の初期設定をご紹介しました。

WordPress単体ではプログラム知識が必要ですが、WordPressテーマを使うと誰もがブログ運営ができるようになります。テーマはテンプレートの役割を果たし、テンプレートによりデザインの方向性やWordPressでできる機能性が異なります。たくさん種類がある中で、JIN:Rを当サイトでは推しています。

ブログは基本的にオンラインでダウンロードやインストールを行いますが、唯一JIN:Rのテーマフォルダだけは、パソコンに保存する必要があります。JIN:RのフォルダーをレンタルサーバーのWordPressへアップロードして、インストールすることでブログ運営が可能になります。オリジナル機能のデザインプリセットを活用すると、シンプルな操作でサイトデザインまで完成します。

あとは、ブログ記事を投稿して情報発信を始め、ブログを育てていくだけです。

この記事が、JIN:Rを利用してブログを始めようかと検討されている方のお役に立てれば幸いです。

お知らせ

当サイトは「JIN:R」を使って構築しています。

ブログを作るのは難しそう、、、でも、おしゃれに仕上げたいと望む方は多いと思います。JIN:Rはブロックエディター完全対応で感覚的な操作感があり、デモプリセットやJIN:Rブロックはカラーなど細部までデザイン性が高いことが特徴です。

デザインはJIN:Rに助けてもらって、記事執筆に注力しませんか?

ABOUT ME
じゅん
じゅん
ブロガー
2020年9月から細々とブログを書き始め、現在2つのブログ運営中です。
主に、JIN:R購入者限定コミュニティ「JIN BLOG CAMP」 で学びを得ています。
元々、ITやWeb、デザインとは縁遠い、普通の会社員だった私でも、JINやJUN:Rに出会ったことでこんなに整ったブログが作れて感動です。
記事URLをコピーしました