こんにちは、chieです^^

今回は、WordPressをインストールした後にエックスサーバーで行う、ブログURLをhttpからhttpsに変えるSSL化の方法を解説していきます。

今のままだと、あなたのブログにアクセスするとこんな表示がでてしまいます。

これを、以下のように安全な通信となる設定を行っていきます。

Googleもこの設定を推薦していますので、必ず設定しておきましょう^^！

サーバーパネルでSSL化設定

まず、エックスサーバー のサーバーパネルにログインしましょう。

SSL設定をクリックします。

SSL化したいブログのドメインを選択します。

独自SSL設定の追加をクリック。

サイトが選択されているのを確認して、独自SSL設定を追加するをクリック。

設定完了です^^

SSL設定の一覧に切り替えてアドレス部分をクリックして、ちゃんとブログが表示されていれば反映完了です。

まだ反映されていない時は、この接続ではプライバシーが保護されませんというページが表示されますので、もう少し時間をあけてから再度確認しましょう。

WordPressでSSL化したURLを設定

上記までのやり方でちゃんとブログにアクセスが出来たら、WordPressの管理画面にログインしてURLの設定を行いましょう。

設定をクリックして、以下の黄色で印をつけている2か所にsを追記します。

変更を保存をクリックで完了です！！

サーバーパネルで.htaccess編集

元々のhttpにアクセスした場合でも、httpsに転送されるための簡単な設定を行います。

サーバーパネルにログインし、.htaccess編集をクリックしてください。

先ほどSSL化したサイトを選択したら、.htaccess編集のタブを開きます。

ここに追記していくコードはこちらです。

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>

これを全てコピーしてください。

そして、以下のように一番上に貼りつけます。

.htaccessを編集する（確認）をクリックして、確認画面で確定すれば完了です。

ブログにアクセスしようとして、

無効なURLです。
プログラム設定の反映待ちである可能性があります。
しばらく時間をおいて再度アクセスをお試しください。

のような表記が出た場合は、反映されるまでただ待っておけば大丈夫です^^

まとめ

今はもうhttpのままのブログの方が少なくなってきたくらい、httpsへのSSL化をしているサイトは多くなっています。

記事がたくさん入っている状態からSSL化をしようとすると少し手間がかかる部分もあるのですが、WordPressをインストールしてからすぐやってしまえば簡単です(*^^*)

SSL化が終わったら、次はWordPressに必要なプラグインをインストールする作業に移りましょう！

WordPressのプラグインAkismetを有効化してブログをスパムコメントから守ろう！

こんにちは、chieです(^^)

たくさんの方から【WordPress構築の説明書】への応援と投票をして頂いています。

感謝の気持ちを込めて、ブログやSNSで応援してくださっている方々のご紹介をさせていただきます^^*

佐藤久美さん（自宅起業アドバイザー）

音声対談をしてくださった、仲良くしていただいている女性起業家さんです(*^^*)
優しくて、とっても声が素敵です♪

書いていただいた記事
▼▼
初心者さんでも1日で完璧にワードプレスブログを構築するならこの一冊

久美さん、ありがとうございます^^*！

柳井 謙 一さん (起業家 兼 プロデザイナー)

ゲームっぽいデザインを得意とされている、起業家 兼 プロデザイナーさんです。

柳井さんのデザインは、めちゃくちゃカッコイイんですよ～^^*！！！

書いていただいた記事
▼▼
ワードプレス初心者向け、スタートアップのオススメ無料教材【WordPress構築の説明書】

(↑記事もおしゃれなんです！！)

柳井さん。ありがとうございます(*^^*)♪

KOTAさん

＝＝＝＝＝
これマジでイケてます。
特に「SEO対策済みの無料のテーマ導入方法」
と「カスタマイズ方法」は必見の価値あり
＝＝＝＝＝

KOTAさんのTwitterはこちら⇒@yebisu_ya 

Twitterで応援していただきました！
KOTAさん、ありがとうございます^^*

こんどうきみこさん

＝＝＝＝＝
SEO対策済みの無料テーマの使い方まで丁寧に解説されてるのでおすすめです♪
初めてwordPressを導入される方はぜひ！
＝＝＝＝＝

きみこさんのTwitterはこちら⇒@clokimi 

