販売初心者さんが、ゼロから売れるお菓子が創れるメール講座 - バックナンバー

【ワードプレス6-7】画像を押すと、説明ページに飛ぶ!#231

◯◯◯さん、
こんばんは!

 

工房がなくても
お菓子作りの夢を叶え、
好きをシゴトにする!
OnlyOne Patissier Factoryの木村優子です。

 

profile_square.jpg

 

【ホームページを作る6ステップ】

①レンタルサーバーで
サーバーを借りる

②ドメイン屋さんから
ドメインを借りる

③独自ドメインを
レンタルサーバーに登録する

④ワードプレスを設置する

⑤ワードプレスで
テーマを設定する

−1テーマをダウンロードする

ー2テーマをインストールする

ー3スキンとサイト名を設定する

ー4プラグインを入れる 前半

ー5プラグインを入れる 後半

⑥ホームページに
記載する内容を書いていく!

ー1紙とペンで下書きする

ー2ロゴを設定しよう! 

ー3アピールエリアを設定しよう!

ー4投稿と固定ページ

ー5投稿して、トップページにリンクを貼る!

ー6画像を入れる!

今日ここ:ー7画像を押すと、説明ページに飛ぶ!

 

 

おさらいすると、

ムームードメイン
自分だけのドメイン(独自ドメイン)を
契約してきましたね!

その独自ドメインを
レンタルサーバーのロリポップ
登録しましたね!

ホームページを作る土台、
ワードプレスを設置しましたね!

テーマCocoonを
ダウンロードして、
ワードプレスにインストールしましたね!

たくさんあるプラグイン
入れましたね!

記載する中身に入っていきましたね!

 

 

▼目標レイアウト

メルマガパーツ.001.jpeg

 

前回、画像を入れましたね!

今日は、この画像を押すと、
その商品の説明ページに飛ぶ!

ということをやっていきます!

IMG_8168 2.jpg

 

 

【⑥−7 画像を押すと、説明ページに飛ぶ!】

 

これを分解して、

ステップ①画像の説明ページを作る。

     =投稿を作る。

ステップ②画像にリンクを貼る。

とします。

 

 

【ステップ①画像の説明ページ、投稿を作る!】

投稿の新規作成、覚えていますか?

 

①左上三本線
→投稿
→新規作成。

IMG_8108.jpg

 

タイトルと本文を入れましょう。

本文のところには画像を入れて、
簡単な説明文を入れましょうか◎

IMG_8109.jpg

 

②タイトルを入れて、
本文のところに画像を入れていきます。
+をぽちり。

IMG_8244.jpg

 

画像をぽちり。

IMG_8245.jpg

 

画像を選択
→メディアライブラリをぽちり。

IMG_8246.jpg

 

入れたい写真を選んで、選択。

IMG_8247.jpg

どーん!写真が入りました!

IMG_8248.jpg

 

写真の下に簡単に文章入れましょうか◎

IMG_8249.jpg

 

③投稿を公開します◎

IMG_8250.jpg

 

ぽちり。

IMG_8251.jpg

 

最初にリンクをコピーして、

次に投稿を表示。

IMG_8252.jpg

 

投稿が公開されましたー!

IMG_8253.jpg

IMG_8254.jpg

 

④ダッシュボードに戻りまして...

IMG_8255.jpg

 

固定ページを編集しにいきましょう。

左上三本線
→固定ページ
→固定ページ一覧。

IMG_8274.jpg

 

トップページにしている固定ページを編集。

IMG_8258.jpg

 

下の方にいっていただいて...

IMG_8259.jpg

 

⑤リンクを貼りたい画像を押して、
上に出る鎖のアイコンをぽちり。

IMG_8265.jpg

 

URL入れるところが出現します。

さっきコピーしたの、覚えてますか?

URL入れるところを押すと、
ペースト/貼り付けという文字が出るかなと思います。

ペーストをぽちり。

IMG_8267.jpg

 

なんかね、表示がバグっちゃう?のですが、
リンクはちゃんと貼れております...

IMG_8268.jpg

 

更新をぽちり。

IMG_8269.jpg

 

下にすっと出てくる、
「固定ページを表示」をぽちりして、
ちゃんとリンクが貼られたか確認しにいきます。

IMG_8270.jpg

 

トップページに飛ぶので、
下の方にいきまして...

さっきリンク貼った画像、ありましたか?

