ここのカテゴリーではWordPressの設定について書いていきたいと思います。
月別: 2018年2月
WordPressのインストール
まずコアサーバー内でWordPressのインストールをする。
マイページ左カラムの「サイト設定」を選択。サイト名下のドメインをクリック。
次のページを開いたら、結構下の方にある「CMSインストール」という部分の「WordPress」をクリック。
そうすると、WordPressのデータをダウンロードするためのフォルダ名を入れる欄が出てきます。
任意なので何でもOKですが、ここでは単純に分かりやすく「wordpress」としました。
そして下の「+CMSインストール」というボタンを押してインストール完了。
はたしてきちんとダウンロードできているのか、気になりますよね?
そこで「サイト設定」のページに戻って右端のアクションという部分にある、雲のマークをクリック。
ここを押すと、サーバー内に入っているフォルダ一覧を見る事ができます。
先ほど作った「wordpress」というフォルダがあったらインストール成功!という事になります。
次回は、WordPressの設定です。
WordPressの設定
今回はWordPressの設定です。バリュードメインのマイページに行きます。
左カラムの「ドメイン」→「ドメインの設定操作(登録済みドメイン一覧)」を選択。
アカウント@サーバーのところにある「旧コンパネ」をクリック。
旧コンパネ画面が出てきます。
ここにある「CGIインストール」をクリック。
先ほど設定したフォルダ名(この場合は「wordpress」)を入れます。
そして「開く」をクリック。
するとWordPressの登録画面が出てくるので、ユーザー名やパスワード等を入力し、アカウントを作ります。
登録ができらたら、自分の作りたいサイトのデザインに近いテンプレートを選んでいきます。
テンプレートを選択
登録が済んだら、今度はテンプレート選びです。
WordPressには沢山のテンプレートがあります。
シンプルなものから変わったデザインまで。
自分の作りたいサイト構成に合ったものがあれば、それを選んでダウンロードすればOKとの事。
私のサイトの場合は特に載せる内容も少なく、見る人にあまりストレスをかけたくなかったのでシンプルなものを探しました。
そこで、一番思っていた構成が近かった「DARA」というテンプレートを使う事にしました。
さすがWoedPress!適応は簡単で、左端の「ダッシュボード」内の「外観」→「テーマ」にある「新規追加」で任意のデザインを選んだら、「インストール」ボタンをクリック。
前のページに戻ってそのテーマの上にマウスを置くと出てくる「有効化」というボタンをクリックすれば設定完了です。
WordPressのアドレス設定
WordPressをテンプレートとして使うと、サイトのアドレスの後ろに「http://yuriko-m-do.jp/wordpress/」といった具合に「wordpress/」というテキストが入ってしまいます。
せっかくドメインも取得したのになんだかすっきりしないですよね。
これ取れないの?と思っちゃいますが、取れるんです!この際、削除してスッキリしましょう♪
まずはWordPressにログイン後、左カラムの「外観」→「一般」を選択。
一般設定という画面が出てきます。
この「サイトアドレス(URL)」というのが今回どうにかしたい部分。
逆に「WordPressアドレス(URL)」という部分はそのままにしておきます。
「サイトアドレス(URL)」の末尾にある「wordpress/」を削除します。
今度はコアサーバーのマイページへ移動して、左カラムの「サイト設定」を選択。
右端のアクションという部分にある、雲のマークをクリック。
サーバー内に入っているフォルダ一覧ページを開きます。
ここにある「.htaccess」と「index.php」というファイルの左脇□にチェックを入れ選択。
右側の方にある「ダウンロード」ボタンをクリック。
無事ダウンロードが確認できたら「削除」ボタンをクリック。
この二つのファイルはもうこの「wordpress」フォルダ内に必要ないので消してしまします。
ですが、念のためどこかにバックアップを取っておくと安心かもです!
今度は「public_html」という部分をクリック。
「wordpress」フォルダが入っていた、1つ上の階層にある「public_html」フォルダに移動します。
「public_html」フォルダに移動したら、「アップロード」ボタンをクリック。
「参照」ボタンをクリックし、先ほどダウンロードした「.htaccess」と「index.php」というファイルをアップロードします。
「.htaccess」と「index.php」を選択したら、チェックマークをクリックし、ファイルをアップロードします。
この画面が出たら「←」をクリック。
無事「public_html」フォルダ内にアップロードできました。
要は「wordpress」フォルダから「public_html」フォルダに「.htaccess」と「index.php」ファイルを移動したという訳です。
今度はこの二つのファイルをちょっとだけ(トータルで3カ所)いじります。
「.htaccess」ファイルの右端の方にある「編集」というボタンをクリック。
「.htaccess」ファイルを編集できる画面になります。
ここにある4行目「RewriteBase /wordpress/」という部分と、8行目「RewriteRule . /wordpress/index.php [L]」にある「wordpress/」というテキストを削除します。
「←」の隣、フロッピーディスクのようなマークを押して保存。
「←」をクリックして前のページに戻ります。
今度は「index.php」ファイルの右端の方にある「編集」というボタンをクリック。
一番下の行にある「require( dirname( __FILE__ ) . ‘/wp-blog-header.php’ );」という部分に「wordpress/」というテキストを追加します。
追加前:require( dirname( __FILE__ ) . ‘/wp-blog-header.php’ );
追加後:require( dirname( __FILE__ ) . ‘/wordpress/wp-blog-header.php’ );
こちらも同じように「←」の隣、フロッピーディスクのようなマークを押して保存。
「←」をクリックして前のページに戻ります。
これでめでたくサイトのアドレスが「http://yuriko-m-do.jp/wordpress/」から、すっきりとした「http://yuriko-m-do.jp/」になりました!
フッターのコピーライト変更
「DARA」というテンプレートをダウンロードし、さっそく適応してみたのですが…
このフッターに入っている「Proudly powered by WordPress | Theme: Dara by Automattic.」というWordPressと「DARA」の作者のコピーライト。
できればここもカスタマイズしたい!と思ったので、今回はちょっとこの部分を変更してみます!
まずはこのテンプレートである「DARA」のフォルダ内にある「site-info.php」というファイルを探します。(このファイルはテンプレートによって入っている場所が違うかと思うので、探してみてください。)
「DARA」の場合はここに入っていました↓
/public_html/wordpress/wp-content/themes/dara/components/footer/site-info.php
私はコアサーバーのマイページへ移動して、左カラムの「サイト設定」を選択。
(他のサーバーの方は他のやり方で)
右端のアクションという部分にある、雲のマークをクリック。
サーバー内に入っているフォルダ一覧ページを開きます。
この中の「wordpress」というフォルダをクリック。
その中にある「wp-content」をクリック→「themes」をクリック→「dara」をクリック→「components」をクリック→「footer」をクリックすると、ようやく「site-info.php」というファイルが出てきてくれます。
深い!
右端の方にある「編集」というボタンをクリック。
念のためどこかにバックアップを取っておきましょう!
この1行目の<div class=”site-info”>から5行目の</div><!– .site-info –>までの間のをいじります。
私のサイトの場合はここを押してホームに移動するというような事は別にしなくてもいいかな、と思ったのでリンクはつけず「Copyright © Yuriko.M Design Office. All rights reserved.」としました。
「© 」は(C)2018という部分の関数で、「 」はただのスペースです。
そして今「Yuriko.M Design Office. 」となっているところを他の方は自身の任意の名前に変えればOK!
やっぱりサイトのホームに飛ぶリンクをつけたいと思ったらこのサイトの場合だと、
<a href="https://yuriko-m-do.jp/">Copyright © <?php echo date('Y'); ?> Yuriko.M Design Office. All rights reserved.</a>
としてあげれば大丈夫。
では、反映されたか確認です。
ちゃんとなってた…良かった!
これでフッターのコピーライト部分のカスタマイズは終了です。