カテゴリー
エッジプラス1テンプレートの質問

E004 個別ページの作成方法

ご利用のテンプレート:Ver2 タイプ② E004
ご利用のサーバー:レオサーバー
お客様のスキル:「HTMLは多少編集できる」
ご質問内容:

お世話になります。
初心者的な質問ですみません。

昨日、エッジプラスを購入しました。
特に、E004のランキング詳細ボタンをクリック後の「個別ページ」に魅力を感じ、作りたいと思っております。

以下のご説明ページの動画1を拝見しました。
http://forum.edgeplus1template.space/%E3%82%BF%E3%82%A4%E3%83%972/%E3%82%A2%E3%82%A4%E3%83%86%E3%83%A0%E4%B8%80%E8%A6%A7%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B/

質問1
動画の中で、「テキスト動画の方でご紹介」とご説明がございますが、どこでしょうか。

「■ エディタに投稿された内容
エディタに投稿された内容は、そのアイテム(商品)の個別ページになります。」の下の画像を拝見し、
出来れば、同様のものを作ってみたいです。

質問2-1
・[wp-svg-icons icon=””quotes・・・]CCクリームのポイント
 →このコードは、どこからもってきたものか知りたいです。コード集のようなものがあるのでしょうか。

質問2-2
 
・個別ページの表(価格、内容量、カラー・・)は、どのように作成しておりますでしょうか。
 エディタ画面でテーブル作成からおこなう必要がありますでしょうか。

以上、宜しくお願い致します。

「E004 個別ページの作成方法」への2件の返信

お世話になっております

> E004のランキング詳細ボタンをクリック後の「個別ページ」に魅力を感じ、作りたいと思っております。

なんだかうれしいです^^

■ 質問1
> 動画の中で、「テキスト動画の方でご紹介」とご説明がございますが、どこでしょうか。

どの動画の中でこの内容がありましたか?
すみません。。。いろいろな動画をアップしてるので、
自分たちでもどこでどんな内容の動画を掲載したかわからなくなってしまって・・・

> 出来れば、同様のものを作ってみたいです。

上記のことを書かれていましたが、あのページは特別これといった工夫はなく
意外とwordpressの投稿エディタ内で工夫すればできてしまうものですよ^^
画像を配置するときに、左構えにして隣に回り込みで文字を配置したり、
見出し(H2やH2)などを入れたりする程度です。
ただそのくらい程度ですが、レイアウトを整えると見やすくてきれいにまとまります^^

質問2-1
> このコードは、どこからもってきたものか知りたいです。コード集のようなものがあるのでしょうか。

これはフォントアイコンを使っています。
あの参考ページを説明しているところで、
「※ エディタ拡張プラグインなどを導入しているので、wordpressデフォルトのエディタと違います。
おすすめプラグイン情報はコチラ → サイト作成で必須・推奨なプラグイン」

という説明を書かせていただいています。
そのリンク先に掲載してあるプラグインを使っています。
プラグインなしでもフォントアイコンを使えるように組み込めるのですが、
プラグインを使ったほうが簡単なのでおすすめです。
「WP SVG Icons」というプラグインを使っています。簡単に導入できるので良いですよ^^

質問2-2
> エディタ画面でテーブル作成からおこなう必要がありますでしょうか。

こればかりは自分でテーブルのコードを入れ込む必要が出てきます。
「TinyMCE Advanced」というエディタ拡張ができるプラグインを導入すれば、
テーブルを挿入できる機能が増えるので簡単にテーブルができるのですが、
表示されるテーブルがごく普通の線でできたテーブルなので、
レイアウトを整えたいのであればご自身でCSSを入れ込む必要があります。
ネットで検索するとテーブル素材として、CSSやコードを公開してくれている人が結構いるので、
CSSが分からない人でもテーブルを組み込めると思います。

小技で方法を掲載していますので、参考にしてください

➡ 「ページ専用のCSSを追加して簡単にオリジナルテーブルを作ろう

 

コメントを残す