WordPressレクタングル大TweetPocket最近、配布されているWordPressテーマをカスタマイズしてコーポレートサイトを作成することが増えてきたので、作成方法をまとめてみようと思います。先日コーポレートサイトをWordPressのOnePressというテーマで作成しました。OnePressは無料でインストールできます。Plusの購入が必要になる場合があります。)コーポレートサイト用のデモコンテンツをインストールできるので、素早くパララックスの動きがついたカッコいいコーポレートサイトが完成します。デモサイトを作成してみましたのでご覧ください。このサイトを作成していく手順を追って説明していこうと思います。今回はひとまずインストール編です。※Onepressのカスタマイズ方法についてはこちらにまとめました。Plus編yuri-lifestyle.comOnePressテーマ活用方法まとめ1-インストール編OnePress親テーマをインストールするOnePress子テーマをインストールするOnePressデモコンテンツをインストールするOnePress親テーマをインストールするまずはじめに真っさらのWordPressを準備して、インストールします。OnepressはWordPress公式テーマなので、ダッシュボードの外観>テーマの新規追加で検索してインストールできます。OnePress子テーマをインストールするただ写真を入れ替えるなら子テーマは必要ないですが、セクションを足したりCSSでデザインを修正したい場合は、子テーマを入れておく必要があります。カスタマイズをする前に子テーマを入れておくことをお勧めします。デモコンテンツをインストールしてカスタマイズしたあとに、やっぱりもっとCSS触りたい、となって子テーマをインストールすると、カスタマイズ前の状態に戻ってしまうことがあります。子テーマを最初に足しておくと後々のカスタムがしやすいですよ。子テーマのデータダウンロードはこちらからできます。ファイルをダウンロードして解凍後、FTPで親テーマと同じ階層の/wp-content/themesにアップロードします。フォルダ名は分かりやすく「OnePress-child」にしておきました。ダッシュボードの外観>テーマを開くと「OnePress-Child」が選択できる状態になっているので有効化します。Actionタブを開いて、親テーマの設定を子テーマにコピーします。now」ボタンを押します。OnePressデモコンテンツをインストールするデモサイトのような見た目にするには、デモコンテンツをインポートしてから必要に応じて追加・変更・削除すると簡単に素早くカスタマイズできます。Importタブを開いて「今すぐインストール」ボタンを押します。Import」ボタンを押します。今回作成したデモサイトは右側のOneifyを利用しました。Now」ボタンを押します。このインポートは結構時間がかかるので、インポート中に誤ってプラウザを閉じてしまわないように気を付けましょう。インストールが終わったら、ここからカスタマイズをガンガンやっちゃいましょう!Onepressのカスタマイズ方法についてはこちらにまとめました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。検索:プロフィールこのサイトを運営しているユリです。WordPressのコードを書いています。詳しくはこちら他にコスメなどの情報をまとめた「ユリブログ2」も始めました。ご感想やご意見は、お気軽にお問い合わせフォームまでどうぞ。