おはようございます。
今日もショッピングモールで。昨晩はやや涼しくなっていたが今日もカンカン照りでの暑さ。
２Fから町を見渡せる天井の高いワーキングスペースはジャズも流れていて快適かもーーーー！
POWERバッテリーは、スマホの充電も一緒にやったとしても５時間はもつので、Surface Proのバッテリーと合わせて１０時間以上はいけそう。ショッピングモールのワーキングスペースでは電源があるのでとりあえずいいとして、
スタバとか、VOLOCEとか電源がないので、重宝するかも。
昨日は、フォトショップの画像加工が実践で役に立ったので、ぶち満足感とともに寝る前にはNETFLIXで
グッドドクターのシーズン４を見て熟睡できた。
ドラマの舞台となっているサンノゼに旅行しているような気分。
背景を延長する作業は結局、四角形選択ツール⇒ 編集のコンテンツに応じて塗りつぶす がやりやすかった。
が、道路の中央線、側道線がゆがむので、選択範囲に応じるやり方をためしてみたい。
メインビジュアルがPC,SPでキレイに収まるように調整ができていないので、今日はそれを解決したい。
TOP画面の見た目調整
検索エンジンからの流入の場合、TOPページにたどり着かないことも多いが、ブランディングができている会社のHPはTOPページをちゃんと作りこんでいることが多いように思う。
WordPressの上部管理メニューを消す
編集モードで開くと、もれなく通常のブラウジングでも上部に黒い帯状のメニューが表示されメインビジュアルの大きさがちゃんとはまっているか？確認できない。
下準備として、まずは、これを消そう！
WordPress管理画面の【ユーザー】 > 【プロフィール】をクリック。
「ツールバー」という項目にて「サイトを見るときにツールバーを表示する」というチェック欄があるのでこちらのチェックを外す。
おー、これで消えましたね。やったーー。OK
メイン画像が画面下に収まるように調整
まずスマホから、
フォトショップのアートボードの縦幅が１３５０ｐｘでは、若干たりなかったので、伸ばそうとプロパティをいじったがうまくいかないため、切り抜きツールで選択してした下にドラッグしたら変更できた。
９６０×１４３６Pxで作成したが、下に隙間があるので、１４４９ｐｘにドラッグしたがどうしてもマウスでは１ｐｘの調整ができないのだ。。
そこで調べたところ下記の方法でできるらしい
ツールバー⇒ 切り抜きを選択 ⇒上部のオプションバーの「縦横比のプリセットまたは切り抜きサイズを選択」
上部メニューの切り抜きオプション窓の右にある
幅×高さ×解像度のところに ９６０⇔１４５０×３００（dpi)と入力すると
微調整ができたー ぱちぱち
これでスマホ表示するとぴったりです。！！
アートボードの調整は、右のプロパティでもできるけど、切り取りツールの方がやりやすい気がする。
が、道の線がめちゃめちゃ。あとでFRESCOで背景もイラスト化する予定なので、このままにしておく。
次に、PC
PCは切り抜きツールで変更したところ１６００×８５０ｐｘでぴったりでした！！
グローバルメニューを透明にする
カスタマイズ⇒ ヘッダー⇒ トップページでの特別設定 で透明にできる。
すると、メインビジュアルの高さがヘッダーの縦幅の分上にシフトしたため、高さが足りなくなる。
再度調整
結局 それぞれ下記でぴったりになる。
PC １６００×９３０ｐｘ
SP ９６０×１５８０ｐｘ
結構大変だった～
ほかのサイトをつくる時にも役立つので、無駄ではないはず。
コメント