Twenty Seventeen(WordPressテーマ)でビジネスサイトにフォーカス
Twenty Seventeenの概要
Twenty SeventeenはWordPress.orgから無料でダウンロードできるWordPressテーマです。テーマカスタマイザーの内容やテーマの注意点、テーマの選び方、テーマを変更する手順などをご案内しています。
Twenty Seventeen のトップページは2カラム、固定ページをトップページに指定しない場合ページ先頭から more タグまでが抜粋表示されます。Twenty Seventeen のトップページは2カラム、固定ページをトップページに指定しない場合ページ先頭から more タグまでが抜粋表示されます。moreタグを記述しないとページ全体が抜粋されるので、記事公開時には注意が必要です。記事ページは1カラムで構成することもサイドメニューを配置することもできます。
- Active installations…公式ページで確認
- Last Update…公式ページで確認
- Preview
- View support forum
- Ratings…5つ星中4.5つ星
- wordpress version…4.7
- php version…5.2.4
デフォルトテーマでサイトを運用する場合は、日本語フォントの大きさや、種類をカスタマイズしたくなります。このカスタマイズをするにはスタイルシート・cssの知識などが必要になってきます。初心者の方には少しハードルが高いかもしれません。日本語で開発された有料テーマなどを利用されるとスムーズにサイトを作り上げることができるのではないでしょうか。
※最新の情報を公式ページで確認ください
テーマカスタマイザー
ダッシュボードからできるTwenty Seventeen のカスタマイズは、「サイト基本情報」、「色」、「ヘッダーメディア」、「メニュー」、「ウィジェット」、「追加CSS」となっています。カスタマイズの編集はダッシュボードより、「外観」→ 「カスタマイズ」と進みます。
サイト基本情報 | サイト基本情報では、「サイトのタイトル」と「キャッチフレーズ」を編集できます。「サイトのタイトル」と「キャッチフレーズ」を非表示にすることもできるようになっています。また、「サイトアイコン」もここで指定します。サイズは512 x 512 です。 |
---|---|
色 | 色は「ライト」、「ダーク」、「カスタム」からセレクトできます。また、ヘッダーテキストの色もここで指定するようになっています。 |
ヘッダーメディア | 「ヘッダーメディア」には動画か画像を表示させることができます。動画を表示させるには.mp4型式のファイルを指定します、画像はアップロード後切り抜きフィットさせることが可能です。 |
メニュー | ページ先頭部の「Heder Navigation」とソーシャルリンクメニューがカスタマイズできます。 |
テンプレートファイル | デフォルトのカスタマイズで足りない部分は以下のテンプレートファイルをカスタマイズすることになります。 index.php 404.php archive.php comments.php function.php header.php page.php serch.php serchform sidebar.php single.php |
追加css | サイトの外観とレイアウトをカスタマイズするには、独自の CSS コードを追加します。 |
ウィジェット
Twenty Seventeen のウィジェットエリアは「ブログサイドバー」、「フッター1」、「フッター2」となっています。固定ページにはサイドバーエリアがないので、固定ページを利用するにはフッター1とフッター2に共通させたいものを配置することが必要になります。Twenty Seventeen はアイキャッチの使い方が非常に特徴的で、非表示にされているサイトも多いようです。好き嫌いはわかれるかもしれませんがインパクトのあるページを作りたい方にはお勧めかもしれません。
- ブログサイドバー
- フッター1
- フッター2
Twenty Seventeenをインストールするにはダッシュボードから外観 → テーマ → 新規追加 → Twenty Seventeenで検索しインストールを開始します。
WordPressは比較的簡単にテーマ着せ替えることが可能で、新しいテーマをインストール&アップロード後有効化すればとりあえずWEBサイトにはなっています。注意したいのは、検索エンジンからの流入を重視している場合、着せ替え後一定期間で流入がダウンすることがあります。着せ替え後のコンテンツの修正が多岐にわたっている場合などはこの現象が顕著に表れることもあります。変更後はアクセス状況に注目し、どんなページ変化が生じているかを分析した方がいいかもしれません。
ビジネスサイトのテーマ
WordPressテーマを選ぶ際、ビジネスサイトの場合は自社のイメージと近いデザインを選びましょう。特に担当者が初心者の場合、高度なカスタマイズは難しいのでデフォルトのデザインで作っていくことになるためです。他にも、国内で開発されているか、マニュアルの有無・サポートが十分か、価格は予算内か、アップデートの頻度が高いか、SEOに十分対応対応しているかも確認しましょう。
★テーマの選び方
・利用されているか(インストールやダウンロード数)
・更新されているか
・サポートがあるか
・口コミやレビュー
テーマを変更する手順
テーマを変更するには、管理画面からダウンロードし有効化するという流れになるのですが、いきなり有効化するのは少しリスクがあります。ウイジェットなどはテーマによって取り扱いが異なります、そこで以下の手順で変更されることを推奨します。
- 変更前にバックアップする
- ダッシュボード・外観 よりテーマディレクトリにアクセスする
- ライブプレビューを確認し表示の調整を行う
- 有効化して公開
- 公開後の確認作業を行う
※ライブプレビューで確認して表示の調整をするには、ダッシュボードの 外観 画面でインストールしたテーマの有効化ボタンの右側 ライブプレビューボタンをクリックします。
テーマカスタマイザーによる調整ができるので、修正が終わったら左上部の「有効化して公開」ボタンをクリックします。公開後にはスタイルシートを修正、確認、設定します。以下の点については公開後早期にチェックするようにしましょう。
- 外部のツールと連携している場合は正しく動作しているか
- スタイルシートが正しく設定されているか
- 不要なプラグインは削除する。
テーマを安全に運用する
WordPressのテーマとは、サイト全体のテンプレートのことです。テーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっています。そのため、テーマを変更すれば複雑な処理を行うことなく、デザインや構成、機能などを変えることができます。テーマは、インターネット上で無料ダウンロードできるものから、有料で販売されているものもあります。また、自分で作成したテーマをアップロードして使用することも可能です。
ウェブサイトのセキュリティにおいて、テーマの選択は非常に重要です。
安全なWordPressテーマを選ぶためのポイントは以下の通りです。
- 信頼できる提供元を選ぶ:
- WordPress.orgの公式テーマディレクトリに登録されているテーマは、一定の品質とセキュリティ基準を満たしているため比較的安全です。
- 評判の良い有料テーマの販売サイトや開発者から購入するようにしましょう。
- 最終更新日を確認する:
- 長期間更新されていないテーマは、セキュリティ上の脆弱性が放置されている可能性があります。定期的にアップデートされているテーマを選びましょう。
- レビューや評価を確認する:
- 他のユーザーのレビューや評価を参考に、信頼できるテーマかどうかを確認しましょう。
- 不要な機能が少ないシンプルなテーマを選ぶ:
- 多機能なテーマは便利ですが、その分セキュリティリスクも高まる可能性があります。必要な機能に絞ったシンプルなテーマも検討しましょう。
- セキュリティスキャンを行う:
- テーマ導入前に、Theme Checkなどのプラグインを使って、テーマのコードに問題がないかチェックするのも有効です。オンラインのセキュリティスキャンツールを利用することもできます。
避けるべきテーマ:
- 出所が不明なテーマ: 怪しいサイトからダウンロードしたテーマは、悪意のあるコードが埋め込まれている可能性があります。
- 最終更新日が非常に古いテーマ: セキュリティ対策がされていない可能性があります。
- 無料配布されている有料テーマ: 著作権侵害の可能性があり、セキュリティ上のリスクも高いです。
WordPress本体、プラグインと同様に、テーマも常に最新の状態に保つことがセキュリティ対策の基本です。
テーマの選び方
テーマを選ぶ際にはにはレスポンシブデザインかどうかは着目しましょう。レスポンシブデザインとは、スマートフォンやタブレット・PC別に1つのデザインで表示できるようにしたものです。サイトの内容によってはスマホユーザーが少ないこともあるでしょうが、Googleはモバイル端末での表示を標準と考えていますので、この点からも対応すべきポイトです。
一般的に、WordPressテーマを選ぶ際に考慮すべき点は以下の通りです。
- 目的と機能: どのようなウェブサイトにしたいですか?(ブログ、ビジネスサイト、ECサイトなど)。必要な機能(レスポンシブデザイン、SEO対策、カスタマイズ性など)が備わっているか確認しましょう。
- デザイン: 好みのデザインであることはもちろん、ウェブサイトの目的に合ったデザインであるかどうかも重要です。デモサイトなどで実際の表示を確認しましょう。
- レスポンシブ: スマートフォンやタブレットなど、様々なデバイスで適切に表示されるレスポンシブデザインであることは必須です。
- SEO対策: SEOに強く、検索エンジンに最適化されているテーマを選ぶと良いでしょう。
- 表示速度: ウェブサイトの表示速度はユーザーエクスペリエンスに大きく影響します。軽量で高速なテーマを選びましょう。
- カスタマイズ性: デザインや機能を自分の思い通りにカスタマイズできるテーマだと、より理想的なウェブサイトに近づけられます。
- サポート: テーマのドキュメントが充実しているか、困ったときにサポートを受けられる体制があるか確認しましょう。
- 価格: 無料テーマと有料テーマがあります。予算に合わせて選びましょう。有料テーマは一般的に機能が豊富でサポートも手厚い傾向があります。