Twitterで応援していただきました！
きみこさん、ありがとうございます^^*

タツヤさん

＝＝＝＝＝
お仲間さんのブログ構築に関するレポートです。僕も頑張ろうとはしてますが、ここまで細かく解説できないです汗特に、パソコン操作が苦手でWordPressを構築できていない方はぜひぜひ！
＝＝＝＝＝

タツヤさんのTwitterはこちら⇒@xxodatatsuyaxx 

Twitterで応援していただきました！
タツヤさん、ありがとうございます^^*

夢ミルゆめっぴーさん

＝＝＝＝＝
私も読みました。
今までにない無料レポートでしたよ！ webでビジネス始める人は必見です！！！
＝＝＝＝＝

夢ミルゆめっぴーさんのTwitterはこちら⇒@090_1167 

Twitterで応援していただきました！
夢ミルゆめっぴーさん、ありがとうございます^^*

サクさん

＝＝＝＝＝
某コミュニティ仲間のchieさんが、とんでもない実績を出しました！

サクさんのTwitterはこちら⇒@copy_sk 

Twitterで応援していただきました！
サクさん、ありがとうございます^^*

ねぴあさん

＝＝＝＝＝＝
順番通りに作業するだけで初心者さんでも
確実に作成する事が出来る、
WordPress構築の丁寧な説明書です
＝＝＝＝＝＝

ねぴあさんのTwitterはこちら⇒@ContainYiacfgpd 

Twitterで応援していただきました！
ねぴあさん、ありがとうございます^^*

久川和人さん

＝＝＝＝＝＝
WordPressを構築するなら必見です！！
WordPress構築はこれさえあれば他の情報は一切不要。
順番通りに作業すれば、あっという間に構築完了しますよ。
中級～上級者の方でも参考にしてね☆
＝＝＝＝＝＝

久川さんのTwitterはこちら⇒@hisagawanet 

Twitterで応援していただきました！
久川さん、ありがとうございます^^*

ありすん。さん

ブログでご紹介していただきました！

ありすん。さんの記事⇒http://supernews115.hateblo.jp/entry/2017/09/27/045021

ありすん。さん、ありがとうございました(*^^*)！

暖かい応援、ありがとうございます^^*

メールでも暖かい応援のお言葉をたくさん頂いています。

応援していただきありがとうございます(*^^*)！

あれっ。応援文章書いたのに載せられてないよ～！

という場合は、
教えていただけると嬉しいです！

皆さん、ありがとうございます^^*

chie

こんにちは、chieです(^^)

今回は、PDFのリンクをクリックしてもリンク先に
アクセス出来ない時の対処法について図解入りで詳しく解説します。

ネットビジネスをしていると、無料レポートなどで
PDFに接する機会が多くなりますよね。

そんな時、
・PDFのリンクをクリックしてもアクセス出来ない！
・そもそも、リンクをクリックできない！

という事がありませんか？

これに関してはネット上でもよく
質問されている事なのですが、
Adobe Acrobat Readerのバージョンによって
PDFで特定の開けないリンクが存在するようです。

今回は、そんな「機能していないリンク」
でもリンク先にアクセス出来る２つの方法

を解説していきます^^

リンクの上で連続クリックをする

まず１つ目は、
「リンクの上で連続クリック」する方法です。

http://chie-okodukai.com

↑これがPDFに表示されている
クリックしてもアクセス出来ないリンク。

だとします。

この場合、この青文字になっているリンクの上で、
アクセス出来るまでクリックを連続ですると
リンク先にアクセスすることが出来ます。

カチッ。カチッ。

というやり方では無くて、
カチカチカチカチッ！

という感じの連打です(;^ω^)

私の場合はこれでアクセス出来ました^^

青文字のリンクをコピーして検索する

ちょっと面倒ですが、確実な方法です。

青文字のリンクがURLの場合、
そのURLが正しい限りは
そのままコピーして検索窓に貼りつける⇒検索

をすればきちんとアクセスできます^^

まとめ

この２つの方法を使えば、
リンク先にちゃんとアクセス出来るので
安心してください(*^^*)

それでもアクセス出来ない！

という場合は、
そもそもURLが間違っている可能性が高いです。

自分で作成したPDFなら作り直すか、
他人の作ったPDFなら、
本人に直接問い合わせてみるしかないです(;^ω^)

