STUDIOにて、ヘッダーをスクロールに追従させるように設定したい。これ自体は難しくなく、左上の「配置」の設定を「固定」にすればOKです。 しかし、固定した要素は常に表示されるのが仕様です。メインビジュアルを全画面に表示したいと思っても、どうしてもそこにヘッダーが被る形になってしまいます。 ヘッダーは、ユーザーがスクロールをして、メインビジュアルを通過してから表示させたい。 そんなときは、重ね順の調整を工夫することで解決します。 つまり、重ね順を メインビジュアル > ヘッダー という状態にして、メインビ ...

週末、子どもの運動会が控えている。今日は木曜日だ。そして、撮影機材の問題が解決していない状況。最悪である。 手元にあるのはミラーレス一眼「OM-D E-M10 Mark III」。ただ、日常的な使い方しかしていないので、レンズはパンケーキが1つあるだけ。これでは娘の晴れ舞台をファインダーに収められない。 運動会には望遠レンズが必要だ。撮影できる場所が限られているし、子どもは動き回る。自分の足で撮影ポイントを選べないので、遠くの被写体を捉えるための手段が必要になるのだ。 しかし、年に一回出番があるかどうかと ...

Web制作において、デザインの関係上どうしても h1 テキストを設定できない場合があります。そういうときは、画像に alt 設定し、それを h1 とするのが推奨されます。 今回はSTUDIOにおいて、画像に設定した alt を h1 に設定する方法をご紹介します。 画像の alt を h1 として設定する方法 1. 画像を img に変更 レイヤーに画像を追加したら、画像の右上にあるラベルを Box から img に変更します。 2. 画像に alt を設定する 画像を選択した状態で、右のメニューの中にあ ...

Webサイトのトップページ。メインビジュアルに画像を置いていて、h1をデザインで表現できない場合があります。 このとき、一般的なコーディングであれば、画像に h1 を設定し、alt テキストを設定するのが、よくある対応でしょう。 しかし STUDIO では画像を h1 に設定することができません。そこでご紹介するのが、デザインに影響がない形で、h1を設定するテクニックです。 h1 をデザインに影響しない形で設定する方法 サンプルで作った「h1」のテキスト。これを非表示する方法をいくつかご紹介します。 1. ...

現在公開中の「hogehoge」というページがあるとします。この「hogehoge」をリニューアルしたいときの公開手順をご紹介します。 公開中のページを編集するのはオススメしない 公開中「hogehoge」ページで構築を進めていくのはオススメしません。誤って「公開」をしてしまったら、未完成のページが公開されてしまうからです。 ページのリニューアル手順 ページをリニューアルしたいときは、以下の手順で進めるのがオススメです。 ——— ① 新規ページを作成し、非公開にして、新デザインで構築を進める。URLは適当 ...