WordPressホームページ作り方!ゼロからできる初心者向け簡単マニュアル!

Поделиться
HTML-код
  • Опубликовано: 2 дек 2024

Комментарии • 59

  • @createwebsitesJP
    @createwebsitesJP  6 месяцев назад +3

    ご質問がある方は、コメントしてください!お答えします :)
    ► Hostinger: build-websites.com/hostinger
    ► 関連記事: build-websites.com/information/
    タイムスタンプ:
    スタート 00:00:00
    1.ドメインとホスティングの取得 00:03:10
    2. SSLとWordPressのインストール 00:13:42
    3. Wordpressの基本 00:17:24
    a). サイト名 00:19:50
    b). パーマリンク 00:21:04
    4. 1ページ目の作成、ホームページへの設定 00:22:18
    5.適切なテーマのインストール 00:23:50
    6. 適切なプラグインのインストール 00:26:55
    7.Ocean Extraでホームページの下準備 00:30:37
    8. ページの追加 + Ocean Extra設定 00:34:18
    9. Elementor Pageの作成方法は?00:36:12
    10. テキストの編集 00:42:53
    11. 取り消し/復元 00:57:50
    12. ボタンの編集 00:59:02
    b). ウィジェットとコンテナのコピー&ペースト 01:07:04
    13. コンテナ設定 01:10:05
    14. 画像や背景の編集 01:20:45
    a). コンテナ編集 01:21:16
    b). 背景色 01:21:53
    c). グラデーション 01:22:25
    d). 背景動画 01:23:00
    e). 背景画像 01:24:30
    f). 画像ウィジェット 01:28:33
    15. ウェブページをレスポンシブにする (モバイル対応) 01:37:13
    16. ウィジェットやコンテナの位置変更・削除 01:42:34
    17. テンプレートとブロックの使い方 01:44:14
    18. ナビゲーション作成とヘッダー編集 01:53:09
    19. フッター編集 01:54:16
    20. お役立ち機能 01:54:47

  • @eeee-rw1me
    @eeee-rw1me Месяц назад +1

    こんなすごい動画が無料で観られて幸せです!!!

  • @boxturtle1401
    @boxturtle1401 4 месяца назад +2

    探していたものをやっと見つけた思いです。すべてが一つ一つよく説明されています。やっとウェブサイトを実際に作る方法が理解できました。

    • @createwebsitesJP
      @createwebsitesJP  4 месяца назад

      フィードバックをありがとうございます。

  • @jamvortix8779
    @jamvortix8779 3 месяца назад +1

    やり方だけでなく、その理由もちゃんと説明してくれる数少ない一人です。
    本当に素晴らしい!他の動画も見てチャンネルに登録します。

  • @fifa23457
    @fifa23457 6 месяцев назад +5

    とてもわかりやすく説明されています!シンプルながらも詳細で分かりやすいです。

    • @createwebsitesJP
      @createwebsitesJP  6 месяцев назад

      フィードバックをありがとうございます。

  • @TMinTokyo
    @TMinTokyo 24 дня назад +1

    参考になりました。ありがとうございます。

  • @リミックス-j9r
    @リミックス-j9r 3 месяца назад +1

    細かい部分まですごく分かりやすく動画を作成されていて、自身の理解度を上げるとともにチャレンジしてみたいという気持ちになれました。
    ありがとうございます!!!

    • @createwebsitesJP
      @createwebsitesJP  3 месяца назад

      フィードバックをありがとうございます。

  • @i.higuchi4343
    @i.higuchi4343 Месяц назад +1

    こんにちは。順調に?、勉強できています。ありがとうございます。
    32:50 Home というタイトルをつけて、Ocean WP で、幅などの変更にとりかかるとき、ちょっと日本語化してみようと思って・・。(3つのプラングイン+ Loco Translate も設定しておきました)
    日本語・・にしてみたら、general → 一般 となって、ふむふむと喜んでいたら、私が打った「Home」が「家」変わってました・・・。衝撃的!! もちろん英語に戻して、general をクリックして真面目に続けました。限度を知らぬプラグインは使わないほうがいいですね。無効化しました。

    • @createwebsitesJP
      @createwebsitesJP  Месяц назад +1

      ご体験をシェアしてくださり、ありがとうございます。はい、ほとんどの場合、プラグインはできるだけ少なくしたほうが良いかと思います。

  • @user-sj5md8qm1l
    @user-sj5md8qm1l 4 месяца назад +4

    勉強したくて見始めました。でも、声が!!!めちゃくちゃステキです〜❤ 素敵すぎて内容が入ってこない現象www「やってみてください」とか言われた時は、いちいち「ハイ!」って言っちゃいますwww

  • @sns3648
    @sns3648 16 часов назад

    フッターについて教えてください。フッターのプラグインを追加しようとしたのですが、「Elementor Header & Footer Builder 」が見つかりませんでした。「作者: Brainstorm Force」のもので、「Starter Templates - Elementor, WordPress & Beaver Builder Templates」は見つかったのですが、これは違いますか?

  • @サニーアウトドアレンタル
    @サニーアウトドアレンタル Месяц назад +2

    この動画のおかでで何度も何度も挫折した、WPに光明がみえました。ありがとうございます。一つ質問させて下さい。サイトのタイトルが表示されないのですが、原因を教えていただけないでようか?

    • @createwebsitesJP
      @createwebsitesJP  Месяц назад

      こんにちは。ありがとうございます。
      状況をもう少し詳しくご説明いただけますでしょうか?タブに表示されているタイトルでしょうか?あるいはヘッダーのものでしょうか?

    • @サニーアウトドアレンタル
      @サニーアウトドアレンタル Месяц назад

      @@createwebsitesJP 稚拙な質問、本当に対応いただき大感謝です。今回の動画の「サーフィン大好き」の上の行の、「ウエッブサイト作成」の行がでなくなってしまいました。 設定→一般設定の サイトタイトルは「ウエッブサイト作成」と入力されています。 よろしくご教示お願いいたします。

    • @サニーアウトドアレンタル
      @サニーアウトドアレンタル Месяц назад +1

      わかりました!Header, Footer & Blocks for Elementoのプラグインを教えていただいて入れて作業が途中でした、表示されるようになりました。すみませんでした。

    • @createwebsitesJP
      @createwebsitesJP  Месяц назад +1

      @@サニーアウトドアレンタル ご説明ありがとうございました。もう問題はないということでよろしいでしょうか?もし他にご質問がございまいたら、いつでもコメントをお待ちしております。

  • @kplife5200
    @kplife5200 4 месяца назад +2

    コメント失礼します。とても、わかりやすくゼロからサイトをつくることが出来ました。
    ヘッダーを全てのページに選択していますが、トップページだけ表示されないのですが、どんな要因が考えられますでしょうか??

    • @createwebsitesJP
      @createwebsitesJP  4 месяца назад

      こんにちは。コメントありがとうございます!
      もしかすると、Ocean Extraのセッティングでトップページのヘッダーだけを無効にされているかもしれません。
      また、ヘッダーバーそのものが見えないのでしょうか?あるいは、ナビゲーションだけが見えないのでしょうか?

  • @i.higuchi4343
    @i.higuchi4343 Месяц назад +1

    真面目に質問します。
    Ocean WP  General で、コンテンツのレイアウト全幅100% にして、固定ページを編集し、この動画の最後までこぎつけました。電子パット、スマホ での表示はいいのですが、PC (もっぱら作業はデスクトップ) では、コンテツの左右に余白がほしくなりました。それで、コンテナの幅を手作業で縮めました。まあ、それで満足ではあります。
    でも、Ocean WP General には、Padding 有効化 / 無効化 があり、有効化を選んでおいても、なぜ、左右の余白がとられないのか? 全幅100%ではなくて、ただの全幅に変更すれば、多少の余白はでるのでしょうか?
    せっかく最後まで到達し、ヘッダーやフッターまでできて公開してみたので、変えてみる勇気がありません。Padding について教えてほしいと思っています。(急いではいません)
    この後、コンテンツの幅を「全幅」に変更し、Padding は 有効化 にして保存してみました。
    すると、コンテナの幅をマウスのドラッグ操作で変更しやすくなりました。満足です。

    • @createwebsitesJP
      @createwebsitesJP  Месяц назад +1

      こんにちは、ご質問ありがとうございます。まず、ウェブサイトが完成したとのことで、バックアップを取られることをお勧めします。そうすると安心して自由に色々と試せます。こちらにチュートリアルがありますので、ご活用ください。
      Ocean Extraを「100%フル幅」ではなく「フル幅」に設定するのは、マージンを追加する正しい方法ではないかと思います。
      その代わりに、Elementorのコンテナの詳細設定に進んで、そこでマージンを追加するのが最適かと思います。

  • @sns3648
    @sns3648 4 дня назад +1

    一つ教えてください。Hostingerでサブドメインを追加したい場合は、どうしたらいいですか?プレミアムWebホスティングプランではできないでしょうか?

    • @createwebsitesJP
      @createwebsitesJP  3 дня назад

      こんにちは。はい、サブドメインの追加、可能です。

    • @sns3648
      @sns3648 16 часов назад

      @@createwebsitesJP サブドメインの追加という項目が出てきません。何がいけないのでしょうか?

  • @pj4796
    @pj4796 4 месяца назад +2

    hostingerの契約期間ですが24か月を購入したら契約満期後は自動的に解約になるんでしょうか?自動更新されてしらないうちに課金されるんでしょうか?

    • @createwebsitesJP
      @createwebsitesJP  4 месяца назад

      こんにちは!デフォルトで自動更新されるようになっています。ただ、こういう風に自動更新をオフにすることができます。support.hostinger.com/en/articles/1583234-how-to-disable-auto-renewal
      また、自動更新のオンオフに関わらず、更新日が近くなればメールでリマインダーが届きます。

  • @よしこ-p2f
    @よしこ-p2f Месяц назад +1

    日本語で作業を進めています。するとタイトル文字を入力しようとするとエラーになってしまいます。ただ英語に戻すとエラーは出ずに入力できます。これは日本語ではなく英語で作業を続けるしかないでしょうなか?よろしくお願いします😊

    • @createwebsitesJP
      @createwebsitesJP  Месяц назад

      こんにちは。それはページのタイトルを選択したときに発生するのでしょうか?それともElementorのタイトルウィジェットで発生しますか?エラーメッセージが表示されているかどうか、教えていただけますか?

  • @エリカ阿弥
    @エリカ阿弥 7 дней назад +1

    とてもわかりやすく勉強させていただいています。
    設定画面のURLの文字列を誤って変更してしまったせいで、おそらくページがクラッシュしてしまいました。。
    この場合の対処法があれば教えていただきたいですm(_ _)m

    • @createwebsitesJP
      @createwebsitesJP  5 дней назад

      こんにちは、コメントありがとうございます。動画がお役に立てて嬉しいです!
      こちらに、この場合の対処法についての記事があります:wp-me.com/cant-access-wordpress-after-changing-site-url/
      英語ですが、Chromeを使えば自動翻訳できます。
      もしサイト作成を始めたばかりであれば、WordPressをアンインストール・再インストールして、最初からやり直すこともできます。ご参考になれば幸いです。

  • @blog-f4x
    @blog-f4x 3 месяца назад +1

    ありがとう

    • @createwebsitesJP
      @createwebsitesJP  3 месяца назад

      動画をご覧いただきありがとうございます。

  • @i.higuchi4343
    @i.higuchi4343 Месяц назад +1

    はじめまして。プラグインの追加についての質問です。
    Loco Translate は入れたほうが使いやすくなると思われますか?

    • @createwebsitesJP
      @createwebsitesJP  Месяц назад

      はじめまして!複数言語対応のウェブサイトにされたいということですかね?でしたら、私個人的にはTranslatepressというプラグインをおすすめします。ruclips.net/video/VJo2HtiEEvU/видео.html

    • @i.higuchi4343
      @i.higuchi4343 Месяц назад +1

      @@createwebsitesJP ご返信ありがとうございます。ただ単に、Wordpress や、今後のテーマのメニュー・ボタンなどを日本語化したいだけです。
      当方 レンタルサーバー mixhost  WP Toolkit から Wordprss インストール
      Wordpress の選択言語はデフォルトで日本語設定でした。
      貴動画を観ながら練習したのですが、Ocean Extra の画面で、そちらの動画では選択機能のメニューが日本語表示になっているのに、こちらの画面では英語のまま。
      というのが多々あり気になったので、日本語化プラグインを探したところ、Loco translate がいいのかな? にたどり着き、これっていいの? という質問でした。
      Wordprss の言語を日本語にしておけば、対応するプラグインやテーマは自動的に日本語表示になる のですよね?
      それで、テーマを選んでみると、Search が 検索 になっているのだと分かりました。正直、これだけ? と思います。ただ、日本人が作成されたプラグインは、有効化したプラグイン一覧のなかで、カタカナ表記になることもあり、こういうことなのか・・と思いました。個人的には、設定済のプラグイン一覧は、インストールした英語のファイル名のままのほうが、英語とカタカナが混在するよりは好きだなと思います。

    • @createwebsitesJP
      @createwebsitesJP  Месяц назад +1

      @@i.higuchi4343 ご説明ありがとうございます。その場合、Loco Translateはいいですね。通常、WordPressが日本語でインストールされている場合、プラグインやテーマは日本語に訳されます。ただ、これはテーマやプラグインの開発者が日本語の翻訳を追加設定している場合にのみ起こることで、全ての開発者がそうしているわけではありません。もう一つの代替手段として、Chromeブラウザの自動翻訳機能を使うこともできます。ご参考になされてください。

    • @i.higuchi4343
      @i.higuchi4343 Месяц назад

      @@createwebsitesJP はい、分かりました。ありがとうございます。

    • @i.higuchi4343
      @i.higuchi4343 Месяц назад

      @@createwebsitesJP はい、分かりました。ありがとうございます。

  • @サニーアウトドアレンタル
    @サニーアウトドアレンタル Месяц назад +1

    甘えて質問させて下さい。
    今、内の店のホームページを他社に頼んでいるんですが、ちょっとした修正でもけっこう高額な金額を取られるので、なんとか自分でできるようにWPの勉強を始めたのですが
    今の自社のHPはスノーモンキーというので作っているようです。
    10ページあるうち、トップページとあと2~3ページはエレメンターで自分で作って、残りは今まで他社に作ってもらったスノーモンキーのページを利用したいのですが、可能でしょうか?
    まだやってないから、わからないのですが、メニューとかに載るのでしょうか?お時間ありましたら、ご教授お願いします。

    • @createwebsitesJP
      @createwebsitesJP  29 дней назад

      こんにちは。Snow Monkeyが選ばれたのは興味深いですね。かなり小規模なプラグインです。
      Snow MonkeyはGutenbergの上に構築されたページビルダーなので、Snow Monkeyで作ったページとElementorで作ったページを併用することも可能だと思います。
      定期的にサイトのバックアップを取ることをお勧めします。何かの拍子にクラッシュしてしまうこともあるかもしれません。こちらにチュートリアルがありますので、ご参考にどうぞ: www.a2hosting.com/kb/installable-applications/optimization-and-configuration/wordpress2/wordpress-plugins/creating-wordpress-backup-using-all-in-one-wp-migration-plugin/

    • @サニーアウトドアレンタル
      @サニーアウトドアレンタル 28 дней назад +1

      @@createwebsitesJP ありがとうございます。五里霧中の中、大きな指標となる、お言葉です。助かります!

    • @createwebsitesJP
      @createwebsitesJP  27 дней назад

      ​@@サニーアウトドアレンタル どんなコメントも大歓迎です。何か質問があれば遠慮なく聞いてください!

  • @ikiruimao
    @ikiruimao 5 месяцев назад +2

    コメント失礼します。ワードプレスで、固定ページのタイトルのカラーはどうすれば、変更できますか?

    • @createwebsitesJP
      @createwebsitesJP  5 месяцев назад

      ご視聴いただきありがとうございます!見出しのフォントカラーの変更ですね。こちらは、ヘッダーのタイトルの色を変更されたいのでしょうか?あるいは見出しウィジェットの色でしょうか?

    • @ikiruimao
      @ikiruimao 5 месяцев назад +1

      @@createwebsitesJP 様ありがとうございます。やってみて、できなかった時は再度コメントさせていただきます。

    • @ikiruimao
      @ikiruimao 5 месяцев назад +1

      @@createwebsitesJP 様ありがとうございます。固定ページを開いたときの、一番上のタイトルです。

    • @createwebsitesJP
      @createwebsitesJP  5 месяцев назад

      @@ikiruimao ご説明いただきありがとうございます!この部分で色の変更について説明させていただいております:
      ruclips.net/video/YUwL7Qw7RSU/видео.html
      こちらでお役に立ちそうでしょうか?

  • @サニーアウトドアレンタル
    @サニーアウトドアレンタル 6 дней назад +1

    たびたび 失礼します。 essential addonsのイベントカレンダーを使ってグーグルカレンダーをスマホに表示したところ、月・火とか2行しか表示されません。横スクロールになって、非常に見にくいです。スマホでカレンダーを全画面表示する方法を教えていただけますか?
    もしくは、スマホに適したカレンダーのプラグインがございましただ、教えていただけないでしょうか?
    よろしくお願いいたします。

    • @createwebsitesJP
      @createwebsitesJP  4 дня назад +1

      こんにちは、大丈夫ですよ!ご質問があれば、いつでもお聞きください。
      残念ながら、これに関しては経験がなく、この問題を解決する方法が分かりかねます。申し訳ありません。
      推測ですが、このプラグインのウィジェットがあまりうまく適合していないのかもしれません。
      代わりに、Googleカレンダー専用の別のプラグインをインストールして、それをショートコードでElementorに実装するとうまく機能するかもしれません。
      どうぞよろしくお願いいたします。

    • @サニーアウトドアレンタル
      @サニーアウトドアレンタル 9 часов назад

      @@createwebsitesJP  ご回答により、簡単でないことが分かったので、調べなおしました。エレメンターの要素・一般・HTMLで簡単にグーグルカレンダーが掲示できました。サイズも変更可能でした。ヒントありがとうございました。