が、そんな事はほぼ無いと思いますので、
連打するかコピーして検索するかのどちらかを
まずは試してみてくださいね^^

今回は、Contact Form 7のお問い合わせフォームの文字を簡単に装飾する方法
を図解入りで詳しく解説します。

Contact Form 7で作ったデフォルトのお問い合わせフォームは、
ただの黒文字だけで何だか寂しいですよね。
▼▼

そこで、難しい知識無しで簡単に文字の色を変えたり
装飾をする方法を解説していきます^^

フォームをコピーして投稿ページで編集する

まずはコンタクトフォームの編集画面を開きましょう。

ダッシュボードから、
【お問い合わせ】⇒【コンタクトフォーム】をクリックします。

あなたが作ったお問い合わせフォームを開いてください。

こんな感じですね。

次に、【投稿】⇒【投稿一覧】
にカーソルを合わせて右クリックをします。

出てきた項目から、新しいタブで開くをクリックしてください。

そして、その新しく開いたタブで
【投稿】⇒【新規追加】をクリック。

編集画面が開きました^^

今は、
①元々開いていたお問い合わせフォーム
②新しいタブで開いたページ

の2ページが開いていますよね。

まずは①を表示させてください。

フォームに記載されている文字を全てコピーします。

そして、新しいタブで開いた
②の投稿編集画面を表示させてください。

そして、
①テキストタブを開いて
②先ほどコピーした文字を貼りつけます。

次に、テキストタブをビジュアルタブに切り替えます。

そして、この状態でお好きに文字を装飾してください♪

通常の記事を書くときと同じです^^*

装飾ボタンの種類を増やしたい場合は、
こちらの記事を参考にしてください。
▼▼
「文字の大きさや背景色」を変えるプラグイン

私の場合はこんな感じに装飾してみました。

装飾が出来たらまたテキストタブを開いて、全ての文字をコピーします。

フォームに編集したコピー文を貼りつける

次に、お問い合わせフォームのタブを表示させてください。

元々記載されていた文字を全て消して、
先ほどコピーした文字を貼りつけます。

そして、保存をクリックします。

お問い合わせページを確認する

お問い合わせページを見てみてください。

このように編集後の表示に変更されているはずです^^*

編集前▼

編集後▼

まとめ

投稿の編集画面のテキストタブを使えば、
このようにHTMLの詳しい知識無しで編集をする事が出来ます。

このやり方はウィジェットなどにも使えるので
ぜひ色々試してみてくださいね♪

こちらの記事も参考にしてみてください^^
▼▼
誰でも簡単に、テキストウィジェットの文字に色などの装飾を付ける方法

こんにちは、chieです(^^)

今回は、WordPressのブログ内で検索されたくないページを非表示にする方法
について図解入りで詳しく解説します。

・メルマガ用など、特定の読者に向けた記事
・プライバシーポリシーなど、あまり表示させたくない記事

このような記事はブログ内検索で表示させたくないですよね。

検索されても非表示にする設定は、Search Exclude
というプラグインで簡単にする事が出来ます。

ページごとに設定が出来るので、
さっそくインストールしていきましょう^^

Search Excludeのインストールと有効化

インストールをしていきます。

ワードプレスのダッシュボードから、
【プラグイン】→【新規追加】をクリック。

①右上の検索窓にSearch Excludeと打ち込んで、

②今すぐインストールをクリック。

有効化をクリックします。

このような表示が出て有効化は完了です。

特定の記事を表示させない設定

特定のページを表示させない為には、
そのページごとに設定をしていきます。

投稿、もしくは固定ページの一覧から、
あなたが表示させたくない記事を開きます。

すると、編集画面の右側の項目に
Exclude from Search Resultsという項目が増えています。

この、 Exclude from Search Results(検索結果から除外する)
にチェックを入れるだけで、
ブログ内検索をしても検索結果に表示されなくなります。

検索結果から除外した記事を確認する方法

どの記事にExclude from Search Results(検索結果から除外する)
のチェックを入れたっけ？

と分からなくなると面倒ですよね。

そんな時は、ダッシュボードから
【設定】⇒【Search Exclude】をクリックします。

検索除外中の記事の一覧が表示されます。

