【最新有料級！】最強無料WordPressテーマ「Cocoon 」を使ったブログサイトの始め方・作り方（ドメイン/サーバー契約/初期設定/テーマ設定全て解説）
Vložit
- čas přidán 20. 07. 2024
- 動画をご覧いただきありがとうございます。
本日は無料WordPressテーマ「Cocoon 」を使ってブログデザインを作っていきます。
参考になったらいいね！とチャンネル登録お願いします♪
▼ドメイン・レンタルサーバーConoHa WING 登録はこちら▼
www.conoha.jp/wing/sponsored/...
▼Cocoonサイトはこちら▼
wp-cocoon.com/
▼Cocoon4つのピックアップメニューCSSはこちら▼
mikimiki1021.com/wordpress-co...
▼Canva新機登録はこちら▼
www.canva.com/ja_jp/
▼Canva Pro 登録クーポンコード 45日間無料トライアル▼
partner.canva.com/mikimiki
✅Line公式アカウント ━━━━━━━━━━━━━━
CZcamsチャンネルmikimiki webスクールの更新情報やライブレッスン情報、スキルアップに繋がるお得な情報を不定期で配信しています😄
【無料登録はこちら】
➡️ lin.ee/5hA2UUY
お友だち登録で特典もプレゼント中👇
☆Instagramフォロワーを増やすための完全ロードマップ
☆Canva特別テンプレート
☆フリーランスとして最短で収益化するためのチェックリスト
✅無料ニュースレター ━━━━━━━━━━━━━━
生成AI、Canva、最新Webサービスの情報を伝える無料ニュースレター💌
【無料登録はこちら】
➡️ form.run/@ririannewsletter
▼お問い合わせ/お仕事の依頼はこちら▼
form.run/@ririan-design-0ffice
●目次
00:00 オープニング
00:48 Cocoonがオススメな理由
02:54 本日作っていくサイトデザイン
03:49 ドメイン・サーバー契約
08:35 WordPress初期設定
09:59 Cocoonテーマ設定
11:01 ヘッダー作成
16:58 ナビメニューの作り方
21:02 ブログ記事の書き方
21:58 カテゴリー作成
22:58 サイドバーの設定
25:10 フッターの設定
25:49 4つのピックアップメニュー作成
31:20 ブログ投稿画面の設定
34:32 お問い合わせフォーム作成
■スポンサー━━━━━━━━━━━━━━
ConoHa WING
www.conoha.jp/wing/sponsored/...
■関連動画━━━━━━━━━━━━━━
①【有料級】WordPressテーマ「SWELL」を使ったサイト型トップページの始め方・作り方
• 【完全！有料級】WordPressテーマ「S...
②【WordPress基礎講座①】何がいいの？WordPress仕組みを14分でわかりやすく解説します。
• 【WordPress基礎講座①】何がいいの？...
③【最新】超初心者向け！Canvaの使い方を分かりやすく解説します
• 【最新】超初心者向け！Canvaの使い方を分...
■オンラインスクールRirian School.━━━━━━━━━━━━━━
www.ririanschool.com/
○▼【日本初Canva公式アンバサダーが教える】ゼロから始めるCanva Webデザイン講座▼
www.ririanschool.com/courses/...
○【動画レッスン】Webデザイナーを目指す人向けの Illustrator講座
www.ririanschool.com/courses/...
○【4Days Zoomレッスン】Webデザイナーを目指す人向けの Illustrator講座
www.ririanschool.com/courses/...
○スキルアップ個人レッスン
www.ririanschool.com/courses/...
■mikimiki 発信メディア一覧━━━━━━━━━━━━━━
○Instagram
/ mikimiki1021
○Twitter
/ mikimiki10211
○mikimiki webスクールブログ版
mikimiki1021.com/
■デザインオフィスRirian 発信メディア一覧━━━━━━━
○Ririan Instagram
/ mikimikiwebschool
○デザインオフィス Ririan HP
ririan-dsn.com/
■mikimiki プロフィール━━━━━━━━━━━━━━
株式会社Ririan&Co, 扇田 美紀（mikimiki）
一児のママ👶🏻
Webデザイナー/ コンテンツクリエイター 。
クリエイティブツールCanvaの日本人初のCanva Experts。
ririan-dsn.com/about-2/
#mikimikiwebスクール ＃WordPress #Cocoon
とても分かりやすく初心者に優しい動画でした！
声もかわいくて聞きやすかったです！
早速作ってみます
解説サイト読み漁りながら手探りでやってみたけどどうしてもうまくいかなくて、藁にもすがる思いで動画を探したらこんな神動画が！！！
めっっちゃわかりやすいです！ありがとうございます！
花粉症によりいつも以上に鼻声になっております😅聞きづらい部分がありましたらすみません🤧
内容についての個別のご質問はお受けできません🙇♀️
最高に分かりやすかった
お礼に今度飲み行きますかww
お陰様でブログがまともになりました。ボクにとって一番参考になる動画でした。ありがとうございました！！
WordPressとは、直感的に操作することでホームページが簡単に作れるもの、と誤解していました。HTMLで作っていた人にとって簡単なだけで、初めてホームページを作る人には十分難しいです。WordPressの基本的な優先度の高い機能を、実用的なシンプルなホームページ作成を例に短時間で解説いただき本当に助かりました。ありがとうございました。
ワードプレス歴3年ですが、思ったようなレイアウトが出来なくて新しいサイトを作成する事に決めました。
その時にCocoonを知りユーチューブにて作り方を調べてみたらこの動画にたどり着きました！分かりやすい説明で助かっています。違う動画やブログも参考にします。
WordPress初心者です！
知りたかったこと分からなかったこと大体解説されていたのでめっちゃ助かりました！ありがとうございます！
mikiさんの流れに沿って作ったらとっても良いブログがあっという間にできました！
今回もとても分かりやすかったです！すぐに活用させてもらいます😊
cocoon使ってます！
参考になる動画を求めてました！
ありがとうございます😊
半分アナログ人間のおっさんでも、ホームページを開くことができました。先生ありがとう😊
わかりやすい解説動画をアップしていただきありがとうございました！
ありがとうございました、丁寧な作業案内にて大変参考になりました。
しっかり勉強させて頂きました。ありがとうございました。感謝致します。
本当に有料級です😭困っていたので助かりました。ありがとうございました！！！
まったく分からない所からの始まりだったのですが、この動画のおかげで、なんとかそれっぽく出来ました！助かりました。ありがとうございます💖💖💖
とても分かりやすかったです😊
ありがとうございます！
先生の動画はとても分かりやすいので沢山見てますが、特にこの動画は何度も見てます❗️
本当に有料級です
いつもありがとうございます😊
とてもわかりやすい動画でした。おかげさまで、なんとか骨組みはできました。ここの動画を紹介させてもらいますね。これからもよろしくお願いします。
これはすごい！！！！
ひとつずつ動画を止めながら設定を進めたら、できちゃいました！
感動しています。ありがとうございました！
（白抜きのSNSシェア＆フォローだけ叶いませんでしたので、リトライしてみます☺）
スロー再生しながらなんとかできました😊わかりやすい解説をありがとうございます❤
何をどうしたらいいのかわからない中でこちらの動画にたどり着きました。がんばってBlog作ります！
ありがとうございます。
すごくわかりやすかったです！
何とか形になりそうです。
mikimiki先生のおかげでなんとかコクーン設定することが出来ました😂❤
ありがとうございました。とてもためになる良い動画でした。
ピックアップメニューができたことがとても有意義でした。ありがとうございました。今後も頑張ってください。
はじめまして。
動画を拝見しながら、初めてブログサイトを作成することができました。
ありがとうございました😀
これまでいくつかのサイトを見てチャレンジしましたがかわいいページにならず、今回やっと思った通りのサイトが1日でできました！とても説明がシンプルかつわかりやすく感動しました。
あとは投稿ページの作り方を学ぼうと思います、ありがとうございました！
非常に参考になりました。ありがとうございます。
コクーン難しくて泣きそうでした😢すごく丁寧で分かりやすかったです！
わかりやすい動画ありがとうございます😊
と～～～～っても参考になりました！
有難うございます！！
とても参考になりました。
ありがとうございます！
参考になる動画ありがとうございました。
大変に、参考になりました❤
はじめまして。
先生の動画はとても分かり安いです。ブログ初心者ですが速攻で立ち上げました！
Cocoonの機能の多さに驚きました、参考になりました
いつもながらわかり易く、とっても参考になります(^^♪
他の動画も拝見しますね！
ありがとうございました🤩
1番わかりやすい動画でした🎉
今まで苦戦していて全くブログ作成出来なかったのですが、この動画を見ながらやっていくと出来ました😆
嬉しー💓
聞きやすい声のトーン、わかりやすい説明、ありがとうございました✨
とても分かりやすい解説ありがとうございます。
一点質問させてください。
Wordpressのcocoonを使ってを作成しているところなのですが、
以下の「[C]ボックスメニュー」がウィジェットに表示されずに止まってしまいました。。
表示させるための方法があるのでしょうか？アドバイスを頂けますと幸いです。
わかりやすく解説していただきなんとか取りかかる気持ちが芽生えました。海外に住んでいますがこちらでご紹介の通り作成しても大丈夫ですか？また、言語を複数入れたい場合はどうすればいいですか？
canvaで作成する画像やロゴのサイズはどのようにして決めているのでしょうか？（計算方法、経験からくる感覚値、何回か試して導いたなど）
とても分かりやすかったです。
一点質問があります。。36.42の際、どこをクリックして進んでいるのでしょうか？
わかりやすいご説明ありがとうございます！センスの良い作り方でとても素敵です。さて1つだけ確認させて頂きたいことがあります。4つのピックアップメニューのところで追加CSSのプログラムはブログからコピーください、とコメントございましたが、どこから入って、どれをコピーさせてもらえればいいかわかりませんでした。教えていただけると嬉しいです。よろしくお願いいたします。
ありがとうございます🤗
概要欄にブログを貼り付けてますのでそちらからご確認をいただけます🙏🏻
非常に分かりやすかったです。
追加CSSについて質問です。「ブログに記載されている追加CSSをペースト」の意味が理解できませんでした。
詳細を教えて頂けますか？
素晴らしい動画ありがとうございます。
ブログ記載の追加CSSをコピペし外観→カスタマイズの追加CSSに貼り付けましたが画像が大きくなりません。
ここまでは動画を見ながら同じように進めただけに原因がわかりません。。。
いつも勉強させてもらってマス。自分はぶろぐでアニメーションで会話形式でやりたいと思っていいるのですが、やり方が分かりません。教えてもらえたら幸いです
mikiさん、はじめまして。いつも動画を楽しみに見ています。Cocoonで初めてワードプレスに挑戦しました。とても丁寧な説明で動画を見ながら頑張りました。のですが、固定ページ内の画像やアイキャッチ画像が下書きの時は表示されますが、公開する、を押すとすべての画像が消えてなくなります。文字だけ表示されます。一生懸命調べましたが原因分からずです涙 mikiさん、助けてください！
大変参考に成りました。私も一度Wordpressを使ってやり始めたのですがMiki さんの説明を聞きまして素人の私には無理だという事に気が付きました．Pro の人が作るのはさすがに見栄えが有ります．そこでお願いがあるのですが今私がやろうとしていることをMikiさんに依頼出来れば良いなと思うのですが可能でしょうか？ タイトルは英会話に関することです．
動画を参考にページ作成中です！
cavaで画像を作ったのですがエラーが出てアップロードできません💦
サーバーが画像を処理できませんと出てきます😢
同じサイズで作っているのに何故でしょう〜💦
ハナゴエでも、聞きやすいですね～
いつも、ありがとうごうざいます。とても分かりやすい説明で、ブログサイドを作成することができました。
質問ですが、サイドバーに、Archives と Categories というものが勝手にできており、どうしても消せません。消す方法をご教示いただけますでしょうか。
パソコンの調子が悪くiPadしかないのですがiPadのブラウザでもこのサイト作成をすることは可能でしょうか？
チャンネル登録させていただきました。Cocoonプロを使わずにヘッダーの背景透過をする方法はありませんか？
コメント失礼します。動画大変参考になりました。動画内でご紹介されている、カテゴリーのアイキャッチ画像を大きくするCSSはどこかに貼り付けされていますか？？
カテゴリーアイキャッチについてはブログ内でご紹介がないので、他のブログなどの情報を参考にしていただければと思います🥹✨
説明動画とてもありがたいです。ありがとうございます。動画を見ながらサイトを作成していますが、ヘッダーメニューが追加してもHPに表示されません・・何故かわかりますか💦
こんにちは
いつも参考にさせていただいております
word pressの設定でhttpの後にsを入れると
何度試してもどのブラウザでもエラーになってしまいます
sをつけないといけないのでしょうか？？
最強無料wordpress テーマ「Cocoon」を使ったブログサイトの始め方・作り方(ドメイン/サーバー契約/初期設定/テーマ設定全て解説)を拝聴しました、有難うございます。
30:30くらいのところで、CSSは別のブログで紹介されているとの事で、探したのですがそのCSSを紹介されているものを見つけられませんでした。URLをお知らせ頂けないでしょうか？
お手数ですが宜しくお願い致します。
初めまして、登録させていただきました。
質問です・・・この動画の30：26 4個のメニューを作成しました。階層を付けてもドロップダウンが入りません、4個並んだ下真ん中にに四角の☆が表示されそこをクリックすると副題が表示されます。
ドロップダウンが出来ない仕様ですか？であれば追加の副題を複数入れる場合はどのようにするか教えて下さいませ。
お忙しいところ恐縮ですが、よろしくお願いたします。
いつも勉強させていただいております。
質問なのですが、ワードプレスの作成のところで、固定ページの作成のところのURLを「プロフィール」と日本語で書かれてるところを英語に変換するところなのですが、PCがないのでiPadでやらせていただいてるのですが、パーマリンクが出てこないので変更できないのですが、どうしたら変更できるのでしょうか？
長文で読みに難くてすみません。
解決しました。
お騒がせしてすみませんでした。
ボックスメニューのCSSの追加方法がわかりませんでした。教えてもらえますか？
トップページのブログのサムネイルの左上に、カテゴリーが入っているのを消したいのですが、どの設定でやればよろしいのでしょうか。
SSLの有効化が出来てなくてログインができない場合はどうしたらよいですか？
何度も繰り返し見ています。最後のお問い合わせフォーム（35：33あたり）の画面が表示されなくて...
wordpressでサイトを作ったあとに収益化するんですか？
aspで契約した後にサイトを作って広告するんですか？
ピックアップメニューの作成時、「作ったボックスメニューをウィジェットに」のところなのですが、ボックスメニューが左側に表示されないのはなぜでしょうか？・・・できない42歳😭
追加CSSのコードはどこで確認できますか？
めっちゃ早い💦止めて巻き戻してを繰り返して疲れました🥲ある程度パソコンができないとついていけない🥲でもパソコンが得意な人には分かりやすいと思います🌟
スキン一覧1つしかないのですがどうやったら出るんですか？
ヘッダーの解像度下がっちゃうんですけどどうすればいいですか？
ピックアップメニューの画像の上に書き込まれた文字はどのフォントをお使いになったのでしょうか。
花とちょうちょです👀
SSL化を確認せずに変更してしまったら、入れなくなってしまったのですが対処方法はありますか？
ヘッダーメニューにプライバシーポリシーと、メニューとプロフィール選択したのですが、位置をヘッダーメニューにしても表示されないんです。原因としては何がありますか。
ナビメニューのところで【固定ページ】新規作成をクリックすると、ページは変わるのですが真っ白な状態で編集することができません…解決策ご存知でしょうか?
（プラグの無効化/有効化はやってみしたが効果なしでした）
Safari→Chromeに変えたら解消しました🥹✨
ブログ初心者です。私はパソコンも苦手ですが、とても解りやすくて励みになりました。😊下に方もおっしゃていますがかなり神動画です(´;ω;｀)
canva無料でも紹介して欲しかったです
凄いわかりやすくて助かりますがキャンバに移動のところがいきなりわからなくなります😂
フレンチ・ブルドッグが可愛い♥
cocoonではじめたのにワードプレスのダッシュボードの中に【cocoon設定】というやつがありません。ﾉﾃﾞ動画通りできません。どうやってcocoonn設定するのですか？
追加cssがコピーできなくなっています。
ヘッダーやフッターが幅目一杯にならず８割くらいの大きさ、その中のコンテンツがやや右寄りになってしまいます・・・。
不要なプラグインのせいでした。
自分用 26:55
cssはどのブログで見られますか？
概要欄にリンク貼っています😊✋
sをつけたらサイトが開かなくなりました😢どうしたらいいですか? 9:08
サーバーでSSL化の設定が出来ていなかったのが原因だと思いますので、契約サーバーに状況を問い合わせてみてください🙏🏻
17:03
22:00
canva はいくらするのでしょうか？
Canvaは無料で使えます😄✨
スキンが１種類しか表示されません。どうしてでしょうか？
表示されない原因が私の方では分かりかねますため、コクーン公式に問い合わせしてみてください🥹🙏
wp-cocoon.com/mail/
@@mikimikiweb
ありがとうございます。早速問い合わせてみます。
記事書きまくってアフィリエイトで収入得ようと思います
cocoonは収益化できますか？
出来ます！
はじめまして。説明とてもわかりやすいのですが、少し設定等の説明が早いのでもう少しスローにしてくださると嬉しいです😊
当社、求職者支援訓練を行っております。
こちらの動画に大変興味をもっています。
宜しければ、ご相談をさせて頂きたいと思います。
お時間がありましたらご連絡いただければと思います
宜しくお願いします。
ブログのURL教えてください
こちらからの質問で申し訳ありません
WordPressアドレスののところにsを入れてしまいました
WordPressに入る手段はないのでしょうか？