左坊のメモ帳

WordPress など

*

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

      2017/11/22

WordPressのシングルルページテーマ『Onepress』の設定、カスタマイズ

シンプル1カラムWordPress無料テーマOnepress」。
設定方法各設定項目の説明です。

スポンサーリンク

インストール

公式テーマなので、外観から検索してインストールできます。

デモコンテンツインポート

デモサイトのような見た目にするには、デモコンテンツインポートして、必要に応じて追加変更削除するのが簡単です。

推奨プラグイン

2つ推奨プラグインがありますので、インストールします。

  1. Contact Form 7
  2. Famethemes Demo Importer

テーマ有効にすると、

  • 外観>OnePressテーマ>「操作が必要です」タブ

が表示されます。この画面からインストール・有効化できます。

操作が必要な」作業として、推奨プラグインインストール以外に、

  • 「フロントページ表示」を「固定ページ」に切り替える。
  • トップページのページテンプレートを「フロントページ」に設定します。

2つがありますが、デモコンテンツインポートすれば、この2つの作業は不要です。

デモデータのインポート

デモコンテンツをインポートしても、既存のデータ(投稿、固定ページ、カテゴリー等)は、削除も修正もされないようですが、念のためバックアップを取っておいたほうがよいでしょう。

デモコンテンツインポートする方法は、

  1. One Click Demo Import」タブを開きます。
  2. Import Demo Data」をクリックします。

で終了です。

(2017.11.18追記)
デモコンテンツのインポート時に、Post&Mediaで処理が止まってしまいインポートできない現象がありました。少し調べたのですが、php7.1系だとうまくいかず、php5.6系だと正常にインポートできました。php7.0系は未確認。
ですので、うまくインポートできなかった場合は、回避策として、(1)推奨プラグインを有効化しておくこと、(2)サーバーのphpのバージョンを5.6.30にすること、をお試しください。

デモコンテンツインポートで、作成・変更される設定は、ざっと以下のものがあります。

  • 固定ページ
  • 投稿ページ
  • コメント
  • サイドバーウィジェット
  • メディア(画像)
  • フロントページ設定

Gateway Time-out(504)

デモインポート時に「GatewayTime-out」エラーが出てしまいましたが、デモデータはインポートされていました。

インポート後のカスタマイズ

外観>カスタマイズ各項目変更するだけですが、ひとつだけ注意点があります。

それは、メニューにあるアンカーリンクセクションのスラッグ不一致です。

WordPress日本語で構築している場合、セクションのスラッグ日本語でインポートされますが、アンカーリンクアルファベットのままインポートされます。

そのため、フロントサイトのトップページにあるメニュークリックしても、画面移動が機能しません

これを直すには、

  • メニューのリンク日本語URLにする
  • 外観>カスタマイズにある各セクションの「セクションの設定」にある「セクションID」をアルファベット変更する

どちらかの作業が必要です。

インポートデータのセクションとスラッグは以下のとおり。

セクション名 スラッグ
セクション:特集 features
セクション:私たちについて about
セクション:サービス services
セクション:ビデオライトボックス videolightbox
Section:Gallery gallery
チームセクション team
セクション:ニュース news
セクション:お問い合わせ contact

サイトのタイトル、タグライン&ロゴ

以下のような設定項目があります。

  • サイトタイトル
  • キャッチフレーズ
  • サイトアイコンの指定
  • サイトタイトルを非表示
  • サイトのキャッチフレーズを非表示

テーマオプション

一般

  • サイトレイアウト
  • ※homeページ以外のページレイアウト(右サイドバー、左サイドバー、サイドバー無し)を指定できます。

  • 固定ヘッダーを無効にする。
  • アニメーション効果を無効にします。
  • ページトップへ戻るを非表示にする。

サイト配色

  • メインカラー
  • フッター背景
  • ※ニュースレター、ソーシャルアイコン部分の背景色を指定できます。

  • フッター情報背景
  • ※copyright部分の背景色を指定できます。

ヘッダー

  • 背景色
  • サイト名の色
  • メニューリンク色
  • メニューリンクのホバー/アクティブ時の色
  • メニューリンクのホバー/アクティブ時の背景色
  • レスポンシブメニューボタンの色
  • メニューを中央揃えにする
  • ※上下中央揃えになります。

  • ヘッダーの透過
  • Scroll to top when click to the site logo or site title, only apply on front page.
  • ※ロゴ、サイトタイトルをクリックした際に、ページ最上部にスクロールします。(homeページのみ)

ソーシャルプロフィール

  • フッターのSNSを非表示にします。
  • SNSフッターのタイトル
  • ソーシャル
  • ※アイコンを追加できます

ニュースレター

ヒーロー設定

  • テキストアニメーション
  • ※デフォルトはflipInX

  • 速度

セクション:ヒーロー

ヒーロー設定

  • セクションを非表示にします。
  • セクションID
  • ヒーローセクションを全画面表示にする
  • 上部の余白:
  • 下部の余白:
  • ※ヒーローセクションのテキスト(WE ARE ONEPRESSの部分)の上下の余白量を指定できます。

ヒーローの背景メディア

  • 背景画像
  • パララックス効果を有効にする
  • 背景に重ねる色