検索除外を解除したい。
つまり、検索結果に表示させたくなった記事は、
①のチェックを外して変更を保存をクリックすれば
再びブログ内検索で表示されるようになります。

②のTypeに表示されているのは、固定ページか投稿ページか
という見分けをする為の表示です。

page＝固定ページ
post＝投稿

まとめ

メルマガ読者さんだけに向けた記事を作りたい場合など、
ブログ内検索では表示させたくない記事が増えてきたら
Search Excludeを使って検索から除外すると楽です^^

・人気記事の一覧に表示させないようにする。
・目次に表示させないようにする。

などの設定も同時に行うようにしてくださいね♪

こんにちは、chieです(^^)

今回は、WordPressでfunctions.phpを編集した時に、
Parse error: syntax error,が出てブログが表示されなくなってしまった時
の対処法について詳しく解説します。

ちょっとテーマの編集をしたいな～。
と思って編集をしたら画面が真っ白になった！

という場合、結構焦りますよね(;^ω^)
▼▼エラー画面の例。

この場合、焦って違う所までいじり回さないようにしましょう。

ちゃんと対処できるので、さっそく解説していきます^^

エラー表示を見れば原因が分かる

エラー表示が出ている場合、原因を示してくれています。

この場合、simplicity2の子テーマのfunctions.php
に書き込んだ表示が間違っていますよー。というエラーです。

functions.phpを編集して出たエラーの場合は、
この間違った書き込みを修正、もしくは削除する事でエラーを解決できます。

FTPソフトでfunctions.phpの中身を確認する

functions.phpを編集したことがエラーの原因だと分かったので、
FTPソフトを使って中身を確認しましょう。

ここではFileZillaの画面で解説していきます。

⇒FileZillaのインストール方法
⇒FileZillaのアクセス方法

FTPソフトを開いてください。

【サーバ】→【再接続】をクリックして、サーバーに接続しましょう。

その際にこのような画面が表示された場合、OKをクリックします。

これで接続は完了です。

次に、エラー表示で出ていたこの黄色の部分をFTPソフトで表示させます。

次に、このfunctions.phpを右クリックして、
ダウンロードをクリックします。

また後で使うので、FTPソフトはそのまま開いておいてください。

次に、ダウンロードしたファイルをメモ帳で開きましょう。

エラーが起きる前にあなた自身が書き込んだ
心当たりのある構文があるはずです。

修正の仕方が分からない場合は、該当する個所を全て削除しましょう。

削除したら、ファイルの上書き保存をします。

これをFTPソフトにアップロードしていきます。

修正したファイルをアップロードする

開いたままのFTPソフトに、
先ほど修正したファイルをアップロードしていきます。

無事移動が済んだらこれで完了です^^

ブログにアクセスしてみましょう！

ブログの表示を確認する

修正が無事完了した場合、普通の表示に戻っています^^*

表示されない場合

まだブログが表示されない場合、キャッシュが関係している可能性があります。

GoogleChromeの設定で解説していきますね。

まずは画面右上の・が縦に３つ並んだマークをクリックしてください。

次に、設定をクリックします。

設定画面が開きました^^

次に、画面の一番下までスクロールしてください。

詳細設定という所をクリックします。

少し下の所の、閲覧履歴データを削除するという項目をクリック。

そして、キャッシュされた画像とファイル
にチェックが入っている事を確認して、
閲覧履歴データを消去するをクリックします。

これでもう一度ブログを表示させてみてください。

無事に表示されているはずです^^

まとめ

WordPressでfunctions.phpを編集した時に、
Parse error: syntax error,が出てブログが表示されなくなってしまった時
の対処法について解説しました。

エラー情報がそのまま表示されている場合は、
その個所をFTPソフトで修正する事で解決できます^^

また、こういった時に焦らないように、
今後WordPressやプラグインを更新したりテーマを編集する時には
事前にバックアップを取っておいたら安心です♪

⇒WordPressのバックアップ方法①

⇒WordPressのバックアップ方法②☜おススメ

こんにちは、chieです(^^)

今回は、WordPressで記事の目次の上に見出しが表示される時の原因と対処方法

について図解入りで詳しく解説します。

記事を書いていて見出しを付けたら、

『あれっ！目次の上に見出しが表示されてる・・・』

という事がありませんか？

