おはようございます。
個人事業主さんのホームページ作成と苦手なIT&Webサポートを行なっております。Smilefactoryten代表 加藤敦志 です。
先日作業する前にふと思いついたのでした。それが「WordPressでワイヤーフレームを作る」こと。
テンプレートカスタマイズでHP作成を行うのであれば、この方法だと工数を減らせそうですね。ということでやってみました。
TOPページ
1ページ(TOPページ)作ったものスクショです。
どうでしょうか?
ワイヤーフレームなのでデザインに関してココでは深く追求しません。
僕は、この時点で「余白」を調整・整えてみました。
デザイン入れ込んでから余白を調整するのは大変なので。
ダミーテキスト
ワイヤーフレームで必要な情報として「テキスト」があります。
ダミーテキストを入れ込むだけでイメージは広がります。また、タスクの進み具合では、実際のコンテンツテキストを入れ込むこともあります。
お客様ひとりひとり、その時にの状況に合わせて、進めていきましょう。
因みにワードでサクッと作成してみました!
こういうジェネレータも活用するといいでしょう。
WordPressで作れば..
先に少しお伝えしましたが、
- 作業工数を減らすことが可能(案件によります)
- デザイン入れ込みもスムーズ
に出来ますよね。テンプレートをどのような物を使うのか?によりますが、既存テンプレートを使用したWebデザイン、Web作成、ホームページ作成ではとてもいいと思いました。(今後この方法使いますww)
もちろん
- Figma
- XD
など、Web・UIデザインツールで作成して、コーディング(必要案件)で、Webサイト、ホームページを作成することもありますよね。
如何でしょうか?WordPressでワイヤーフレームを作る。Webデザイン、ホームページ作成される方は取り入れてみては?参考になれば幸いです。
今日も最後までお読み頂きありがとうございました。
1/12、19,26 小樽 LINE講座。
【詳細内容】
LINEを使ったことがなく「これからスマートフォン使いたい」方向けの講座です。
自分のスマホをLINE使えるようになりますよ!
場所:小樽市内(道新文化センター)
料金、詳細その他は下記ブログ記事でご確認ください
【お問い合わせはこちら↓】
LINE@パソコン・スマホのお役立ち情報配信中!
よかったらお友達登録してね〜!
@938fcjnx LINE@ ID からも登録できます。
作成・サポート承っております。
- ホームページ作成メニュー
- ワードプレスホームページ作成
- ホームページ用写真出張撮影
- ワードプレスの操作・運用・管理に関わるサポート
- アメブロカスタマイズ(ヘッダー画像、メニューバー設置)
- 動画編集・Youtube投稿
- パソコンお買い物同行
ではまた。
Smilefactoryten
代表 加藤敦志 でした。