SEO関連 ブログの書き方

5秒(大嘘)で出来るローカル環境の構築!and目次の設定をしてみました

投稿日:2016年7月21日 更新日:

今回は最近実施したローカル環境の構築と目次を表示するようになった事について書きたいと思います。なんかやるべきことを後回しにして、今やらなくてもいい事をやっているような気がしますが、ブログ運営が前より楽しくなってきています。

やっぱり少しずつでも自分で変えていけるのがサイト運営の楽しいところですよね。これがアメブロなどの無料ブログだったらなかなかここまで自由には行きませんからね。

今回紹介する変更点は基本的にワードプレス内のプラグインを使って行っています。実際にはPHPやCSS?の書き換えだけでも実行できるらしいですが、ちょっと手に負えなそうだったので簡単な方を選びました。

ローカル開発環境の構築

サイト運営にローカル環境は必須

前々からやらなければならないと思いながらも難しそうなので後回しにしてきた事が一応1つ片付きました。ローカル環境が必要だと思った理由は、色々な事を試す場が欲しかったからですね。

今回の構築したかったローカル環境というのはネットワーク上ではなく、自分のPCの中だけでワードプレスを動かすものです。新しいプラグインなどをした時に他のプラグインと相性が悪かったら、最悪の場合は自分のサイトが誰も見られない状態になってしまうかもしれません。

先に自分のPC内だけで動かしてみて問題が無ければ、実際に自分のサイトでもやってみるという方法を現在ではとっています。また、近い将来PHPやCSS(どちらもサイトを構成するプログラムの種類)をいじっていきたいので、ローカル環境が必須でした。

関連記事:『HTML初心者向け記事③。強調の必要性とやり方』

インスタントワードプレスの導入

僕はInstant WordPress(インスタントワードプレス)という物を使いました。他にもXAMPPという物を使う方法がありまして、そちらの方がメジャーなのですが難しそうなのでビックリするくらい簡単なインスタントワードプレスにしました。

起動も簡単です

インスタントワードプレス起
使い方はとっても簡単で「Instant WordPress」のサイトに行ってインストーラーをダウンロードしたら、デスクトップ等の好きな場所にインストールします。後は起動するだけでOKです。

ダウンロード、インストール、起動のたったの3ステップです。これなら誰でもできますね。

使用するブラウザを変更

インスタントワードプレス書き換え場所
いじった所は使うブラウザを何もしないとIEで開かれるのでchromeに変えたくらいです。方法はInstant WordPressのフォルダ内にある「iwpserver」フォルダー内の「pms_config」というファイルを一部をちょっと変えるだけです。皆さんの使いたいブラウザが入っているフォルダーを指定してください。

現在使っているプラグインをまとめてインストール

プラグインをまとめてインストール
若干インチキかもしれませんが、僕はまとめてInstant WordPress内のフォルダーに入れてしまいました。だって一個一個ZIPファイルをアップロードしていくの面倒じゃん?

場所はInstant WordPressのフォルダの中にある「iwpserver」⇒「htdocs」⇒「wp-content」⇒「plugins」という順番で入って行き、「plugins」というフォルダー内に解凍したフォルダーを置けばOKです。

使っているテーマをインストール

後は現在使っているテーマをインストールしたら完成です。もうやりたいようにイジりたいだけイジっていきましょう。どんだけ失敗しても大丈夫ですので、積極的に行きましょう。ちなみに僕は変なところをいじってしまったのか、インスタントワードプレスが動かなくなり再インストールしましたw

目次を付けてみた!

目次があった方が読みやすい

色んな人のブログを見ていて思ったのが、目次があった方が読みやすいなという事です。当ブログでは他のサイトの良い所をどんどんパクっていく方針ですので真似してみました。

見出しの直下に画像やツイートを貼るようにしていますが、目次はどんな文章がくるのかを読者が先に読み取れる材料として必要だと思いました。

関連記事:『アクセス数を伸ばすため③』「見出しの直下に画像」の記事です

Table of Contents Plusを使っています

このプラグインを使わずに目次を作る事も出来るらしいのですが、一括管理ができるのと簡単という理由から僕はTable of Contents Plusを使う事にしました。

