WEEBLYの教科書
  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • WEB作成の基礎知識ご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人コラム
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 4時間で学ぶHTML >
        • テキストダウンロード
      • VScodeインストール
  • weeblyについて
    • Weeblyの特長 >
      • Weeblyの無料と有料プラン
      • 特長01 ドラッグ&ドロップで簡単編集
      • 特長02 100種類以上の豊富なデザイン
      • 特長03 強力なホスティング
      • 特長04 迅速で役立つサポート
      • 特長05 簡単なブログ設置&投稿
      • 特長06 優れた画像編集機能
      • 特長07 優れた画像設置・編集機能
      • 特長08 簡単なビデオ、オーディオ配置
      • 特長09 フォームも簡単設置&高度な編集機能
      • 特長10 詳細なトラフィック統計情報が確認できる
      • 特長11 独自ドメインホスティング
      • 特長12 無料版でも広告表示なし
      • 特長13 スマホ、タブレットから編集できる専用アプリ登場!
      • 特長14 さらなる高機能なツールが続々登場!
    • CMSの種類と選び方 >
      • CMSとは
      • 他のCMSとの比較
      • こんなCMSは利用するな!
    • Weeblyのメリット、デメリット >
      • Weeblyをすすめない場合
    • これからのHPとは?
    • 役立つホームページとは
    • 事業に役立つHPの作り方
  • サイトを作ってみよう!
    • はじめに-ホームページ作成準備 >
      • 構成を考えよう!
      • 素材を用意しよう!
    • Weebly登録・設定・基本操作 >
      • Step 01 登録&スタート
      • Step 02 デザインテーマの設定・変更
      • Step 03 仮ドメインで始めよう!
      • ​Step 04 ドメイン豆知識
      • Step 05 サイト設定
      • Step 06 サイトの管理画面
      • Step 07 編集操作画面
      • Step 08 編集操作の基礎知識
    • サイト作成・編集 >
      • 編集操作項目一覧
      • ページの追加・削除
      • 画像と文字の配置・編集
      • ギャラリーの配置・設定
      • スライドの配置・設定
      • HD動画・YouTube動画の配置と設定
      • 地図(Google Map)の配置・設定
    • SEO設定について
    • 独自ドメイン設定方法
    • ドメイン設定にかかる時間
  • 逆引き
  • 機能を拡張しよう!
  • Q&A
  • 操作・設定のお問合わせTOP
    • Weebly何でも相談室
    • Weeblyへの移行のご相談・依頼
    • Weeblyサイトのブラッシュアップご相談・依頼
    • Weeblyサイト運営サポートのサブスク(自社サイト向け)
    • Weeblyサイト運営サポートのサブスク(サイト制作者向け)
  • Weeblyで制作したHP例一覧
    • 制作事例01-SIX SENSES
    • 制作事例02-いけばな作家 大泉麗仁
    • 制作事例03-アクロキューブ株式会社
    • 制作事例04-mom healing
    • 制作事例05-光苑 -書道教室-
    • 制作事例06-マウスガード -EPOCH-
    • 制作事例07-(株)ハイパフォーマー
    • 制作事例08-高橋工業有限会社
    • 制作事例09-横浜精密 精密ゲージ製作会社
    • 制作事例10-ミズモリサーチ 水漏れ調査第三者機関
    • 制作事例11-イタリアンレストラン TRATTORIA TOMATO
    • 制作事例12-脱毛専門Beauty Salon Bliss

直感的にサイトが作成できる
​Weebly

画像
ホーム > 直感的に制作せきるWeebly

これからのホームページ作成は
Weebly.comで作ろう!
(当サイトもWeeblyで作られています)

アカウントを作る前にぜひお読みください

| Weeblyとは

WEBコードの知識がなくてもホームページが作れる便利なサービス

Weeblyはアカウント登録して、自分のIDを取得してホームページをブラウザー上で作っていきます。
一般的なホームページはレンタルサーバーを契約して、独自ドメインを取得し、そのドメインを契約したレンタルサーバーと紐付けして、ホームページのhtml書類を作成してレンタルサーバーにその書類をアップします。
WordPressなども、オープンソースをダウンロードし、そのデータをレンタルサーバーにアップロードして、そのソースにブラウザーでアクセスして管理画面で色々操作していきます。
Weeblyは、WordPressののようなシステムが組み込まれたWeeblyのサーバー上にサイトのデータが作られていくので、Weeblyの場合はhtml書類を直接編集するのではなくWeebklyのアカウント管理ページで作っていきます。

