※当サイトはアフィリエイト広告を利用しています
WordPress立上げ テーマの導入についての説明(はじめてのWordPressの解説)
![](https://crazynaka.com/wp-content/uploads/2019/10/aafb2a16fca58a2bbd5997374ab235b0.jpg)
WordPressへの初アクセスとテーマについて
今まで3回分の記事内容の作業を終えてようやくWordPressの編集画面を見ることが出来る様になったと思います。
先ずはどの様な記事編集画面なのか? そして、実際の表示画面はどの様になっているのかについて知りたいのではないでしょうか?
実は、自分も 真っさらなWordPressの画面 って見たことが無いのです。
最初の方に書きましたが、有料テーマの ELEPHANT3(広告) をすぐにこのドメイン(.com)の方にインストールしてしまった為、今回の記事のために新しく準備したドメイン(.online)ではじめて見ることになるのです。
で、その画面を見てみると、今自分が使ってブログ編集(正にこの記事です)している画面と全然違いますわ~。
左のダッシュボードの所は変わらないのですが、文字のポイントを変えたり、太くしたり、斜体文字にしたり、文字色を変えたりなどのメニューが見当たりませんよ!
Σ(・□・;)
![何も触っていないワードプレス](https://crazynaka.com/wp-content/uploads/2019/10/0e12156598db4df20e61797f45d4d884.jpg)
有料テーマも、プラグインも無い状態のWP画面です
あまりにも違いすぎて使い方全く分からないです。(^^;
どうせなので、何かしらの文章を書いてプレビュー画面を見てみましょう!
![とりあえず文章を打ち込み](https://crazynaka.com/wp-content/uploads/2019/10/9ade1121cc5b7e977b30dc07c5e35fd7.jpg)
とりあえず文章を打ち込んでみました
これをプレビューすると・・・
![素の状態のWPプレビュー画面](https://crazynaka.com/wp-content/uploads/2019/10/4c2ca9b1513783fd99316be9f0c87189.jpg)
素の状態のWordPressプレビュー画面
編集の仕方が良く分からない(使いづらい)のと、プレビューで実際の画面の見え方を見ても凄く味気ないと言うことが分かりました。
こんなに違うのであれば、自分が今使っている ”EELEPHANT3” や、他の テーマ を導入して頂いた方が良いと言うことが凄く良く分かりました。
加えて、プラグインについても四の五の言わずに おススメされたプラグインを設定しておいた方が後々楽になりそう だと言う事も、ようやく理解出来ました。
何事も実践してみるとよく理解できますね!
と言う事で、テーマを導入する手順をご説明します。
有料テーマ ”ELEPHANT3” について
前のところで見て頂いたように、何かしらのテーマを導入しないとブログ記事が非常に ”味気なくてさびしい” ものになってしまう事が良く分かりました。
なので、自分も導入している ”elephant3” の設定の仕方をご説明します。
![elephant3のトップ画面](https://crazynaka.com/wp-content/uploads/2019/10/181e1a43835316b3419ae787ac3144a7.jpg)
elephant3のサイトのトップ画面です
先ずはこのURL ここ ←から、 ELEPHANT3 のページに飛びましょう!
で、そのページの ”ご購入はこちら” からページにお入り頂き、ご購入下さい。
単体購入プランで ¥21,600- (消費税アップでおそらく¥22,000‐に上がる?)となっております。
サポート不要の方は単体購入で大丈夫ですし、サポート付きだと ¥39,800‐ (消費税アップ前)もしますので、よく考えてお決めください。
サポート付きの場合の無料サポート期間は半年で、それ以降は月毎の有料更新有りと言う設定になっています。
この ”ELEPHANT3” ですが、複数サイトに使っても良いという有難いものです。
”XSERVER” も複数ドメインを登録して使う事が出来ますので、ジャンルの違うページを作ってイメージの違うページに仕上げて行くのも良いかもしれませんね!
話しは戻りまして、 ”ELEPHANT3” の購入手続きが完了すると、購入完了メールが届きます。
そこにダウンロードの方法が載っていますので、ZIPファイルを2つダウンロードして下さい。
そのZIPファイルをWordPressにインストールして行きます。
ダッシュボードの項目の ”外観# から ”テーマ” に入ります。
![elephant3のインストール作業](https://crazynaka.com/wp-content/uploads/2019/10/1a4d37926b8f984ce795434e88b34e7d.jpg)
外観からテーマに入って下さい
すると以下の画面になります。
![テーマの中の新規追加をクリック](https://crazynaka.com/wp-content/uploads/2019/10/d7c46143ce75a564a85b4c8bdb1f5b11.jpg)
新規追加と言うところをクリックして下さい
すると ”テーマのアップロード” と言うボタンが出ます。
迷わずクリックして下さい。
![テーマのアップロード](https://crazynaka.com/wp-content/uploads/2019/10/e4546f05db484c4b99b19838c039ae29.jpg)
テーマのアップロードをクリックしましょう
クリックしたら、 ”ELEPHANT3” 購入時に届いたメールに従ってダウンロードしたZIPファイルを準備して下さい。
![elephant3の必要ファイル](https://crazynaka.com/wp-content/uploads/2019/10/a16ff4182f6b14b44d8ccebf80f44a7f.jpg)
2つのZIPファイルをファイルが必要です
もし、MACを使っていて
ZIPファイルが自動的に解凍されてしまった場合は、Finderを開き、 ”elrphant3のフォルダ” をクリックして ”elephant3を圧縮” として頂くと 再びZIPファイルに圧縮出来るとの事です。
また、 ”elephant3‐child” ファイルも同様に圧縮して ZIPファイルにしておいて下さい。
![ファイルを参照](https://crazynaka.com/wp-content/uploads/2019/10/02c76d76b29f351577cb56ba6a8beac6.jpg)
この画面でelephant3のファイルを検索しインストールします
先ほど ”テーマのアップロード” を押すと上の様な画面に切り替わりますので、 ”参照” ボタンから ”elephant3.zip” を選び ”今すぐインストール” を押します。
![elephant3インストール中](https://crazynaka.com/wp-content/uploads/2019/10/431da60986db90cbef72b8f88d8e04f9.jpg)
elephant3.zip を選択して 今すぐインストール を押したところです
インストールが完了したら以下の画面になります。
![elephant3インストール完了画面](https://crazynaka.com/wp-content/uploads/2019/10/d1b455eb1dbbc16770d791d050027172.jpg)
elephant3.zip インストール完了画面です
この画面が出ましたら 有効化ボタンは押さずに ”テーマのページに戻る” をクリックして 先ほどzipファイルを参照した画面 になるまで ”新規追加” → ”テーマのアップロード” → ”参照” と順次ボタンをおして行き、 ”elephant3‐child.zip” もインストールして行きます。
少し見にくいかもしれませんが、 上段左 → 上段右 → 下段左 → 下段右 の順となります。
![childインストール完了](https://crazynaka.com/wp-content/uploads/2019/10/b753dde811c7b7063fb7bbac5a1333a5.jpg)
childの方がインストール済んだら有効化をクリックします
”elephant3‐child.zip” のインストールが出来ましたら ”有効化” をクリックして下さい。
すると 下記の画面の様に ”elephant3‐child” に ”有効” が付きますよ。
![elephant3インストール完了](https://crazynaka.com/wp-content/uploads/2019/10/87f3e8a8ac33eba8ef29674b88164f7c.jpg)
これで elephant3 のインストールは完了です
これで ”elephant3” のインストールは完了です。
次回は引き続き色々な設定をして行きましょう!
![ネットサービスランキング](https://blog.with2.net/img/banner/c/banner_2/br_c_1055_2.gif)
ネットサービスランキング