このプラグインに基本的に悪い所は無さそうなのですが、唯一の弱点としては若干サイトの表示速度が遅くなる事でしょうか。目次については難しそうなので諦めますが、Facebookのいいね!ボタンはプラグインを使わずにやってみようかしら。

こんな設定で使っています

TOC+設定画面
変えたのは表示と非表示の言葉遣いと目次なうって所くらいです。番号振りは僕のブログ程度の文章の長さなら要らないと思ったので外しました。実際には下の画像のように表示されます。
目次の表示例

まとめ

これ以外にも変えた所があるのですが、ちょうど2,000文字を超えましたのでここで区切りたいと思います。Instant WordPressはとっても簡単なのでローカル環境をまだ構築できていない人は是非やってみてください。また目次を付けるとブログが一気に真面目な感じに変わるのでやってみてはいかが?

さーて来週のsohtaのSOHOは?
Facebookのいいね!ボタンの設置。サイドバーに自己紹介欄。忍者アドマックスの広告を記事内にも設置。

の3本です。来週もまた見てくださいね!じゃんけんぽん✊デュフフフフフフ(サザエさん風に)

↓関連記事↓

アフィで稼げそうな案件4パターンを自分用にまとめ どれを選んでも修羅の道か‥
なんとなく稼げる案件が分かってきたので自分の中で整理するために書きます。既に食えてるから見たら当然のことだけど、これからブログやアフィリエイトを始める人には多少参考になるかもしれません。まとめてみて思ったのは、どれもライバル強そうor手数が必要ってこと。... 【続きを読む】

アクセスが増えるという「はてなブックマーク」について軽く調べてみた
皆さん「はてぶ」って知っていますか?僕は存在を知っていましたが、付くとPVが増えるらしいって程度の認識でしたので、今回調べてみることにしました。... 【続きを読む】
【初心者向け】All in oneSEO Packを使って、アナリティクスとSearchConsoleを導入した方法
先日新しいサイトを開設しました。そのサイトを良くしていくためには、どんなアクセスが、どれだけあるのかを知る必要があります。自分でやるのは初めてです。次のサイト開設時に困らないよう、記録として残します。... 【続きを読む】

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

-SEO関連, ブログの書き方
-, , , ,


comment

メールアドレスが公開されることはありません。

CAPTCHA


ブログ運営

セルフバックは節約術として活用すべし!A8ならサイトもPCも不要だからスマホだけでOK

-218,143円の赤字!2017年7月、20代独身男性の家計簿

ASPに登録したサイト情報の削除方法まとめ Amazonアソシエイトは難しかった

【2017年7月最新情報】パチスロブログでGoogleアドセンスの審査通ったぜ!

使っているor欲しい物

机の上でケーブル類が絡むストレスを、マグネット式ケーブルホルダーで解決した

一見するとTEVAにも見えるけど、1,990円で買えるGUのスポーツサンダル買った!

【スニーカー専用洗剤】Crep Protect シューケアキットで汚いスニーカーを洗ってみた!

AJⅠとかYEEZYとかNMD的なカッコいいスニーカーが欲しくなってきた件

個人事業主(SOHO)

-218,143円の赤字!2017年7月、20代独身男性の家計簿

68,765円の黒字!2017年6月、20代独身男性の家計簿

49,844円の黒字!2017年5月、20代独身男性の家計簿

-102,715円の赤字!2017年4月家計簿

日常

【27歳男初ディズニー】パーク内で買ったお土産の値段とレビュー! Tシャツがコスパ最強説あるww

人は褒められて伸びる!叱られて伸びる人間なんて存在しない!!!‥と思う

【27歳男初ディズニー】2泊3日での費用は約45,000円

【27歳男初ディズニー(夏場)】暑さ&日差し&歩き疲れ対策と、ポケモンGOガチ勢考察

童貞

街コンのデメリットを出来るだけ論破【27歳童貞の街コン感想】

【童貞の街コン感想】年齢や趣味など、女性と共通点が多くなる街コンがオススメ!

【童貞メンズファッション】ユニクロの黒スキニー&黒い靴で脚長効果を狙ってみた!

【童貞の街コン感想】街コンはマッチングアプリより絶対に良い‥と思うw