WordPressより操作は簡単、WEBコードを知らなくても編集出来る

WordPressは優れたホームページビルダーです。WordPressを否定するのではなく、Weeblyとは似ているようで違うところが沢山あります。
WordPressにはデザインテーマが世界中のデザイナーが作ったものや有料版など沢山選べますが、完成後、デザインテーマを変えたりするとWEBコードの知識がないと修正・変更できない部分が出てきます。
Weeblyはデザインテーマの変更が簡単。ほとんど修正は必要有りません。デザインもどんどん更新され、最新の機能やトレンドに合わせたものなどが登場します。ホームページにはトレンドが有り2〜3年ごとに新しいデザインにリニューアルした方が見栄えが良いので変えることをおすすめしています。
WordPressには動きのあるコンテンツをはめ込む時はJavaScriptで作られたプラグイン等を追加して操作します。簡単に設置できるものあれば、ある程度WEBコードをしならないと設定できないものなど沢山あります。プラグインも無数に有るのでいろんな機能が使えますが経験と知識が無いと設定や編集に時間と労力が必要です。
Weeblyはコンテンツを作る時、ルーツアイコンを画面に移動し、コンテンツの各パーツを挿入して作ります。パーツの移動も簡単で直感的にサイズ変更やパーツの移動ができます。ツールにはアプリという拡張機能のアイコンが有り、有料と無料のアプリがあるのですが、アプリセンターへアクセスし、使いたいアプリを選んでツールに追加できます。JavaScriptの知識は全然必要有りません。アプリの使い方、動きはある程度知識と経験が必要なものもあります。

スマホ、タブレットからでもブログに自由なレイアウトで投稿できる

Weeblyはスマホ、タブレット用のアプリがあります。アプリをダウンロードしてアカウントでログインすれば、コンテンツツールを使ってスライドやギャラリー機能、写真トリミングなど自由なレイアウトでいつでもどこからでブログ(コラム)を投稿でき、Facebook、Twitterと連携し同時に配信できます。

WordPress向いている人とWeeblyが向いている人

自分でWEBコードを学びつつ、凝ったサイトを作りたいという方はWordPressを選んだ方が良いです。
時々、ページを編集したり、追加したり、自由自在なレイアウトでブログを更新したいと言う方はWeebly向きです。
自分では全くホームページを編集しないという方で、デザイン会社に頼む場合はほとんどのデザイン会社がWordPressで制作することが多いと思いますが、構成、コピーライティング、マーケティング、デザイン、コーダー専門知識を有した人が簡単でも1ヶ月、ちょっとページ数があるなら2〜3ヶ月で20万から100万レベルで制作費がかかります。
自分で、構成、コンテンツコピーライティング、マーケティング知識があればWeeblyで作れますが、制作時間を割り割くことができない場合はこちらに依頼いただければプロが最適なデザイン、構成でお作りします。完成まで急がなければ¥55,000-〜プランをご利用ください。(条件があります)

ウイルスによる驚異から守られている

Weeblyは無料でもサイトが作れますが、無料版はお試し程度だと認識してください。WordPressとは違って有料版メインのサービスなので8年間使ってウイルスによるデータの漏洩やいたずらや影響は皆無。有料なのでセキュリティーはWordPress運用より優れています。バージョンアップ作業も必要有りません。
独自ドメインを設定して、機能をフルに使ってホームページを作るには有料版に切り替えてて運用する事をおすすめします。年間ランニングコストは2万円かかりません。

サポートは英語、コミュニティーも英語ですがGoogle翻訳で大丈夫

操作方法や設定で分からなくてもGoogle翻訳で質問すれば数時間から翌日までにおおよそ返事が来ます。
過去8年間で数十回質問していますが困ったことは有りません。
こちらのサイトにご質問いただければ、ほとんどのことにお答えできると思います。

SEOも有利な設定

基本的なSEO設定は各ページにDiscription(概要)をきちんと入れ、コンテンツの内容が分かりやすく、リンクを貼ってもらえるような有意義なコンテンツページを作ること。
WordpressがSEOに有効なんていって言っている人がいますが、特別WordPressがSEOに有利ということではなりません。
同じドメインのほーむページのURLの中に、沢山のページが更新されていることも重要な要素なので同じURL内にブログが投稿できるWordPressが有利なだけ。Weeblyでスマホから、タブレットからどんどん投稿できればWordPressより有利。同時にFacebook,Twitterに投稿出来ます。
WeeblyもページごとにSEO設定できます。
要は更新頻度が高いこと、コンテンツがサイトの基本に沿って充実していること、きちんと検索エンジンにインデックスされるよう設定をしておくことが重要なのでWordPressの方がSEOに向いているというのはWordPressでサイト制作をしているデザイン会社などが理由にしているだけ。WordPress以上のこともWeeblyで出来るということです。

