こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

photoshopとwordpressについて

photoshopとwordpressについての質問です。
※現在独学で勉強し始めたところなので、初歩的な質問や、認識間違いがあったらすみません。

前に務めていた会社では、Wordpressで作ったHP(テンプレートでレイアウトが決まっている)を販売しており、デザインやWordpressへの実装は外部の会社に委託していました。
納品したものの修正や、更新作業は自社のデザイナーさんが行ってくれていたのですが、
その際デザイナーさんがTOPページそのままのPSDデータを編集しているのをよく目にしました。(添付画像のような感じのものです※添付画像は前の会社作成のものではありません)

テンプレート型のHPで、画像を挿入する部分やそのサイズ、テキストを挿入できる部分などはすべて決まっており、わざわざ添付画像のような形式のPSDをつくる必要はないと思うのですが、(実装時はWordpress内で決まった箇所に画像やテキストを入れていけばいいだけです。テキスト部分まで添付画像のように入れ込んでPSDデータを作ると、逆に手間がかかるような気がします。)何か利点があってそうしていたのでしょうか?

それともWordpressから、添付画像のようなPSDデータに自動で変換できる、ソフトか何かがあるのでしょうか?
それが気になっています。
意味が伝わりづらかったらすみません。わかる方、回答よろしくお願いいたします。

投稿日時 - 2017-10-22 21:13:02

QNo.9388813

困ってます

質問者が選んだベストアンサー

Photoshopの高い方のエディションにはwebページデザインを行える機能が実装されています。
保存するときにhtmlで書き出しテキストはテキスト、画像は画像で出力可能なんです。
この機能を使うと、画像の特定部分に個別にリンクを張ったり、1枚の画像を分割して表示させるときにつなぎ目がわからないようなhtmlにしたりとhtmlをゴリゴリ記述するよりは遥かに楽だし、ホームページビルダーを使ってもなかなかうまくいかないことがPhotoshopを使うと気にしなくていいことも多々あります。



私はPhotoshopCSから使い始めたのですが、仕事で使えるPhotoshopCSテクニックと言う感じの書籍も購入して使い方を勉強しました。
その書籍にそういう説明がかかれていたのですが…

Wordpressは関係ありません。

投稿日時 - 2017-10-23 05:46:14

お礼

ありがとうございます!画像は画像、テキストはhtmlで書き出し可能だというのは知りませんでした。
それなら効率よくデザインできそうですし、一度に作業していた理由もよくわかりました!

投稿日時 - 2017-10-27 00:32:06

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

Wordpressというのは、Webサーバーソフトそのものです。

Webサーバーというのは、HTMLで表示されているフォームにパラメータを設定して実行ボタンをクリックされたとき、そのパラメータセットを受け取って、「次に表示されるページ」をプログラムが生成して再表示をするという仕事をするものです。このときにデータベースを参照したり、別のところにあるソフトと連動したりするのです。

簡単にいえば、何か用語をタイプして、検索、というのをクリックすると情報を集めてリストとして2ページめに表示してくれますね。そしてそのリストでほしい情報をクリックすると、その情報が表示されるようにすることですが、インターネットではよくある機能でしょう。

つまり、
初期ページ → 2番目のページ → 3番目のページ → ・・・
と言うように流れるわけです。

Wordpress自体はプログラムにすぎませんから、画像だとか表示テキストは持っていません。

そのために、初期ページだけはだれかが設定する必要があります。これはWordpressとは独立して作る必要があるのです。このページで「実行」なりタグで出ているクリッカブルの場所をクリックされたとき、その条件設定を、所定の、つまり自分のWordpressが待ちうけているところに送信する必要があるのです。

初期ページというのは、市役所の受付のようなもので、ここで国民年金の相談をしたいといったら「5番窓口にいってください」というような話なんです。

同じ画像を使っているから無駄だとおかんがえなのかもしれませんが、同じページではないのです。参照している画像は同じpngなりjpgでいいですけど、それを表示する配置命令はHTMLで記述されている必要があり、HTMLはそのサーバーシステム毎に必ず調整しなければなりません。そうでなければ、自分の組んだ処理に実行させることができません。

おそらく拝見するページの中で画像というのは病院の写真だけです。
それ以外の配置デザインは、すべてHTMLテキストで書かれています。

投稿日時 - 2017-10-23 16:29:27

お礼

テンプレートなので、毎回の作業は必要ないのかと考えていたのですが、そんなに簡単なものではなかったんですね。
ちょうど調整したり、ページ構成を変えるときの作業を見たのかもしれないですね。
詳しく説明いただいて、ありがとうございました!

投稿日時 - 2017-10-27 00:36:51

ANo.1

>>テキスト部分まで添付画像のように入れ込んでPSDデータを作ると、逆に手間がかかるような気がします。)何か利点があってそうしていたのでしょうか?

WEBデザイン的に、手間がかかるけどデザイン的というか印象が良いからでは?

投稿日時 - 2017-10-22 21:34:45

お礼

ありがとうございます。デザイナーさんの慣習みたいなものなのかもしれないですね。

投稿日時 - 2017-10-27 00:27:11

あなたにオススメの質問