その画像、押せますか?

IMG_8271.jpg

 

押して、最初に作った投稿に飛べばOKです!

IMG_8272.jpg

 

 

【リンクが貼れる画像/貼れない画像】

実はいろいろ触ってみると、
リンクが貼れる画像と貼れない画像があることに気付きました◎

 

<貼れる>

・画像

・メディアと文章

 

<貼れない>

・ギャラリー

・タイルギャラリー

 

画像1枚系は貼れるのかな?という感触です。

(ちなみに、リンクが貼れない画像としたものも、
htmlで編集したらリンク貼れそうな感じでした◎

ただスマホの小さい画面で、
ながーい文字列のhtmlを触るのは
なかなかしんどくて、私はトライする前に引き返しました笑)

 

 

ということで、
本日はここまで!

お疲れ様でした!

 

 

今日の内容をさくっとおさらいすると、

・画像の説明ページを作った!

・画像にリンクを貼った!

 

明日は、
トップページの下の方、
ブログやSNSのところを
整えていきましょう!

 

ではでは〜!

 

 

+:-:+:-:+:-:+:-:+:-:+:-:+:-:+

今日のメルマガはいかがでしたか?
ほんの一言ご感想をこのメールに
返信で頂けましたら嬉しいです

+:-:+:-:+:-:+:-:+:-:+:-:+:-:+

 

【zoomの使い方】

1.zoomアカウントを作成する!

2.アプリを入れる!

3.zoomはちゃんと終了しよう!

4.必須!ミュートとビデオOFF

5.画面共有その1

6.画面共有その2 googleドライブ編

7.日時指定のミーティング予約

8.無料プラン、有料プラン

9.相手から送られた、日時指定のリンクに入れない涙

10.お互いの声が聞こえない...涙

11.外付けマイクという選択肢

12.背景の生活感、やばくないですか?汗

13.好きな背景に変える

14.みんなの顔が見えるようにする方法

 

 

【物件改装】

①設備は何が必要でしたっけ? 

②物件の選択肢3つ。

③物件を改装して許可とる流れ

④物件を探す時に大切なこと

⑤保健所には◯◯を持って相談に。

⑥物件選びのコツ。

⑦工事業者さん探し〜物件契約。

⑧工房の改装ビフォーアフター!

⑨申請〜現場検査〜許可証受け取り!

 

 

【A4プリンタでラベル作り】

1.必要なものは3つ

2.ソフトダウンロード!

3.データ作りは本メールから

4.1マスを全マスにコピー!テスト印刷

5.イラスト入れたり、フォント、文字色の変更

6.スペース削減。

7.QRコードを入れる

8.ロゴをシールにする

9.カレンダーをシールにする&印刷

 

【ラベルライター復習】

1.機種選び

2.ソフトダウンロードと用紙の説明

3.枠線作って文字入れ

4.文字のサイズと余白調整

5.いざ印刷!

6.イラストを入れてみよう!

7.カラー印刷できる!?

8.シール1枚いくらなの?

 

Mac PC 1.セットアップ

Mac PC 2.データ作って印刷!

 

オススメのラベルライター

ブラザーのQL-800!


 

 

Amazonとか楽天とか見て回ったのですが、
こちらはロール紙が1つおまけでつくので超お得!

私は、DK-2205 (幅62mm長尺紙) にしました!

そしてもし他にお買い物がある方は、
楽天のお買い物マラソンを利用すると
ポイントが通常よりつきます!

 


▼売れるお菓子の教科書

202009_hit_sweets.001.jpeg

https://startupkitchen-magazine.com/present-202009-hit-sweets/

 

 

▼ラベルが書けるようになる!

20200727_label1_header.001.jpeg

https://startupkitchen-magazine.com/wp-content/uploads/2024/02/20200807_label1_20240211.pdf

 

 

▼成分表でよく使う項目にマーカーを引こう!

20200325_食品成分表マーカー.001.jpeg

https://startup-kitchen.com/wp-content/uploads/2020/03/c9b209892ff89aac2a12e5ca0cec4b15.pdf

 

 

▼オススメの成分表はこちら!


新ビジュアル 食品成分表
大修館書店

(画像は楽天ブックスよりお借りしました)

成分表.jpg

楽天ブックス

Amazon

 

 

お菓子販売
わからないこと投書箱
作ってみました▼

26576831.png

投書箱はこちら

 

20260410_youtube_ayumadou.png

