OnePress（WordPressテーマ）でウェブサイトを作る

WordPressにはさまざまな「テーマ」がありますが、OnePressというテーマがなかなかステキだったので使ってみることにしました。公式のデモサイトはこちらになります。

OnePress – Just another FameThemes Demos Sites site

demos.famethemes.com

私が作ったデモサイトはこちらです。

初期の設定方法はこちらが参考になります。

シンプルな1カラムテーマ「OnePress」の設定項目説明

Wordpressのシングルルページテーマ『Onepress』の設定、カスタマイズシンプルな１カラムのWordpress無料テーマ「Onepress」。設定方法・各設定項目の説明です。※OnePress2.2.1版にアップデート設定変更する

blog.saboh.net

OnePressの無料版は、あらかじめ10個のセクションが用意されています。各セクションの決められた項目にデータを入力していくだけで、いま流行りのパララックス効果のあるランディングページタイプのサイトが完成します。

有料版だとカスタマイザーの画面から簡単にセクションの順番の入れ替えやセクションの追加が可能ですが、無料版ではそれができないので融通が利かないように見えます。しかし、セクションの名称にとらわれずに、テキストエディタで入力できる部分を柔軟に利用すれば、案外変化のあるサイトが作れるのではないかと思います。

（2019-11-14追記）OnePressのカスタマイズについては、以下の記事も参考にしてください。

• OnePress（WordPressテーマ）の子テーマ
• OnePressのカスタマイズ－1. セクションの順序の入れ替え
• OnePressのカスタマイズ－2. セクションの追加
• OnePressのカスタマイズ－3. スタイルシートの変更
• OnePressのカスタマイズ－4. ヘッダに連絡先を追加する

（2020-03-16追記）セクションの追加についてはこちらの記事も参考にしてください。

• OnePressのカスタマイズ－5. 大幅なカスタマイズ

（2020-03-26追記）コピーライト表示の変更についてはこちらを参照ください。

• OnePressのカスタマイズ－6. コピーライトの変更

（2020-04-18追記）トップページ内に任意の固定ページを表示させる方法はこちらです。

• OnePressのカスタマイズ－7. 任意の固定ページを表示

各セクションの設定内容は、下記のようになっています。★印をつけた項目は、入力時にテキストエディタが表示されるので、文字だけでなく画像の挿入やショートコードを貼りつけたりすることが可能です。セクションタイトルのすぐ下にセクションの説明文を入れることが多いと思いますが、例えばセクションタイトルを空欄にして、セクションの説明のところに画像を貼りつけてタイトル代わりに利用したりすれば、デザインに変化がでるのではないでしょうか。

「特集」セクションについて、公式デモと自作デモで違いを見ていこうと思います。

公式デモではこのようになっています。
○タイトル：FEATURES
○サブタイトル：WHY CHOOSE US
○説明：空欄
○カラム：４
○セクション内容：（アイコン、タイトル、備考の文章）×４

それに対して、自作デモはこのようにしています。
○タイトル：WordPressでホームページを作ろう！
○サブタイトル：サブタイトル
○セクションの説明文：セクションの説明文
○カラム：２
○セクション内容：「画像＋説明文」、「タイトル＋What’s Newのショートコード」

セクション項目の「備考」欄に、テキストエディタでショートコードを貼りつけます。

デフォルトでは９番目のセクションに「ニュース」（最新の投稿を表示する部分）があります。これを上部に表示させたかったので、What’s Newプラグインを利用して上部に表示させています。