ヒーローコンテンツレイアウト

  • 表示レイアウト
  • ※2種類のレイアウトから選択できます。

  • 大きなテキスト
  • ※「WE ARE ONEPRESS」部分のテキストを変更できます。

  • 小さなテキスト
  • ※「Morbi tempus porta…」部分のテキストを変更できます。

  • ボタン#1テキスト
  • ボタン#1リンク
  • ボタン#1スタイル
  • ボタン#2テキスト
  • ボタン#2リンク
  • ボタン#2スタイル

セクション:特集

セクションの設定

  • セクションを非表示にします。
  • セクションID:
  • セクションタイトル
  • セクションサブタイトル
  • セクション説明
  • 特集レイアウト設定
  • ※カラム数(4カラム、3カラム、2カラム)を指定できます。

セクション内容

  • 特集コンテンツ
  • ※無料版だと特集コンテンツを4つまで設定できます

  • タイトル
  • カスタムアイコン
  • ※アイコンor画像を選択できます。

  • アイコン
  • 備考
  • ※説明文を入力します。

  • カスタムリンク
  • ※リンク先を指定できます。。

セクション:私たちについて

セクションの設定

  • セクションを非表示にします。
  • セクションID:
  • セクションタイトル
  • セクションサブタイトル
  • セクション説明

セクション内容

  • アバウトコンテンツページ
  • ※無料版だと3つまで設定できます。

  • 固定ページの選択
  • 項目のタイトルを非表示
  • 個別ページへのリンク
  • 項目の取得方法
  • ※全幅コンテンツ(たぶんフルコンテンツの訳):指定した固定ページの本文を表示します。
    ※抜粋:抜粋欄に入力した内容を表示します。

セクション:サービス

セクションの設定

  • セクションを非表示にします。
  • セクションID:
  • セクションタイトル
  • セクションサブタイトル
  • セクション説明
  • サービスレイアウトの設定
  • ※カラム数(1~4カラム)を指定できます。

セクション内容

  • サービス内容
  • ※無料版だと4つまで設定できます。

  • カスタムアイコン
  •  ※アイコンor画像を指定できます。

  • アイコン
  • 固定ページを選択
  • 個別ページへのリンク

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

セクションの設定

  • セクションを非表示にします。
  • セクションID:
  • セクションの見出し
  • 動画URL
  • 背景画像

Section:Gallery

セクションの設定

  • セクションを非表示にします。
  • セクションID:
  • セクションタイトル
  • セクションサブタイトル
  • セクション説明

セクション内容

  • Select Gallery Source
  • ※無料版は固定ページしか指定できません。

  • ギャラリーページを選択
  • ※[gallery]ショートコードを記述した固定ページを指定します。

  • レイアウト
  • ※全幅orメインカラム幅か指定できます。

  • 表示
  • Item Spacing
  • ※画像間の余白を指定できます。

  • カラムのレイアウト
  • ※カラム数を指定できます。

  • Number items
  • ※表示する画像の数を指定できます。

  • Lightboxを有効にする
  • Read More Link
  • Read More Text

セクション:カウンター

セクションの設定

  • セクションを非表示にします。
  • セクションID:
  • セクションタイトル
  • セクションサブタイトル
  • セクション説明

セクション内容

  • カウンターコンテンツ
  • ※無料版では4つまで設定可能

  • タイトル
  • Number
  • ※カウンターセクションに表示したい数字を入力します。単位などは別途指定します。

  • 電話番号の前に表示するテキスト
  • ※「電話番号」はたぶん誤訳。Number欄の前に表示する文字列(円マークなど)を指定できます。

  • 番号の後
  • ※Number欄の後ろに表示する文字(パーセントなど)を指定できます。

チームセクション

セクションの設定

  • セクションを非表示にします。
  • セクションID:
  • セクションタイトル
  • セクションサブタイトル
  • セクション説明
  • チームのレイアウト設定
  • ※カラム数を指定できます。

セクション内容

  • チームメンバー
  • ※無料版では4つまで設定可能

  • ユーザメディア
  • カスタムリンク

氏名と肩書部分の編集について

チームセクション写真画像の下に表示される氏名肩書ですが、チームセクションの設定項目に無いので、無料版だとカスタマイズできないのか、と一瞬思いますが、編集可能です。

設定箇所は、各写真の画像ファイルのメディアの「タイトル」および「説明」です。
そえぞれが、氏名、肩書の欄に表示されます。

セクション:ニュース

セクションの設定

  • セクションを非表示にします。
  • セクションID:
  • セクションタイトル
  • セクションサブタイトル
  • セクション説明
  • 表示する投稿数
  • もっとニュースを読むボタンのリンク
  • もっとニュースを読むボタンのテキスト

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

セクションの設定

  • セクションを非表示にします。
  • セクションID:
  • セクションタイトル
  • セクションサブタイトル
  • セクション説明

セクション内容

  • Contact Form7ショートコード
  • 完全にお問い合わせフォームを非表示にします。
  • お問い合わせのテキスト
  • ※フォームの右側に表示する案内文などを記述します

  • お問い合わせボックスのタイトル
  • ※フォームの右側、「お問い合わせテキスト」の下に表示する案内文などを記述します。

  • 住所
  • 電話番号
  • メール
  • Fax

無料版と有料版の比較

FREE版とPLUS版の機能比較表が以下のサイトにあります。
https://www.famethemes.com/plugins/onepress-plus/#panel-8537-5-0-0

 - WordPress, Wordpressテーマ