WEEBLYの教科書
  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • WEB作成の基礎知識ご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人日誌
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 4時間で学ぶHTML >
        • テキストダウンロード
      • VScodeインストール
  • weeblyについて
    • CMSの種類と選び方
    • こんなCMSは利用するな!
    • Weeblyのメリット、デメリット
    • Weeblyの特長 >
      • Weeblyの無料と有料プラン
      • 特長01 ドラッグ&ドロップで簡単編集
      • 特長02 100種類以上の豊富なデザイン
      • 特長03 強力なホスティング
      • 特長04 迅速で役立つサポート
      • 特長05 簡単なブログ設置&投稿
      • 特長06 優れた画像編集機能
      • 特長07 優れた画像設置・編集機能
      • 特長08 簡単なビデオ、オーディオ配置
      • 特長09 フォームも簡単設置&高度な編集機能
      • 特長10 詳細なトラフィック統計情報が確認できる
      • 特長11 独自ドメインホスティング
      • 特長12 無料版でも広告表示なし
      • 特長13 スマホ、タブレットから編集できる専用アプリ登場!
      • 特長14 さらなる高機能なツールが続々登場!
    • これからの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
  • 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でサイトを創ろう

HTML,CSSの知識がなくても、感覚的に
ホームページが作れるWeebly
画像
これからホームページを作成しようと考えている方はご一読ください
これからホームページを自力で作成しようと考えている方へ(ご一読ください)
現在ではノーコード(コードを書かない)でホームページが作成できるCMS(コンテンツ・マネージメント・システム)がいくつか優れているサービスが増えています。
どんなに簡単操作でホームページが作成できるようになっても、コンテンツやページ構成など、
  • だれに
  • 何を
  • どのように伝えるか
ををしっかり考えてから、レイアウトもおおよそ考えてから作成し始めないと制作できなくなってしまいます。
まずは、ホームページの中身をどうするか、原稿を作ってページ構成を考えてから、どのCMSサービスでホームページを作成するかを選びましょう。
コンテンツの作り方

CMS(コンテンツ・マネージメント・システム)とはどんなものか

どのCMSでサイトを作ったら良いのか

私がWeeblyを推奨する理由

詳しくはこちら
Weeblyを始める前に必ずお読みください
最近のトラブル対策です。 Weeblyを始める前に必ずお読みください。
これからWeeblyを体験してみたい方へ、事前に知っていて欲しいことがあります。
一番初めに新規アカウントを作る時だけ、アクセスするブラウザーをMacOSの方は"Safari" Windous10の方は"Edge"でアクセスして登録を行うことをおすすめいたします。
2022,5月現在、Chromeから新規アカウントを作ろうとしてトラブルになったという報告があります。
一度、アカウントを取得後はどのブラウザーからアクセスしてもログインできます。
クレジット代行会社の「Square」が親会社になったことでサイト制作のタイプが2つになっています。
自由なレイアウトでWEBぺーじが作成できるのはWeeblyなので「weeblyウェブサイトを試す」の方を選んで進めてください。
Weeblyはホームページを作成するサービスなので、新規アカウントを登録すると、ドメイン名の設定、デザインテーマを選ばなくてはなりません。
でも、大丈夫。ドメインはWeeblyのサブドメインなら無料なので未登録のドメイン名なら何でも登録可能で、後から変更できます。
デザインテーマも後から変更できるので、レイアウトより画像のイメージが、作りたいサイトの画像と合っているものを選んで登録すると良いでしょう。
Weeblyについて知る
自分で作ってみる
サイト制作を相談・依頼
Weeblyへの移行を相談・依頼

既にWeeblyでホームページを作っている方にプロのデザイナーがブラッシュアップをお手伝いします。

Weeblyのブラッシュアップを相談・依頼
ご自分のサイトやお客様(クライアント)のサイトをWeeblyで制作した方への有料サポートプラン
操作・設定等の有料サポートプラン

| Q & A(Weeblyの操作方法についてわからないことがあったら質問ください)

操作方法ご質問フォーム


Loading...
Q&A 一覧ページはこちら

| 管理人からのお知らせ



Loading...

| Weebly新着情報



Loading...

Weebly サイト制作 事例

会社案内的サイト

業務案内中心のサイト
画像
ネット検索や業種情報サイトで登録されている企業の場合は会社案内程度の内容でシンプルに制作。
会社案内サイト