年間ランニングコストも2万円以下でフル機能で運営できる

独自ドメインを取得(.comなら1300円程度)されたらそのドメインでメールを使いたい場合はレンタルサーバー契約が別途必要です。
ロリポップには月額100円のプランがあるのでメールだけならそれが格安で十分です。年間1,200円(初期設定費用・税別)
レンタルサーバーを契約するとWeeblyで運営するサイトはwww.が頭についたサブドメインを設定します。
www.の付いていないメインのURLをwww.に統一する書類をアップロードするためにもレンタルサーバーが必須になります。
Weeblyは有料版のプロを選べば十分。年間$15(1年契約で割引)なので日本円で¥17,000-ぐらい。
トータル¥20,000−(税別)程度で運営出来るのです。
WordPressどうにゅうとなる導入となるとサーバーは負荷がかかりにくいレンタルサーバーがおすすめなので¥1,000-〜¥3,000-程度かかります。また、サイト制作、ホスティングを外注している場合はメンテナンス料とかもかかるので¥5,000〜¥10,000-費用がかかっている場合もあります。
Weeblyなら自分(自社)で契約、運営できれば年間2万円弱で運営出来るというわけです。
お急ぎで無い方は最大納期2ヶ月以内制作の¥55,000−(税別)制作プランをご利用ください。

| 画像配置・調整が簡単

画像の配置も画像を選んで配置するだけ。
サイズも自由に変えられて、トリミング、回転、色調整、文字を乗せることも出来ます。

Weeblyは進化し続けているので画面の構成やツールが変わる場合がありますが基本的な操作は変わりませんので参考程度に御覧ください

| ポートフォリオ(画像ギャラリー)を簡単配置

カテゴリーのナビゲーションバナーや画像一覧も簡単に設置・設定できる

Weeblyは進化し続けているので画面の構成やツールが変わる場合がありますが基本的な操作は変わりませんので参考程度に御覧ください

| 画像スライド設置も簡単

複数の画像をスライドで見せることも、画像を用意しておけば、選ぶだけで、簡単に配置できます!
スライドの配置・設定 >
スライド表示もギャラリー表示も、画像個々にリンク先指定をすることができます。文字等をデザインしたバナー広告のような物を画像で作成してスライド表示させて、クリックすると詳細の案内ページに飛ばすことが簡単に設定できます。
Anchor Element
Copy for linking on the same page:
https://makesite.kyoukasho.org/weebly-info.html?data-scroll-to-anchor=MustRead
Copy for linking from an external page:
https://makesite.kyoukasho.org/weebly-info.html?data-anchor-link=MustRead
Weeblyの教科書での学び方

Weeblyでアカウントを作る前に知ってほしいこと

ようこそ!Weeblyの教科書へ

日本ではほとんど知名度がありませんが、海外では優秀なCMSとして知られています。
海外の仕事をしているプログラマーも海外ではWeeblyはおすすめのCMSとして人気が高いと言っています。
さあ、あなたもWeeblyを使ってWEBを活用した発信を簡単に楽しく運営していきましょう。

注意!

​お名前.com
でWeeblyを申し込むな!
​
思わぬ落とし穴が !!!

詳しくはこちら >>

アカウントを作る前に

Weeblyは無料でもサイトが作れますが、独自ドメインを設定したり大きな容量の画像をアップしたりするためには有料版にアップグレードが必要です。(それでもランニングコストはトータル的に見て安いのでおすすめです)有料版の料金についてはこちら>>
当方がWeeblyへご招待することで有料版へアップグレードする際に$10割引になります。(既にアカウントを持っている場合は適応されません。まだアカウントを作っていないメアドであれば$10割引適応になります)

重要

パスワードを忘れた時は登録しているメアドを使って再設定できます。アカウントが将来に渡って使える可能性のあるメアドを設定しましょう。ログインができない状態で登録したメアドが使用できなくなるとアクセスできなくなってしまいます。
ログインが可能な状態で登録メアドを変更することは出来ます。

有料版が$10割引になる招待状送ります。

    招待状送付先登録

    Weeblyで登録するメアドを記載ください。
