【最新有料級！】最強無料WordPressテーマ「Cocoon 」を使ったブログサイトの始め方・作り方（ドメイン/サーバー契約/初期設定/テーマ設定全て解説）
Рет қаралды 190,159
Күн бұрын動画をご覧いただきありがとうございます。
本日は無料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公式アカウント ━━━━━━━━━━━━━━
KZfaqチャンネル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
@yoshi-ml6zg Жыл бұрын
解説サイト読み漁りながら手探りでやってみたけどどうしてもうまくいかなくて、藁にもすがる思いで動画を探したらこんな神動画が！！！ めっっちゃわかりやすいです！ありがとうございます！
@jasminenotty2486 Жыл бұрын
とても分かりやすく初心者に優しい動画でした！ 声もかわいくて聞きやすかったです！ 早速作ってみます
@user-pw7jh5sl8wsengokustory Жыл бұрын
お陰様でブログがまともになりました。ボクにとって一番参考になる動画でした。ありがとうございました！！
@3kjiro Жыл бұрын
ワードプレス歴3年ですが、思ったようなレイアウトが出来なくて新しいサイトを作成する事に決めました。 その時にCocoonを知りユーチューブにて作り方を調べてみたらこの動画にたどり着きました！分かりやすい説明で助かっています。違う動画やブログも参考にします。
@user-ex4zs1gm3y Жыл бұрын
半分アナログ人間のおっさんでも、ホームページを開くことができました。先生ありがとう😊
@mikimikiweb Жыл бұрын
花粉症によりいつも以上に鼻声になっております😅聞きづらい部分がありましたらすみません🤧 内容についての個別のご質問はお受けできません🙇♀️
@waki... Жыл бұрын
最高に分かりやすかった お礼に今度飲み行きますかww
@yoneda161103 11 ай бұрын
WordPressとは、直感的に操作することでホームページが簡単に作れるもの、と誤解していました。HTMLで作っていた人にとって簡単なだけで、初めてホームページを作る人には十分難しいです。WordPressの基本的な優先度の高い機能を、実用的なシンプルなホームページ作成を例に短時間で解説いただき本当に助かりました。ありがとうございました。
@kameaki1987 4 ай бұрын
WordPress初心者です！ 知りたかったこと分からなかったこと大体解説されていたのでめっちゃ助かりました！ありがとうございます！
@user-pr2nf6ci1j Жыл бұрын
cocoon使ってます！ 参考になる動画を求めてました！ ありがとうございます😊
@pitolog.157 Жыл бұрын
mikiさんの流れに沿って作ったらとっても良いブログがあっという間にできました！
@user-kn1mq2qx2u Жыл бұрын
しっかり勉強させて頂きました。ありがとうございました。感謝致します。
@user-jh5sl9gl6p Жыл бұрын
今回もとても分かりやすかったです！すぐに活用させてもらいます😊
@mio_mio7777 4 ай бұрын
まったく分からない所からの始まりだったのですが、この動画のおかげで、なんとかそれっぽく出来ました！助かりました。ありがとうございます💖💖💖
@user-zs2sf8hb7g Жыл бұрын
ありがとうございました、丁寧な作業案内にて大変参考になりました。
@user-ox8ho6un5d Жыл бұрын
わかりやすい解説動画をアップしていただきありがとうございました！
@sashiohara1454 11 ай бұрын
本当に有料級です😭困っていたので助かりました。ありがとうございました！！！
@oyumi9806 3 ай бұрын
先生の動画はとても分かりやすいので沢山見てますが、特にこの動画は何度も見てます❗️ 本当に有料級です いつもありがとうございます😊
@user-rc5qq8ju6h Жыл бұрын
ありがとうございます。 すごくわかりやすかったです！ 何とか形になりそうです。
@yuko5193 4 ай бұрын
これまでいくつかのサイトを見てチャレンジしましたがかわいいページにならず、今回やっと思った通りのサイトが1日でできました！とても説明がシンプルかつわかりやすく感動しました。 あとは投稿ページの作り方を学ぼうと思います、ありがとうございました！
@pwq0711 Жыл бұрын
とても分かりやすかったです😊 ありがとうございます！
@anchangreat Жыл бұрын
ありがとうございました。とてもためになる良い動画でした。 ピックアップメニューができたことがとても有意義でした。ありがとうございました。今後も頑張ってください。
@user-ht5hj2nj5e Жыл бұрын
とてもわかりやすい動画でした。おかげさまで、なんとか骨組みはできました。ここの動画を紹介させてもらいますね。これからもよろしくお願いします。
@user-xp5mx8nx3e 4 ай бұрын
何をどうしたらいいのかわからない中でこちらの動画にたどり着きました。がんばってBlog作ります！
@violetteblanche2759 11 ай бұрын
これはすごい！！！！ ひとつずつ動画を止めながら設定を進めたら、できちゃいました！ 感動しています。ありがとうございました！ （白抜きのSNSシェア＆フォローだけ叶いませんでしたので、リトライしてみます☺）
@user-lr9oe9dk2k Жыл бұрын
mikimiki先生のおかげでなんとかコクーン設定することが出来ました😂❤
@na-dz7fo Жыл бұрын
スロー再生しながらなんとかできました😊わかりやすい解説をありがとうございます❤
@bobo201071 10 ай бұрын
非常に参考になりました。ありがとうございます。
@megaten_zatsugaku Жыл бұрын
はじめまして。 動画を拝見しながら、初めてブログサイトを作成することができました。 ありがとうございました😀
@user-ii3zr4uq5z 2 ай бұрын
とても参考になりました。 ありがとうございます！
@user-no3pg4jw1y Жыл бұрын
コクーン難しくて泣きそうでした😢すごく丁寧で分かりやすかったです！
@ka2from 11 ай бұрын
と～～～～っても参考になりました！ 有難うございます！！
@gonzoori Жыл бұрын
わかりやすい動画ありがとうございます😊
@n.k6684 5 ай бұрын
参考になる動画ありがとうございました。
@LOVE-VTR Жыл бұрын
大変に、参考になりました❤
@user-ub9og8qz4b Жыл бұрын
Cocoonの機能の多さに驚きました、参考になりました
@KN-nc6ez 4 ай бұрын
はじめまして。 先生の動画はとても分かり安いです。ブログ初心者ですが速攻で立ち上げました！
@yux3348 Жыл бұрын
いつもながらわかり易く、とっても参考になります(^^♪ 他の動画も拝見しますね！ ありがとうございました🤩
@asami6990 Жыл бұрын
1番わかりやすい動画でした🎉 今まで苦戦していて全くブログ作成出来なかったのですが、この動画を見ながらやっていくと出来ました😆 嬉しー💓 聞きやすい声のトーン、わかりやすい説明、ありがとうございました✨
@masapvt2580 Жыл бұрын
とても分かりやすい解説ありがとうございます。 一点質問させてください。 Wordpressのcocoonを使ってを作成しているところなのですが、 以下の「[C]ボックスメニュー」がウィジェットに表示されずに止まってしまいました。。 表示させるための方法があるのでしょうか？アドバイスを頂けますと幸いです。
@ciel_channel43 Жыл бұрын
とても分かりやすかったです。 一点質問があります。。36.42の際、どこをクリックして進んでいるのでしょうか？
@emithakur3148 8 ай бұрын
わかりやすく解説していただきなんとか取りかかる気持ちが芽生えました。海外に住んでいますがこちらでご紹介の通り作成しても大丈夫ですか？また、言語を複数入れたい場合はどうすればいいですか？
@yurim_x Жыл бұрын
canvaで作成する画像やロゴのサイズはどのようにして決めているのでしょうか？（計算方法、経験からくる感覚値、何回か試して導いたなど）
@yuichi2010 Жыл бұрын
素晴らしい動画ありがとうございます。 ブログ記載の追加CSSをコピペし外観→カスタマイズの追加CSSに貼り付けましたが画像が大きくなりません。 ここまでは動画を見ながら同じように進めただけに原因がわかりません。。。
@keirintarou2588 8 ай бұрын
いつも勉強させてもらってマス。自分はぶろぐでアニメーションで会話形式でやりたいと思っていいるのですが、やり方が分かりません。教えてもらえたら幸いです
@ayaka8647 Жыл бұрын
動画を参考にページ作成中です！ cavaで画像を作ったのですがエラーが出てアップロードできません💦 サーバーが画像を処理できませんと出てきます😢 同じサイズで作っているのに何故でしょう〜💦
@user-mr7hc3vz5r Жыл бұрын
パソコンの調子が悪くiPadしかないのですがiPadのブラウザでもこのサイト作成をすることは可能でしょうか？
@user-dz3uu4wq5g Жыл бұрын
非常に分かりやすかったです。 追加CSSについて質問です。「ブログに記載されている追加CSSをペースト」の意味が理解できませんでした。 詳細を教えて頂けますか？
@morinakaoka5391 10 ай бұрын
大変参考に成りました。私も一度Wordpressを使ってやり始めたのですがMiki さんの説明を聞きまして素人の私には無理だという事に気が付きました．Pro の人が作るのはさすがに見栄えが有ります．そこでお願いがあるのですが今私がやろうとしていることをMikiさんに依頼出来れば良いなと思うのですが可能でしょうか？ タイトルは英会話に関することです．
@osiamah6435 Жыл бұрын
トップページのブログのサムネイルの左上に、カテゴリーが入っているのを消したいのですが、どの設定でやればよろしいのでしょうか。
@user-dk3if2ox8l 10 ай бұрын
説明動画とてもありがたいです。ありがとうございます。動画を見ながらサイトを作成していますが、ヘッダーメニューが追加してもHPに表示されません・・何故かわかりますか💦
@user-cv6ef3gv4o Жыл бұрын
ハナゴエでも、聞きやすいですね～
@tomocky_invest Ай бұрын
いつも、ありがとうごうざいます。とても分かりやすい説明で、ブログサイドを作成することができました。 質問ですが、サイドバーに、Archives と Categories というものが勝手にできており、どうしても消せません。消す方法をご教示いただけますでしょうか。
@user-mv5qq6bj3k Жыл бұрын
コメント失礼します。動画大変参考になりました。動画内でご紹介されている、カテゴリーのアイキャッチ画像を大きくするCSSはどこかに貼り付けされていますか？？
@mikimikiweb Жыл бұрын
カテゴリーアイキャッチについてはブログ内でご紹介がないので、他のブログなどの情報を参考にしていただければと思います🥹✨
@user-xw1ug8hi1d Жыл бұрын
mikiさん、はじめまして。いつも動画を楽しみに見ています。Cocoonで初めてワードプレスに挑戦しました。とても丁寧な説明で動画を見ながら頑張りました。のですが、固定ページ内の画像やアイキャッチ画像が下書きの時は表示されますが、公開する、を押すとすべての画像が消えてなくなります。文字だけ表示されます。一生懸命調べましたが原因分からずです涙 mikiさん、助けてください！
@HIRO-ez7fv Жыл бұрын
ボックスメニューのCSSの追加方法がわかりませんでした。教えてもらえますか？
@bontabafon3495 2 ай бұрын
こんにちは いつも参考にさせていただいております word pressの設定でhttpの後にsを入れると 何度試してもどのブラウザでもエラーになってしまいます sをつけないといけないのでしょうか？？
@user-vr8ou4wk3w 24 күн бұрын
チャンネル登録させていただきました。Cocoonプロを使わずにヘッダーの背景透過をする方法はありませんか？
@user-sp1ob9oj8k Жыл бұрын
SSLの有効化が出来てなくてログインができない場合はどうしたらよいですか？
@seisei6154 11 ай бұрын
わかりやすいご説明ありがとうございます！センスの良い作り方でとても素敵です。さて1つだけ確認させて頂きたいことがあります。4つのピックアップメニューのところで追加CSSのプログラムはブログからコピーください、とコメントございましたが、どこから入って、どれをコピーさせてもらえればいいかわかりませんでした。教えていただけると嬉しいです。よろしくお願いいたします。
@mikimikiweb 11 ай бұрын
ありがとうございます🤗 概要欄にブログを貼り付けてますのでそちらからご確認をいただけます🙏🏻
@user-sh6jc2jv5u Жыл бұрын
追加CSSのコードはどこで確認できますか？
@hidemitsutateishi4399 5 ай бұрын
初めまして、登録させていただきました。 質問です・・・この動画の30：26 4個のメニューを作成しました。階層を付けてもドロップダウンが入りません、4個並んだ下真ん中にに四角の☆が表示されそこをクリックすると副題が表示されます。 ドロップダウンが出来ない仕様ですか？であれば追加の副題を複数入れる場合はどのようにするか教えて下さいませ。 お忙しいところ恐縮ですが、よろしくお願いたします。
@user-fi3ju4sl4r Жыл бұрын
wordpressでサイトを作ったあとに収益化するんですか？ aspで契約した後にサイトを作って広告するんですか？
@user-mq2tn1nx6y 7 ай бұрын
スキン一覧1つしかないのですがどうやったら出るんですか？
@user-fi3ju4sl4r Жыл бұрын
ヘッダーの解像度下がっちゃうんですけどどうすればいいですか？
@yayo2224 Жыл бұрын
何度も繰り返し見ています。最後のお問い合わせフォーム（35：33あたり）の画面が表示されなくて...
@user-gv9jk9lu4m Жыл бұрын
ピックアップメニューの作成時、「作ったボックスメニューをウィジェットに」のところなのですが、ボックスメニューが左側に表示されないのはなぜでしょうか？・・・できない42歳😭
@teruoji 7 ай бұрын
SSL化を確認せずに変更してしまったら、入れなくなってしまったのですが対処方法はありますか？
@Saki-zi2qm 6 ай бұрын
ヘッダーメニューにプライバシーポリシーと、メニューとプロフィール選択したのですが、位置をヘッダーメニューにしても表示されないんです。原因としては何がありますか。
@ono4559 Жыл бұрын
最強無料wordpress テーマ「Cocoon」を使ったブログサイトの始め方・作り方(ドメイン/サーバー契約/初期設定/テーマ設定全て解説)を拝聴しました、有難うございます。 30:30くらいのところで、CSSは別のブログで紹介されているとの事で、探したのですがそのCSSを紹介されているものを見つけられませんでした。URLをお知らせ頂けないでしょうか？ お手数ですが宜しくお願い致します。
@user-cm6bi9rz5q 10 ай бұрын
いつも勉強させていただいております。 質問なのですが、ワードプレスの作成のところで、固定ページの作成のところのURLを「プロフィール」と日本語で書かれてるところを英語に変換するところなのですが、PCがないのでiPadでやらせていただいてるのですが、パーマリンクが出てこないので変更できないのですが、どうしたら変更できるのでしょうか？ 長文で読みに難くてすみません。
@user-cm6bi9rz5q 10 ай бұрын
解決しました。 お騒がせしてすみませんでした。
@user-yc5xe7mc3v Жыл бұрын
めっちゃ早い💦止めて巻き戻してを繰り返して疲れました🥲ある程度パソコンができないとついていけない🥲でもパソコンが得意な人には分かりやすいと思います🌟
@fujix Жыл бұрын
ピックアップメニューの画像の上に書き込まれた文字はどのフォントをお使いになったのでしょうか。
@mikimikiweb Жыл бұрын
花とちょうちょです👀
@ric-yokohama Жыл бұрын
凄いわかりやすくて助かりますがキャンバに移動のところがいきなりわからなくなります😂
@user-yy5oz7ip8v Жыл бұрын
追加cssがコピーできなくなっています。
@ヒデオ 2 ай бұрын
フレンチ・ブルドッグが可愛い♥
@chico_theatre 10 ай бұрын
ナビメニューのところで【固定ページ】新規作成をクリックすると、ページは変わるのですが真っ白な状態で編集することができません…解決策ご存知でしょうか? （プラグの無効化/有効化はやってみしたが効果なしでした）
@chico_theatre 10 ай бұрын
Safari→Chromeに変えたら解消しました🥹✨
@user-od8cu6hp1o Ай бұрын
canva無料でも紹介して欲しかったです
@user-ys8pr9fr5e Жыл бұрын
ブログ初心者です。私はパソコンも苦手ですが、とても解りやすくて励みになりました。😊下に方もおっしゃていますがかなり神動画です(´;ω;｀)
@user-yc2mh4ds9c Жыл бұрын
cocoonではじめたのにワードプレスのダッシュボードの中に【cocoon設定】というやつがありません。ﾉﾃﾞ動画通りできません。どうやってcocoonn設定するのですか？
@Rion000 10 ай бұрын
sをつけたらサイトが開かなくなりました😢どうしたらいいですか? 9:08
@mikimikiweb 10 ай бұрын
サーバーでSSL化の設定が出来ていなかったのが原因だと思いますので、契約サーバーに状況を問い合わせてみてください🙏🏻
@user-pw3cz2lb1h 10 ай бұрын
cssはどのブログで見られますか？
@mikimikiweb 10 ай бұрын
概要欄にリンク貼っています😊✋
@Tulip-dp9wz Жыл бұрын
自分用 26:55
@user-qj5zm5qe3z Жыл бұрын
22:00
@クマノエ 16 күн бұрын
17:03
@rr-ug7zh Жыл бұрын
ヘッダーやフッターが幅目一杯にならず８割くらいの大きさ、その中のコンテンツがやや右寄りになってしまいます・・・。
@rr-ug7zh Жыл бұрын
不要なプラグインのせいでした。
@user-rv8yc9xl6x Жыл бұрын
canva はいくらするのでしょうか？
@mikimikiweb Жыл бұрын
Canvaは無料で使えます😄✨
@xxxx2235 4 ай бұрын
記事書きまくってアフィリエイトで収入得ようと思います
@miyamoto_634 Жыл бұрын
スキンが１種類しか表示されません。どうしてでしょうか？
@mikimikiweb Жыл бұрын
表示されない原因が私の方では分かりかねますため、コクーン公式に問い合わせしてみてください🥹🙏 wp-cocoon.com/mail/
@miyamoto_634 Жыл бұрын
@@mikimikiweb ありがとうございます。早速問い合わせてみます。
@user-jk3di6ld9l Жыл бұрын
cocoonは収益化できますか？
@mikimikiweb Жыл бұрын
出来ます！
@masamik.8321 4 ай бұрын
はじめまして。説明とてもわかりやすいのですが、少し設定等の説明が早いのでもう少しスローにしてくださると嬉しいです😊
@user-ft8vs2ui8q Жыл бұрын
当社、求職者支援訓練を行っております。 こちらの動画に大変興味をもっています。 宜しければ、ご相談をさせて頂きたいと思います。 お時間がありましたらご連絡いただければと思います 宜しくお願いします。
@sugi-hiroshi 7 ай бұрын
ブログのURL教えてください
@user-zl8fv2yv1q 2 күн бұрын
こちらからの質問で申し訳ありません WordPressアドレスののところにsを入れてしまいました WordPressに入る手段はないのでしょうか？
ABEMA Prime #アベプラ【公式】
Рет қаралды 2,2 МЛН