従来の私のホームページは以下でした。
https://www.what-is-yourvision.com/
この↑サイトはJimdoの有料版でつくっています。私の元々のドメインはwhat.is.yourvision.jp(yourvision.jpのサブドメイン)なのですが、今までの色々な経緯でそれをすべてJimdoに向けてしまうことができなかったので、Jimdoは元々のドメインに大変よく似たドメインで運用しています。実はJimdoの前は https://www.what.is.yourvision.jp で自分のHPをしばらく運用していたので、Jimdo後は、そちらにアクセスが来たらJimdoのほうに飛ばす設定にしていました(「.htaccess」に記述)。
約5年間、それで運用していましたが、Jimdoってブログ機能が弱いんですよね。最近は匿名のブログなども開設して段々慣れてきたので、心機一転、新しいサイトをWordPressでつくってみようと思い立ち、早速4月(2017)から着手しました。
index
サーバーはバリュードメインのXREAを使用
このサイトはバリュードメインのXREAサーバーでs298.xrea.comをつかっています。個人的に本当に使いたいのは、頑丈で安定感があり、細かい設定も比較的簡単なエックスサーバーで、自分はそちらの契約もあるんですが、s298.xrea.com で運用している what.is.yourvision.jp には本当に多数のコンテンツがあるので、以降の手間ひまを考えると現実的じゃないと思いました^^
テンプレートはデザインプラス社のTCD 017(Canvas)を使用
WordPressのテンプレートはこちら(有料8,980円(税込))。デザインプラス社のTCD 017(Canvas)を購入して使いました。デザインプラス社のテンプレートは、日本製で人気のWP無料テンプレート「Simlicity」や「Micata」「Bizvector」などに比べると、カスタマイズがちょっとわかりにくくて少々不親切な気もしなくはないんですが、やっぱりコーポレートサイトとしては、見栄えが抜群にいいんですよね。デザインプラス社のテンプレートは現在代表幹事を務めている(現時点)日本コーチ協会東北チャプターでも「Corporate (TCD011)」というテーマを使っているので、使用感に馴染みが合っていいのかな、と思いました。ちなみに「Corporate (TCD011)」は、2013年からの採用ですが、当時のこのテンプレートについては、知人であるファイブスター の半澤さんに教えていただきました。
私のWorePressの個人的な定番プラグイン
私がWordPressを使うときに必ず入れるプラグインは以下。
・Jetpack…サイト統計情報や人気の投稿表示が便利
・TinyMCE…書体設定が簡単で簡易的なテーブル作成も便利
・Google XML Sitemaps…更新情報をgoogleに送ってインデックスに追加
このサイトでは必要になるかどうかまだわかりませんが、必要なときは
・Table of Contents Plus…目次機能
・Page Builder by SiteOrigin…カラムを作りたいときに超便利!
・TablePress…レスポンシブなテーブル作成
あとはサイトの作りに応じて、
・Category Order and Taxonomy Terms Order…カテゴリの並べ替え
・Advanced Category Excluder…特定のカテゴリの表示/非表示
こんなところでしょうか。
TCD 017(Canvas)のカスタマイズ
①カスタマイザーの追加CSSでh3の見出しをピンクの角丸四角にしました。
このテーマは子テーマのstyle.cssに書いても設定が変わらないようです。カスタマイザーの追加CSSで設定したら変わりました。
----------------------------
h3 {
font-size: calc(112.5% + 0.5vw) ;
color: #000000;
padding: .2em .75em!important;
background-color: #ffc0cb;
border-radius: 16em;
}
②カスタマイザーの追加CSSで本文の行間を1.7にしました。
----------------------------
p { line-height:1.7 !important; }
③single.phpを修正してブログ記事のアイキャッチ画像を非表示にしました。
----------------------------
<!–◆非表示◆ <?php if ( has_post_thumbnail() and $page==’1′) { if ($options[‘show_thumbnail’]) : ?><div class=”post_image”><?php the_post_thumbnail(‘large’); ?></div><?php endif; }; ?> –>
※single.phpを子テーマに入れるときには一緒にsidebar.phpも入れないとエラーになります。
※ホームページのスクリーンショットはGoogle Chromeの拡張機能「Full Page Screen Capture」を使いました。