築100年の物件をリフォームして
パン屋開業!
野菜の水分でこねる野菜パンと
粒のお米から作るお米のパンで
地域農業と経済の循環を目指す
あゆま堂さんにインタビュー

 

20251112_youtube_ayukuma.png

【2ヶ月で販売デビュー】
初めての販売で
売上179,000円つくった
あゆくまお菓子教室
つのくまあゆみさんにインタビュー

 

20251210_youtube_mayu.png

【元看護師さんの
アラウンド還暦からの挑戦】
店名やコンセプトから考え直して
お菓子販売デビューした
手仕事菓子 繭さんにインタビュー

 

20251219_youtube_shiawasebiyori.png

【自宅改装してお菓子屋さん開業】
やりたいことを思いっきりやりたい!
東京都墨田区両国
しあわせ日和さんにインタビュー

 

 

<ラベル講座>

初めてお菓子販売する方が
迷いなくラベル作成
できるようになる!
 
販売に必須のラベル作り
添削プランをご用意しました▼
 
20230331_ラベル勉強会.png

 

 

<おすすめシェアキッチン>

【東京都】秋津エリア
mamatanoさん

mamatano7.jpg

東京都清瀬市野塩1-173

・飲食店営業
・菓子製造業

mamatanoさん詳細はこちら

 

 

【埼玉県】川越市
コミュニティキッチン河越さん

コミュニティキッチン河越_菓子4_IMG_20241112_153708.jpg

埼玉県川越市霞ケ関北4-22-22

・菓子製造業
・飲食店営業

コミュニティキッチン河越さん
詳細はこちら

 

 

【愛知県】安城市
シェアキッチンのわさん

nowa.png

愛知県安城市山崎町向6-6

・菓子製造業

シェアキッチンのわさん
詳細はこちら

 

 

【愛知県】名古屋の栄・矢場町
すたーとあっぷきっちん

001_small.jpg

名古屋市中区栄3-35-21 菱家ビル906

・飲食店営業
・菓子製造業

すたーとあっぷきっちん
詳細はこちら

 

 

【大阪府】中崎町
レンタルキッチン大阪コロレさん

rentalkitchen_colore-1.png 

大阪府大阪市北区浮田2丁目6番21号

・菓子製造業

レンタルキッチン大阪コロレさん
詳細はこちら

 

▶その他の
全国のシェアキッチンさんは
こちら

 

+:-:+:-:+:-:+:-:+:-:+:-:+

 

プライベートプロフィール

名古屋出身、名古屋在住。

動物占いは「ピュアで天真爛漫」な猿。
天秤座のO型。
元気が有り余る9歳男子小3の母です。

2015年から名古屋で、
2018年から自由が丘/都立大学も加わって
シェアキッチンを運営しています。
(→自由が丘/都立大学は
営業を終了しました!
ご愛顧ありがとうございました!涙)

 

パンを作ってマルシェに出たい!
だけど、製造場所がない...

それでも諦めきれず、
製造場所がないなら作っちゃえ!と、
物件を借りて改装して、
シェアキッチンを作りました!

その後マルシェに出たり
お弁当の製造販売をしたり
作り手さんのサポートをしたりする中で
妊娠出産します(!)

出産すると、
製造する時間や
マルシェに出店する時間を
確保することが難しくなったので、
作り手さんのサポートに専念。

クッキー1袋300円、
たくさん作ってたくさん売らないと
手元にお金が残らない、薄利多売という
製造販売の構造を変えたいと思い、
小さなお菓子屋さんLabを始めました!

 

▼【更新強化中】会えるオーナー、木村です。YouTube
https://www.youtube.com/@startup-kitchen

 

▼Facebookのお友達申請はこちら
https://www.facebook.com/yuko.kimura.5836
(毎日たくさんのご連絡をいただくので
 申請の際は一言メッセージをいただけると嬉しいです^^)

 

▼きっちんの作り手さんのお菓子Instagram
https://www.instagram.com/yuko_sharekitchen/

 

▼日々徒然つぶやいているTwitter
https://twitter.com/_yuko_kimura_

 

▼シェアキッチン
 すたーとあっぷきっちん名古屋
https://startup-kitchen.com

 

▼全国のシェアキッチンさん情報
https://startupkitchen-magazine.com/

 

▼メールはこちら
info@lifeproject.biz

 

+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+

バックナンバー一覧