WordPressから移行

活動情報発信
画像
HTML,CSSの基礎知識が無いと編集できないWordPressからの移行をサポート。Weeblyなら自分で編集・運営できます。
WordPressから移行

別サイトからリニューアル

教室案内や情報発信(Instagram連動)
画像
ホームページのランニングコストがWeebluなら年間¥19.800-以下で運営できるようになります。
Weeblyでサイトをリニューアル

教室や事業案内

(予約、お問合せ)
画像
会員制でGoogleカレンダーを使用した
予約受付を導入(スマホで管理可能)
教室や事業案内サイト

商品紹介サイト

商品製造・サービス業のサイト
画像
アプリを使用して動きのあるサイトも作れます。
商品紹介サイト

通販サイト

サイト制作と同時に通販も可能
画像
サイト制作とは別にショップ登録して商品登録、カテゴリーを設定して通販サイトにそのままサイトを展開出来ます。
通販サイト

Weeblyの操作方法 個人レッスン

Weeblyでホームページを作成しているけど
操作方法に躓いている人、もっと操作方法を学びたい人向け
個人レッスンをストリートアカデミーで開催いたします。
(開催日設定していないので開催希望日でリクエストください)
画像
Weeblyの操作方法を1時間プライベートレッスン

その他ホームページ制作のためのオンラインセミナー

【学びBAR】プロが教える役立つホームページの作り方・運営方法
HTML編集初心者向け・3時間で編集するための基礎ルール学べます
画像
「Weeblyの教科書」を運営しているデザインチームが作成します。

最初はWeeblyでプロに作ってもらう
納期最大2ヶ月待てるなら

HP制作費¥55,000〜プラン
ホームページ作成経験が少ないなら、サイトはプロによるデザイン、構成でサイトを完成・公開。公開後は、Weeblyの教科書で操作を学びながら編集することをおすすめします。
【最新緊急対応】
Weebly管理画面からログアウトして、再度ログインするとき、ログインページに「ログイン」ボタンが表示されなくなった場合の対処法
ログインボタンが表示されなくなったら

Weeblyをおすすめする理由

役立つホームページの作り方

​印刷物に色々役割があるようにWEBサイトも役割によって構成もデザインもコンテンツの内容もターゲットによって違います。
どのように役立つサイトを作成するか戦略的に考えて作らないと役立たないサイトになってしまいます。
​ 
役立つホームページの作り方

なぜWeeblyか?

タイムリーに情報を発信できてこそWEBの良いところ。
自社ですぐに情報発信できなければ意味がありません。外部にサイト作成を依頼していても情報発信部分は自社(自分)で簡単にできるサイト運営はWeeblyが適しているのでおすすめしています。
Weeblyの教科書について

Facebook Link

Twitter Link

Tweets by WeeblyKyoukasho

操作方法についてご質問

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

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

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

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

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

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

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

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

まずは、ご相談ください。
セミナー情報・お申込み
セミナー情報・お申込み
セミナー情報・お申込み
セミナー情報・お申込み

Weeblyをすぐ始める

Weebly.comを今すぐ始めたい方は、
Weeblyのバナーをクリック ▶▶▶
登録からサイトOPENまで ▶
Create your online store and start selling. Try it free at Weebly.com!
The Easiest Way to Create a Website. Weebly.com

サイトマップ

ホーム
この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について
    • CMSの種類と選び方
    • こんなCMSは利用するな!
    • Weeblyのメリット、デメリット
    • Weeblyの特長 >
      • Weeblyの無料と有料プラン
      • 特長01 ドラッグ&ドロップで簡単編集
      • 特長02 100種類以上の豊富なデザイン
      • 特長03 強力なホスティング
      • 特長04 迅速で役立つサポート
      • 特長05 簡単なブログ設置&投稿
      • 特長06 優れた画像編集機能
      • 特長07 優れた画像設置・編集機能
      • 特長08 簡単なビデオ、オーディオ配置
      • 特長09 フォームも簡単設置&高度な編集機能
      • 特長10 詳細なトラフィック統計情報が確認できる
      • 特長11 独自ドメインホスティング
      • 特長12 無料版でも広告表示なし
      • 特長13 スマホ、タブレットから編集できる専用アプリ登場!
      • 特長14 さらなる高機能なツールが続々登場!
    • これからの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
  • 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