マガジンのカバー画像

STUDIO学習はじめてみた。

27
ランディングページやWebサイトを作ることが出来るツール、STUDIOの使い方を0から学んでいくnoteです(^^♪ https://studio.design/ja/launch
運営しているクリエイター

2022年4月の記事一覧

【WEBサイトの上、固定ヘッダーナビ】STUDIO学習はじめてみた。#26日目

【WEBサイトの上、固定ヘッダーナビ】STUDIO学習はじめてみた。#26日目

こんにちは、yukiです♡

26日目の今日はSTUDIOで、固定ヘッダーナビ(※Webサイトの上部分)の作り方についてサクッとまとめます(^^♪

今回はロゴ(※企業ブランド例、今回はハート)とグローバルナビゲーションを【テキスト】機能を使って制作していきます。

1ヘッダー部分の中身を作る幅を100%に指定したボックスを作成し、ロゴをまずは左に配置します。
そして、グローバルナビゲーションのテ

もっとみる
【お問い合わせフォームの作り方】STUDIO学習はじめてみた。#25日目

【お問い合わせフォームの作り方】STUDIO学習はじめてみた。#25日目

こんにちは、yukiです♡

25日目の今日はSTUDIOでのお問い合わせフォームの作り方についてザックリまとめます!

フォームの追加についてフォームは左タブの【Form】から作っていく事が出来ます(^^♪

元々は英語表記でパーツが用意されているのですが、日本語記載に自分で修正をする事が簡単に出来ます(^^♪

▼日本語に直した例です。

フォーム結果の共有、Googleとの外部連携
メールア

もっとみる
【ハンバーガーメニューの作り方】STUDIO学習はじめてみた。#24日目

【ハンバーガーメニューの作り方】STUDIO学習はじめてみた。#24日目

こんにちは、yukiです♡ 

24日目の今日はSTUDIOのハンバーガーメニューの作り方🍔について記載します!

ハンバーガーメニューの作成の流れハンバーガーメニューを作るときの流れは、下記のような手順です。

①ハンバーガーメニューのアイコンを配置する。

②右側から表示される部分をモーダルが画面で制作する。

③右側から表示される部分に、<閉じるボタン>を配置する。

④リンクを繋ぐ。

もっとみる
【共通部分のパーツ作成】STUDIO学習はじめてみた。#23日目

【共通部分のパーツ作成】STUDIO学習はじめてみた。#23日目

こんにちは、yukiです♡

23日目の今日はSTUDIOで共通部分のパーツを作成する方法について簡単にまとめます(^^♪

シンボル化について同じパーツ作りについては、【シンボル化】の機能を活用していきます。

作成したBOXをシンボル化として設定を実施して、名前を付けます。

そうすると、下記のスクリーンショットのように作成したパーツが出てきます。

ポイントと使い方シンボル化シンボル化したパ

もっとみる
【存在しない404&noindexページ】STUDIO学習はじめてみた。#22日目

【存在しない404&noindexページ】STUDIO学習はじめてみた。#22日目

こんにちは、yukiです♡

22日目の今日はSTUDIOの404ページ&noindexページについて簡単にまとめます(^^♪

①404ページの作り方存在しないページのURLを訪問した際の用意として404ページを作るには、画面左上の【タイプ】で404ページを押すことで簡単に作っていけます。

②検索結果に表示したくないときは?作業中で公開したくないときは、下記の【noindex】を設定していきま

もっとみる
【色を重ねる】STUDIO学習はじめてみた。#21日目

【色を重ねる】STUDIO学習はじめてみた。#21日目

こんにちは、yukiです♡

21日目の今日はSTUDIOの色を重ねる、について綴ります(^^♪

色についてBOXにBOXを重ねることで、画像の色合いを変更が出来ます。

▼before

▼after

具体的には画面にある、下記の機能を使って実施していきます。

グラデーションや透明度の指定も出来ます♪

以上です♡

応援のイイネをいただけたら、とても嬉しいです♪

【ドメイン設定無料と有料についてのポイント】STUDIO学習はじめてみた。#20日目

【ドメイン設定無料と有料についてのポイント】STUDIO学習はじめてみた。#20日目

こんにちは、yukiです♡

20日目の今日はSTUDIOのドメイン設定の無料と有料についてのポイントについて簡単にまとめます(^^♪

そもそもドメインて何?ドメインは、Webサイトの情報を表すもので、詳しくは下記ページの内容より引用させてくださいね。

ドメインとは、簡単に言えばインターネット上の住所のようなものです。企業のホームページや個人のブログサイトはその住所に建てられる「家」というイメ

もっとみる
【外部サービスとの連携で良いなと感じた点】STUDIO学習はじめてみた。#19日目

【外部サービスとの連携で良いなと感じた点】STUDIO学習はじめてみた。#19日目

こんにちは、yukiです♡

19日目の今日はSTUDIOを外部ツールと連携させる方法について学びました(^^♪

外部サービスとの連携については、ざっくりいうと2分類があります。

①Apps(有料で使えるもの)

②Appsを使用しない連携(無料プランでも使えるもの)

①Apps(有料で使えるもの)で例えば何が出来るか?
例えばで、Googleに特化したものや、クライアントに特に喜んでもらえ

もっとみる