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