ここではFigmaを使った制作方法について説明します。ワイヤーフレームの定義や一般的な制作手順については「ワイヤーフレーム」のページを参照してください。 新しいファイルの作成 Figmaデザインで新規のファイルを作ります […]
資料
ワイヤーフレーム
ワイヤーフレームとは ワイヤー(線)によるフレーム(枠)。画面設計の把握に使います。サイトマップが情報の設計図なら、ワイヤーフレームは情報の配置図、見た目の設計図に相当します。 →Google画像検索:ワイヤーフレーム […]
サイトマップ
サイトマップとは ページ構成を整理した図。ページ構成図。文字通り「サイトの地図」に相当するものを指します。情報の設計図です。 →Google画像検索:サイトマップ その他のサイトマップ SEO対策用で、検索エンジンにペー […]
商品リスト(JavaScript)
オブジェクトを使って、絞り込み機能付きの商品リストを作ります。 キーワード:オブジェクト 作成例(完成イメージ) 下記の順番で進めます。 【準備】フォルダ:javascript_object ①JavaScriptを書く […]
タブUI(JavaScript)
繰り返し処理と関数を使って、タブUIをつくります。 キーワード:For文、関数 作成例(完成イメージ) 下記の順番で進めます。 【準備】フォルダ:javascript_tab ①JavaScriptを書くための準備で作成 […]
テンプレート(ブロックテーマ)
テンプレートとは レイアウトの設計図のこと。WordPressを初めとするCMSでは、コンテンツ(中身)とテンプレート(設計図)は別々に管理されています。テンプレートを編集することで、作成する投稿やページは全てテンプレー […]
ブロックエディタ
ブロックエディタとは WordPressのエディタでは、見出し、文章、画像、動画…など、全ての要素が「ブロック」と呼ばれるパーツで構成されています。 ページはもちろんのこと、フルサイト編集対応のテーマではテンプレートのパ […]
フルサイト編集の基本
WordPressのテーマ(Theme)とは? サイトの外観(視覚情報と構造)を決める仕組みのこと。WordPressでは、設計の情報とコンテンツが分離されているため、同じコンテンツでもテーマを変えると全く異なるデザイン […]