【無料テーマonePress】使い方・カスタマイズ方法を解説

WordPressでかっこいい無料テーマを探しているあなたにおすすめのテーマが、「onePress(ワンプレス)」です。

onePressはトップページのビジュアルが美しくかつ高機能な海外製無料テーマで、今回は、初心者の方を対象にonePressの使い方の基本を説明していきます。

 
(※)本記事は2023年7月時点で更新した内容です。WordPress6.2.2 ＋ onePress2.3.5をベースとした環境で説明していますが、ご利用の環境によって画面やテキストの翻訳部分などが異なる場合がありますのでご了承ください。

はじめに onePressってどんなテーマ？

「onePress(ワンプレス)」は、トップページのビジュアルが美しくかつ高機能な海外製無料テーマです。デザインにこだわったホームページタイプのサイトを作りたい人におすすめです。

海外での評価も高く、世界で人気のテーマの１つです。

 

onePressには、無料版と高機能版の「onePress Plus」があります。無料版でも美しいデザインのホームページを作るための機能が用意されているので十分利用できます。

(※)最新の正確な情報は「onePress Plus - FameThemes」をご参照ください。
 

無料版を利用してさらに機能を追加したい場合に有料版「onePress Plus」も検討すると良いでしょう。

今回は無料版onePressの使い方を説明していきます。

onePressのインストールと事前準備

はじめに、onePressのインストールと事前準備をしていきます。

【準備1/5】WordPressテーマonePressを適用する

まずはWordPressテーマ「onePress」を適用していきます。

外観＞テーマを選択します。

 

新規追加を選択します。

 

onePressで検索後、onePressをインストールします。

 

onePressを有効化します。

 

トップページを確認してみましょう。下記のようにonepressの初期状態になっていることを確認します。

【準備2/5】固定ページを作成する

次に、事前に固定ページをいくつか作成しておきましょう。

今回は、下記のように固定ページを事前に作成しました。

【準備3/5】メニューバーを作成する

次にメニューバーを作成していきます。外観＞メニューを選択します。

 

ここでは事前に作成した固定ページをメニューに追加し、メニューバーを作成します。

 

【準備4/5】ContactFormでお問い合わせページを作成する

次に、ContactFormでお問い合わせページを作成しておきます。

プラグイン＞新規追加を選択します。

 

Contact Form 7をインストールします。

 

お問い合わせ＞コンタクトフォームを選択します。

 

お問い合わせフォームのショートコードをコピーします。

 

事前に作成した固定ページ「お問い合わせ」にContact Form 7のショートコードを貼り付けて更新します。

 

お問い合わせページを見てみましょう。お問い合わせフォームができていることを確認します。

【準備5/5】表示設定でトップページを設定する

次に、設定＞表示設定でトップページの設定をします。設定＞表示設定を選択します。

 

表示設定＞ホームページの設定で「最新の投稿」から「固定ページ」を選択して、事前に作成した固定ページを割り当てます。

現時点で下記のような状態になっています。

トップページにメインビジュアルを表示したりデモサイトのようにアニメーションを入れたりしたいですが、どうしたら良いんでしょうか？？

onePressの独特な使い方としては、固定ページのテンプレートに「フロントページ」を選択する必要があります。ここからは、onePressのトップページの設定方法を説明していきますね。

onePressの使い方・トップページカスタマイズ方法

前述の事前準備が終わったら、onePressのトップページの設定をしていきます。

固定ページでフロントページの設定をする

onePressの独特な使い方としては、固定ページのテンプレートに「フロントページ」を選択することでonePressの設定項目が増えて、メインビジュアルの画像やトップページの設定をしていくことができます。
 

(現状)固定ページのテンプレートに「フロントページ」を選択していない状態のカスタマイザーの設定項目

 

ここで、固定ページHOMEの編集画面を開いてください。そして、テンプレートでフロントページを選択して更新します。

 

トップページを見てみましょう。画面が変わり、カスタマイザーの設定項目も増えていることがわかります。

逆に、固定ページの「HOME」に記述していた本文は消えてしまうので注意しましょう。トップページは上記のカスタマイザーの「セクションXX」という箇所から設定していきます。

トップページ（フロントページ）設定後は、カスタマイザーの項目で「セクションXXX」という項目が増えています。

 

トップページは、このセクションXXXを設定してコンテンツを埋めていきます。ここからは、トップページの作り方を説明していきます。