送信
招待状をお送りいたしましたら、Weeblyの教科書より確認メールをお送りいたします。稀に招待状が届かなかたり、届いても英語メールなので迷惑メールに入ってしまうことがあります。
届いた「招待状」のClick here to get startedという部分をクリックするとアカウント登録になりますので、任意のパスワードを入れればアカウントが作れます。

このサイトでの学び方

学びステップを説明
Weeblyの教科書の学び方

他のCMSとの比較

WeeblyはCMSのひとつ
WeeblyはどんなCMS?

Weeblyの費用は?

無料と有料があります
Weeblyの料金プラン

Weeblyを推奨する理由

気に入っているところ
Weeblyを選ぶ理由

操作方法についてご質問

共有できるご質問へは無料でご案内しています。
個別案件は内容によって有料の場合があります。
お気軽にご相談ください。
操作質問フォーム

Weeblyでサイト作成相談・依頼

¥55,000-(税別)〜 +オプションで制作します。詳しくはお問合せください。
​お気軽にご相談ください。
新規作成・ご相談フォーム

Weeblyへサイト移行相談・依頼

他のCMSからデザインブラッシュアップも含め¥55,000-〜 +オプションで制作しています。
​お気軽にご相談ください。
サイト移行・御相談フォーム

Weeblyで作成したサイトを
​ブラッシュアップ相談・依頼

既存のWeeblyで作成しているサイトをデザイン、レイアウト、構成などブレッシュアップ等​お気軽にご相談ください。
Weebly制作サイトをブラッシュアップ相談・依頼

Weeblyサイトの編集・運営をサポートするサブスクリプション始めました。

Weeblyサイトの運営・編集サポート ​サブスクリプション(自社サイト運営者向け)
Weeblyサイトの運営・編集サポート ​サブスクリプション ​(サイト制作者向け)

Weeblyの基本設定・操作・集客できるサイト運営など、オンラインセミナー開催しています。

事業に役立つウェブサイトの役割、
​作成・運営方法の基礎知識セミナー

セミナー情報・開催リクエスト

個人・小規模事業者におすすめ
​HP作成 CMS Weebly

セミナー情報・開催リクエスト

優れたCMS-Weeblyの
​操作方法プライベートレッスン1時

セミナー情報・開催リクエスト

4hでWEBサイトのHTMLが編集できるようになる
超初心者向講座

セミナー情報・開催リクエスト

Weeblyでサイトの制作を開始する

Weeblyを開始する前に、このサイトのTOPページに有る
「Weeblyをはじめる前に」を一読ください。
トラブル回避のためにぜひ、お読みください。

Weebly.comを始めたい方は
Weeblyのバナーをクリック ▶▶▶
登録からサイトOPENまで ▶
写真

サイトマップ

ホーム
このHPについて
├ HPの作り方無料プレゼントのご案内
└ これからのHPとは?
    ├ 役立つHPの作り方
    ├ 事業に役立つHPの作り方
    └
こんなCMSは利用するな
└ Weebly.comの特長
    ├ 他のCMSとの比較
    ├ Weeblyの有料プラン紹介
    └ Weeblyメリット、デメリット
└ Weeblyの特長の詳細 
 ├ ドラッグ&ドロップで作成
    ├ 豊富なデザイン
    ├ 強力なホスティング
    ├ 迅速で役立つサポート
    ├ 簡単ブログ配置&編集
    ├ 優れた画像設置・編集機能      
    ├ 簡単なビデオ,オーディオ配置
    ├ フォームも簡単配置・編集
    ├ トラフィック統計
    ├ 独自ドメインホスティング
    ├ 無料版でも広告なし
    └さらなる様々な機能
└  こんなHPが作れます!
 サイトを作ってみよう!
​
└ホームページの作成準備
 ├ サイトの構成を考えよう!
 └  素材を用意しよう!
​
└ WEEBLY登録・設定・基本操作
 └ Step01登録&スタート
     ├ デザインの選択
​  
└ コラム・ドメインについて
 ├Step02 サイトの設定
 
├ Step03 サイトの管理画面
 
├ Step04 サイトの編集操作画面
 └ Step05 サイトの編集操作の基礎知識

└ サイト作成・編集
 
└ 編集操作項目一覧
     ├ デザインテーマの変更
     ├ ページの追加・編集
  └ タイトルを横長のロゴ画像に変更
    └ ブログページの追加・編集
       └ SNSと連携設定
    ├ 画像と文字の配置・編集
    
