読者です 読者をやめる 読者になる 読者になる

英語とappleとDIYと

apple製品、英語関連、DIYについて

ネットショップは初心者でも簡単に作れる!無料でオシャレにwordpressをカスタマイズ!

Check!!!▼

スポンサーリンク

f:id:buchibuchi4647:20170516131930j:plain

自社のショップサイトや個人でネットショップを作るのは無料で簡単にできます。あなたのお好みでオシャレに人気サイトに負けないサイトを無料で作ることも可能です。

今回wordpressを使って、初心者でも簡単にネットショップを作る方法を学んでいきましょう。

 

無料で簡単!ネットショップを作る

wordpressを使えば簡単にネットショップやブログをショッピングサイトに変えることができます。

こんなショッピングサイトが簡単にできます。

f:id:buchibuchi4647:20170516122512p:plain

 かっこよく自由にレイアウトすることが可能です。操作や設定もシンプルで簡単です。

作成手順

page builder by siteorigin をプラグインに追加します。

このプラグインはページのカスタマイズできます。本来は2カラムまたは1カラムのレイアウトのトップページをあなたの好みにデザインすることができます。

 

f:id:buchibuchi4647:20170516123737p:plain

 wordpress→プラグイン→新規追加→page builder by siteorigin を追加。

有効化をクリック。固定ページ→新規追加で固定ページを新規追加してください。

 

f:id:buchibuchi4647:20170516124036p:plain

 

 新規固定ページの右上にいままでなかった項目ページビルダーが追加されています。ここをクリック。

レイアウトの設定

このプラグインを使えば有名サイトのように自由にトップページをレイアウト可能です。簡単な使い方を説明していきます。

f:id:buchibuchi4647:20170516124828p:plain

ここからは、簡単な使い方の例を説明します。上の段にある列を追加をクリック。

f:id:buchibuchi4647:20170516125006p:plain

分割する割合を決めます。最初は2で設定されています。2はトップページを半分に分けることを意味しています。この数字は自由に変更可能です。割合が決まったら右下にある「挿入」をクリック。

ウェジェットを追加

f:id:buchibuchi4647:20170516124828p:plain

レイアウトが決まったら、レイアウトの中にウェジェットを追加していきます。

ウェジェットを追加をクリック→テキストウェジェットを選択。

テキストウェジェットを追加→編集をクリック。

 

f:id:buchibuchi4647:20170516130823p:plain

テキストウェジェットはhtml形式を自由に貼り付けることができるので、twitterやfacebookなどのsnsボタンをお好きな場所にレイアウトできるウェジェットです。また、広告貼り付けることもできるので便利です。

今回のようにショップサイトを作るのであればphpコードは貼り付けます。そのときはphp text wedgetをプラグインに追加して有効化することによって使えるようになります。

1→cssを指定するときに入力。基本的空欄で大丈夫です。

2→簡単な背景色を設定できます。

設定が完了したら右下の「完了」をクリック。

このプラグインはネットショップやショッピングを作るときに便利なプラグインです。いろいろ自分で試してください。