この状態の事です。

これだと目次の意味がありませんよね(;^ω^)

こうなってしまう原因と対処方法について
さっそく解説していきます^^*

記事内に目次を作れるプラグイン、
Table of Contents Plusの
インストールと設定方法はこちら。
▼▼
Table of Contents Plus

原因と設定方法

目次の上に見出しが表示されてしまう原因は、
Table of Contents Plusの設定にあります。

設定により、見出しが認識されない状態になっているのが原因です。

この画像を見てください。

見出しを付けているのに、目次に見出しが表示されていませんよね。

この部分を表示されるように再設定していきます。

簡単に再設定出来ますので、さくっとやってしまいましょう^^*

まずは、
【設定】⇒【TOC+】をクリックしてください。

Table of Contents Plusは、略してTOC+と表示されています。

一番下までスクロールして、

上級者向け設定を表示させます。

見だしレベルという項目を見てください。

この１~６までの数字が、
目次内に見出しを表示させるための設定になります。

ここにチェックを入れておかないと
記事で見出しを付けても目次に表示されません。

使う見出しレベルには全てチェックを入れましょう。

しっかりチェックを入れたら、
一番下にある設定を更新をクリックします。

記事に見出しを付けて確認してみましょう。

目次内に先ほどチェックを入れた見出しが反映されて、
見出しもちゃんと目次の下に正しく表示されています^^*

まとめ

記事内の目次の上に見出しが表示されてしまう時の
原因と対処方法について解説しました^^

目次の表示がなんか変！

と思ったら、Table of Contents Plus
の設定を見直してみてくださいね♪

こんにちは、chieです(^^)

今回は、【PS Auto Sitemap】のプラグインで表示させた
サイトマップの順番を簡単に変える方法

について詳しく解説します。

せっかく用意したサイトマップも、
順番がごちゃごちゃしていると気になりますよね。

ブログに訪問してくれた方に一番見てもらいたい
重要なページを先頭に表示させる事も重要です。

そこで、簡単にサイトマップの
順番を変える方法を解説していきます^^

※固定ページのみ変更できます

固定ページの順番を入れ替える

固定ページの順番を変えていきたいと思います。

変更前がこちら。

サイトマップの上部には、
プロフィールやお問い合わせページ、
見てもらいたいページなどを持ってくると良いです。

では、さっそく変更していきたいと思います^^

固定ページの順番変更はとても簡単です♪

ます、固定ページの一覧を開いてください。

一覧の中からサイトマップの一番上に表示させたいページを選択して、

クイック編集をクリックします。

編集画面が表示されます。

ここの、順序という項目が、サイトマップに表示される順番になります。

順序を変更したら、右側に出ている更新をクリック。

この調子で、どんどん固定ページの順番を変更していってください。

固定ページ一覧の表示順番も変わっていきます。

表示に断層を持たせる

固定ページにはカテゴリーやタグはありませんが、階層を持たせることが出来ます。

こんな感じですね。

このように表示させるには、固定ページ一覧で
断層化させたいページを編集します。

この一番上の固定ページを親として
下の２つのページを断層化させる場合、

断層化させたいページのクイック編集をクリック。

親という項目を選択し、
どのページの断層化にしたいのかを選びます。

選んだら、更新をクリック。

断層化したいページが１つ以上ある場合は、
今の作業を繰り返します。

固定ページ一覧でもこのように断層化が分かるように、
実際のサイトマップにも反映されています。

↓↓

見やすくまとまったサイトマップの完成

この方法で固定ページを１つ１つ設定していくと、
このように見やすくまとまったサイトマップが完成しました♪

設定前
▼▼

設定後
▼▼

きちんと断層化しているので、断然見やすくなりました♪

まとめ

サイトマップは、ブログへの訪問者さんが
見た時に分かりやすい工夫をしましょう。

特に、断層化はしておくと見やすさが全然違います^^

設定は簡単なので、見やすくまとまったサイトマップ
を作ってみて下さいね♪

こんにちは、chieです(^^)

今回は、WordPressの投稿一覧の画面で
タイトルが縦長になって見づらくなった時に
見やすい横長の表示に戻す方法

について図解入りで詳しく解説します。

タイトルの表示が縦長になってしまうと、
見にくいし、無駄に場所を取ってしまいますよね。