├ 複数の画像をポートフォリオ表示
    ├ 複数の画像をスライド表示
    ├ 動画の配置
    ├ リンクボタンの配置
    ├ Google Adsenseの配置
    ├ Google Mapの設置
    ├ ブログ一覧(RSS FEED)の設置
    ├ お問合せフォームの設置・編集
    ├ アンケートの設置・編集
    ├ Googleカレンダーの設置
    ├ オリジナルHTMLコードの設置
    ├ ページ内検索BOXの配置
    └ ダウンロード書類の配置
└ SEO対策の設定 
機能を拡張しよう!
├ Facebook「いいね!」boxの設置
├ Fecebook Recommend Boxの設置
└ Twitter連携BOXの設置

Q&A

カスタマイズ(有料会員専用)
├ RSS FEEDの設定&カスタマイズ
├ カスタムHTMLの設定
├ CSS3を活用した設定
├ デザインのカスタマイズ
├ ナビのカスタマイズ
└ フッターのカスタマイズ
└ Google Analitycsの設置
└ Google Webmasterコードの設置

お問合せ
└ 有料サポートのご案内

管理人プロフィール

2012- Copyright © Weeblyの教科書. All Rights Reserved

  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • WEB作成の基礎知識ご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人コラム
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 4時間で学ぶHTML >
        • テキストダウンロード
      • VScodeインストール
  • weeblyについて
    • Weeblyの特長 >
      • Weeblyの無料と有料プラン
      • 特長01 ドラッグ&ドロップで簡単編集
      • 特長02 100種類以上の豊富なデザイン
      • 特長03 強力なホスティング
      • 特長04 迅速で役立つサポート
      • 特長05 簡単なブログ設置&投稿
      • 特長06 優れた画像編集機能
      • 特長07 優れた画像設置・編集機能
      • 特長08 簡単なビデオ、オーディオ配置
      • 特長09 フォームも簡単設置&高度な編集機能
      • 特長10 詳細なトラフィック統計情報が確認できる
      • 特長11 独自ドメインホスティング
      • 特長12 無料版でも広告表示なし
      • 特長13 スマホ、タブレットから編集できる専用アプリ登場!
      • 特長14 さらなる高機能なツールが続々登場!
    • CMSの種類と選び方 >
      • CMSとは
      • 他のCMSとの比較
      • こんなCMSは利用するな!
    • Weeblyのメリット、デメリット >
      • Weeblyをすすめない場合
    • これからのHPとは?
    • 役立つホームページとは
    • 事業に役立つHPの作り方
  • サイトを作ってみよう!
    • はじめに-ホームページ作成準備 >
      • 構成を考えよう!
      • 素材を用意しよう!
    • Weebly登録・設定・基本操作 >
      • Step 01 登録&スタート
      • Step 02 デザインテーマの設定・変更
      • Step 03 仮ドメインで始めよう!
      • ​Step 04 ドメイン豆知識
      • Step 05 サイト設定
      • Step 06 サイトの管理画面
      • Step 07 編集操作画面
      • Step 08 編集操作の基礎知識
    • サイト作成・編集 >
      • 編集操作項目一覧
      • ページの追加・削除
      • 画像と文字の配置・編集
      • ギャラリーの配置・設定
      • スライドの配置・設定
      • HD動画・YouTube動画の配置と設定
      • 地図(Google Map)の配置・設定
    • SEO設定について
    • 独自ドメイン設定方法
    • ドメイン設定にかかる時間
  • 逆引き
  • 機能を拡張しよう!
  • Q&A
  • 操作・設定のお問合わせTOP
    • Weebly何でも相談室
    • Weeblyへの移行のご相談・依頼
    • Weeblyサイトのブラッシュアップご相談・依頼
    • Weeblyサイト運営サポートのサブスク(自社サイト向け)
    • Weeblyサイト運営サポートのサブスク(サイト制作者向け)
  • Weeblyで制作したHP例一覧
    • 制作事例01-SIX SENSES
    • 制作事例02-いけばな作家 大泉麗仁
    • 制作事例03-アクロキューブ株式会社
    • 制作事例04-mom healing
    • 制作事例05-光苑 -書道教室-
    • 制作事例06-マウスガード -EPOCH-
    • 制作事例07-(株)ハイパフォーマー
    • 制作事例08-高橋工業有限会社
    • 制作事例09-横浜精密 精密ゲージ製作会社
    • 制作事例10-ミズモリサーチ 水漏れ調査第三者機関
    • 制作事例11-イタリアンレストラン TRATTORIA TOMATO
    • 制作事例12-脱毛専門Beauty Salon Bliss