セクション：ヒーロー設定 〜メインビジュアル設定〜

「セクション：ヒーロー」では、メインビジュアルの設定をすることができます。

 

セクション：ヒーローを選択すると、さらに細かい設定(ヒーロー設定、背景メディア、レイアウト)をそれぞれ選択することができます。

 

■セクション：ヒーローの設定例

セクション：注目(旧名：特集)

「セクション：注目(旧名：特集)」は、注目してもらいたいコンテンツを表示できます。今回は例として「スクールコースについて」という内容で記述しました。

 

■セクション：注目(旧名：特集)の設定例

セクション：サイトの概要(旧名：私たちについて)

「セクション：サイトの概要」は、ABOUT US・会社情報などを記述するのに向いています。今回の例では会社情報を掲載しました。

 

■セクション：サイトの概要の設定例

セクション：サービス

「セクション：サービス」については、商品・サービスなどを記述するのに向いています。今回の例では、事業内容を掲載しました。

■セクション：サービスの設定例

セクション：ビデオライトボックス

セクション：ビデオライトボックスでは、youtubeやvineoを再生できるパートを作ることができます。プロモーション的な内容を掲載するのに向いています。

 

■youtubeなどの動画の埋め込みができます。

 

利用シーンとしては限定されるので使わない場合は非表示に設定しておきましょう。

セクション：ギャラリー

「セクション：ギャラリー(Section:Gallery)」については、商品・サービスなどを記述するのに向いています。今回の例では、事業内容を掲載しました。

 

なお、無料版では事前に固定ページでギャラリーページを作成しておき、作成したギャラリーページを挿入する形になります（有料版はInstagramなどのSNSの埋め込みが可能）

■事前準備　ギャラリーページの作成

 

■セクション：ギャラリーの設定例

セクション：カウンター

「セクション：カウンター」は、数字のカウントアップを見せるのに向いています。今回の例では、年数・人数・満足を掲載しました。

セクション：チーム

「セクション：チーム」については、スタッフやチームメンバーを見せるのに向いています。今回の例では、社内スタッフを掲載しました。

 

セクション：ニュース

「セクション：ニュース」については、投稿記事を何件どのように見せるか等の設定ができます。

セクション：お問い合わせ

「セクション：お問い合わせ」については、お問い合わせフォームを中に埋め込むためのセクションです。Contact Form 7などのショートコードを利用します。

 

onePressでは、こうやってトップページを作っていくんですね。

触っていかないとなかなかわからない部分もあるので、実際にいろいろ触ってみて覚えてみると良いと思います。

onePressの設定 カスタマイザー色々な設定

参考としてonePressのその他の設定も簡単にご紹介します。

ロゴをメニューバー左に入れる

左上のonePressの部分をロゴに差し替えてみましょう。

 

ロゴの設定は、サイト基本情報から設定することができます。

テーマ設定

テーマ設定では、onePressのセクション部分以外の基本設定を行うことができます。

 

• 全般
• サイト配色
• ヘッダー設定
• ナビゲーション設定
• セクションナビゲーション設定
• ページタイトルエリア設定
• ブログ投稿一覧の設定
• 個別投稿ページの設定
• フッターSNSの設定
• フッターウィジェット設定
• フッターコピーライト設定

まとめ

まとめです。今回は、おすすめの無料テーマ「onePress(ワンプレス)」の使い方をご紹介しました。

onePressはトップページのビジュアルが美しくかつ高機能な海外製無料テーマで、海外でも非常に人気のテーマの１つで評価も高いテーマです。

無料テーマでホームページを作りたい人はぜひご参考にしてみてください。

今回は以上になります。最後までご覧いただきありがとうございました。

「業者に任せたけど、更新ができない」「本で独学は時間がかかりすぎる・・」そんなお悩みの方も多いのではないでしょうか。

個別指導形式のスクールでは、自分の知りたいことをピンポイントで学習・達成でき、自分で更新もできるというメリットもあります。
教室の無料事前相談もしておりますので、まずはお気軽にご登録ください。

詳細はこちら

YouTubeチャンネル開設しました！

最大月間50万PVの当ブログをベースに、Youtube動画配信にてWordPress、ホームページ作成、ブログのことについてお役立ち情報を随時配信していきます。

ご興味ある方はぜひチャンネル登録をしていただけますと幸いです。

【WordPress対応】自分でホームページ・ブログを作成したいWebスクールWEBST8