設定で簡単に見やすい表示に変えられるので、
さっそく設定していきましょう^^

タイトルが縦長になる原因

タイトルが縦に長く表示されてしまう原因は、

投稿一覧に表示させている項目が多くなっているのが原因です。

この、赤い枠で囲っているのが項目です。

この表示の設定を変えることで、
タイトルを縦長から横長へと変える事が出来ます。

表示オプションを変更する

まずは、投稿一覧の画面を表示させてください。

ここで設定を行っていきます。

今はこんな感じで、タイトルが縦に長くなって見にくくなっていますよね。

この画面の右上にある、表示オプションをクリックしてください。

カラムという表示の下にある項目の一覧に、
いくつかチェックが付いている状態だと思います。

ここにチェックが多く入っているほど画面に表示される項目が多くなり、
タイトルが表示されるスペースも狭くなって縦に長くなってしまいます。

例えば、この画像のカテゴリーを見てください。

試しにカテゴリーのチェックを外してみると、

実際の表示からカテゴリーが消えて、

縦長だったタイトルの表示が少し横長になりました。

このように、別に表示させなくてもいいと思った
項目のチェックをどんどん外していきましょう。

チェックを外していくと、
リアルタイムで下の表示も変わっていくので分かりやすいと思います。

チェックを外したら適用をクリックします。

表示オプションでチェックを外す前と後を比べてみると、

外す前がこちら。

　　　↓↓↓

外した後がこちら。

タイトルが横長になって見やすくなっていますね^^

このように、いつも使っていない項目や必要ない項目は
表示オプションの一覧からチェックを外しておきましょう。

ちなみに、私がチェックを付けているのはこんな感じです。

何回でも表示設定は変えられるので、
自分が見やすいように設定してみてください♪

まとめ

表示オプションからチェックを外すだけの作業だったので、

意外と簡単な設定でしたよね(^-^)

プラグインなどをインストールすると、
項目が増えて縦長になってしまう時があります。

そんな時はまた設定し直してみてくださいね^^*

こんにちは、chieです(^^)

今回は、エックスサーバーでカード自動更新設定をして
次回から支払い手続きをしなくてもよくする方法

を図解入りで詳しく解説します。

エックスサーバーに契約後、更新期間が近くなると
もうすぐ期限なので支払いしてくださいね～。

というお知らせのメールが来ます。

期限日までに支払いをしない場合、
サーバーが凍結して使えなくなってしまいます(*_*;)

うっかり支払い忘れた！

なんてことにならないように、カード自動更新設定をして
次回から自動で支払いをするようにしましょう^^

ちなみに、クレジットカードを持っていない方は
楽天カードがおすすめです。

学生から使えて、年会費無料。
使うだけで楽天ポイントが溜まっていきますよ^^*

今なら入会して利用するだけで
7000円分のポイントが貰えます♪
(キャンペーンは7月3日まで。)

自動更新設定をする

契約の期限日が近くなると、このようなメールが来ます。

お知らせは来ますが、うっかり見落とす可能性もありますよね。

凍結してしまっては大変なので、
早速自動更新設定をしていきましょう！

エックスサーバーの自動更新設定はインフォパネルから行います。

まずはログインしましょう。

↓↓↓
インフォパネル

利用期限が迫ってくると、期限間近！という表示が出るようになります。

決算関連にある、

カード自動更新設定

をクリックしましょう。

クレジットカード情報を入力して、

クレジットカードの登録(確認)をクリック。

更新したいサーバーにチェックを入れます。

ドメインも契約している場合は、同じくチェックを入れましょう。

そして、自動更新の登録(確認)をクリック。

これで良ければ、自動更新の登録(確定)をクリックします。

自動更新用クレジットカードを登録しました。

という表示が出れば、設定は完了です。

左側にあるカード自動更新設定をクリックしてみると、

自動更新の設定が有効になっているかを確認する事が出来ます^^

まとめ

クレジットカードで自動更新の設定をしておけば、

うっかり支払い忘れてサーバーが凍結！

なんて事にはならないので安心ですね♪

ネットビジネスをしていく中で
定期的な支払いが必要なサービスに登録した場合は、

今回のように自動の引き落としの設定があるか
確認しておくと安心ですよ^^*