WEEBLYの教科書
  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • 無料プレゼントのご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人日誌
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 3時間で学ぶHTML >
        • テキストダウンロード
      • VScodeインストール
  • weeblyについて
    • 他のCMSとの比較 >
      • 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 編集操作の基礎知識
    • サイト作成・編集 >
      • 編集操作項目一覧
      • ページの追加・削除
      • 画像と文字の配置・編集
      • ギャラリーの配置・設定
      • スライドの配置・設定
      • HD動画・YouTube動画の配置と設定
      • 地図(Google Map)の配置・設定
    • SEO設定について
    • 独自ドメイン設定方法
    • ドメイン設定にかかる時間
  • 逆引き
  • 機能を拡張しよう!
  • Q&A
  • お問合わせ
  • Weeblyで制作したHP例一覧
    • 制作事例01-SIX SENSES
    • 制作事例02-いけばな作家 大泉麗仁
    • 制作事例03-アクロキューブ株式会社
    • 制作事例04-mom healing
    • 制作事例05-光苑 -書道教室-
    • 制作事例06-マウスガード -EPOCH-
    • 制作事例07-(株)ハイパフォーマー
    • 制作事例08-高橋工業有限会社
    • 制作事例09-横浜精密 精密ゲージ製作会社
    • 制作事例10-ミズモリサーチ 水漏れ調査第三者機関
    • 制作事例11-イタリアンレストラン TRATTORIA TOMATO

管理人日誌

Weeblyと関係ないことも書いちゃいます。ご了承ください。

制作したサイトをスマホのホーム画面にアイコン画像を作って表示させる方法

5/20/2022

0 コメント

 
今や、サイトへのアクセスはスマホからのアクセスの方がPCより上回っているのが現状です。
サイトに素早くアクセスしてもらうために、サイトのアイコンを作成して、アイコンでサイトにアクセスしてもらえうように設定しましょう。
Q&Aに「Weeblyで作成したサイトのスマホ用のアイコンを設置する方法」というタイトルを追加しました。
サイトのスマホ用アイコン画像を作って、Weeblyで制作しているサイトのディレクトリーに画像をアップロードする方法と、コードの挿入方法を案内しています。

Webサイトへのリンクアイコンをホーム画面に追加する方法

【iPhone用】
iPhoneの「Safari」アプリで、Webサイトのへのリンク(アイコン化)をiPhoneのホーム画面に追加することで、ホーム画面から直接Webサイトを表示することができます。
画像
1. 「Safari」を起動してサイトへアクセスして下の中央の操作アイコンをクリック。
画像
2.ちょっとスクロースして「ホーム画面に追加」をクリック。
画像
3.右上の「保存」をクリックするとホーム画面にアイコンが表示されます。
画像
サイト用のオリジナルアイコン画像を制作してWeeblyにアップロードしてコードを入れていれば、このようにオリジナルアイコンでホーム画面に表示されます。
【Android用】
Chromeブラウザで、Webサイトのへのリンク(アイコン化)をAndroidのホーム画面に追加することで、ホーム画面から直接Webサイトを表示することができます。
画像
1. 「Chromeブラウザで対象のWebページを表示し『三点リーダー(3つの点)』をタップします。
画像
2.表示されたメニューより『ホーム画面に追加』をタップします。
画像
3.ホーム画面に追加より『追加』をタップします。
自分のサイトのアイコン画像を作ってWeeblyのディレクトリーに画像をアップロードし、HTMLのコードにアイコン画像を読み込むようにコードを追加すると独自のサイトのアイコン画像をホームページに表示することができます。
スマホのホーム画面用のアイコン画像のアップロード方法、コードの追加方法はQ&Aの
​「Weeblyで作成したサイトのスマホ用のアイコンを設置する方法」に記載しています。
0 コメント

お問い合わせいただく時のメールアドレスを間違えないようにお願いいたします。

3/12/2021

0 コメント

 
画像
お問い合わせいただき、お返事をしているのですが、メールの宛先が不明でメールが返されてしまうケースが増えています。
調べたり、返事を書いたり時間をかけてメールを送信しても届かなければ意味がありません。
お問い合わせ頂いている方で、当サイトから返事が来ていない方は、再度、返信先のメールを確認し、同じ内容で結構ですのでお問い合わせからご投稿願います。
多くの方共通に役立つ疑問や操作内容などについてはQ&Aページなどでお答えしていきます。
0 コメント

無料で学べる3時間の動画HTML,CSSを【学びBAR】で公開中。

11/24/2020

0 コメント

 
画像
WordPressもWeeblyもその他のCMS(コンテンツマネジメントシステム)も、.html書類がサーバーにアップされてブラウザーは曽於書類を読み込んでコンテンツを表示しています。
世の中の殆どのサイト(ホームページ)はHTML書類です。
.html書類を直接エディターアプリでコードを作成するか、Adobe Dreamweaverのようなアプリを使って作るか、WordPressのように管理画面を使って、デザインテーマをインストールしてコンテンツを入れ込んで作っても、Weeblyで様々なツールを配置してサイトを作っても、出来上がっているのは.html書類です。
.html書類を作る方法は色々あるということです。
出来上がった.html書類を管理ページで直接変更することができれば、表示あるいはコンテンツが変えられると言うことです。.html書類を編集する際は、作っているアプリやサービスの管理画面から行わないとアプリやサービスでの更新が出来ませんので注意が必要ですが、編集出来るということです。
Weeblyは選んだテーマごとにHTML,CSSの基本データが入れ替わります。
直接、HTML,CSS(Weeblyの場合、最近ではlessという記述がほとんどになっていますが、CSSをより便利に記載するために進化した記述方法です)を変更・編集することが出来ます。
WEBデザイナーとかWEBコーダーを目指して勉強している方はHTML,CSSが編集出来ますが、それ以外の方でHTML,CSSの編集ができるようになるためには知識を学ぶ時間と制作経験がないと難しいものです。
スクールでも約2〜3ヶ月でやっとHTML,CSSが理解できるかどうか。
実際にホームページを作りながら学ぶのでどうしても時間がかかります。
実際WEBスクールの講師として1クラス12名で4クラスをそれぞれ半年間教えてきて、学校やスクールの教え方に問題が有ることを実感しました。
経験は時間をかけて複数のサイトを実際作ってみないと身につきませんが、基本的な役割やルールは3時間で習得できます。

無料で学べるYouTube【学びBAR】HTML,CSSを3時間で学ぶ

HTML,CSSを3時間で学べる無料講座
画像
こちらも「Weeblyの教科書」を運営しているAndjoule inc.のNAKA-Gがサイトを運営しています。
ぜひ、いいね! お願いいたします。
0 コメント

RSSフィードで利用している忍者ツールズに障害が発生している模様。早く復旧することを願うばかり。

1/27/2020

0 コメント

 
画像
ホームページトップにブログのフィード表示で無料で利用できる忍者ツールズの画像RSSですが、2020年1月26日時点でサーバーに障害が発生している状況らしいです。

制作しているサイトの殆どに忍者ツールズの画像RSSを利用しているので、問い合わせも結構来ていますが、忍者ツールズさんの復旧を待つしかありません。

数日以上、復旧にかかってしまうようなら別のフィードへの差し替えを考えなければなりませんが無料で使えてカスタマイズできるフィードは他になく、復旧を願うばかり。
0 コメント

ムームードメインも「.inc」ドメインの取扱い開始! 今ならオトクなドメイン情報も

6/4/2019

0 コメント

 

これから新規企業を立ち上げるなら.incが良いかも

今なら安いドメインキャンペーン情報
画像
「.inc」は法人組織や株式会社を表すドメインです。
新しいドメインなので、任意の文字列で取得できる可能性大です。
法人におすすめのドメインでムームードメインで取扱い開始ということでメールが届いた。

これから新しいドメインを取得したいと考えている企業やリニューアルで新しいドメインで開始したい企業におすすめです。
Weeblyでサイトを作ろうと思ったら有料プランの「Proプラン」がおすすめ。
独自ドメインをこれから取るならムームードメインがおすすめ。DNS設定が簡単で安くて、操作しやすいから。
お名前.comでドメイン取ってWeebly申し込まないように。落とし穴が待ってます。
※キャンペーン時に安いドメインも1年後の更新では通常価格になります。
会社の中の一つの事業部やブランドサイトで一時的なサイトでしたらサブドメインを追加して利用すればドメイン取得コストがかからずに済みます。
ドメインを増やしすぎると毎年支払いで結構かかりますし、少人数で沢山のサイトを管理するのは大変ですよ。
安い時にドメイン取得して新規事業サイトを立ち上げて1年間実施してみて状況を見て継続するべきか、しないべきか考えるのも良いかも。
ムームードメイン >>
0 コメント

有料プランで利用している人はSSL(https://〜)の設定をしよう!

7/9/2018

0 コメント

 

設定ページで確認

有料プランを利用しいる人は追加料金無しでSSLが利用できるはずなのに「アップグレード」しないとできないような設定が表示されています。
Picture
Weeblyに問い合わせしたらシステムがまだサイト利用者全員に変更が行き届いていないそうで、問い合わせすることによりweeblyのスタッフさんが手動で設定してくれました。

詳細を読む
0 コメント

Weeblyは月額$5以上の有料プランで追加料金無しでSSL(https://)に変更できます!

7/9/2018

0 コメント

 

独自ドメインが設定できる有料プランなら追加金額無しでSSL通信に変更ができるようになりました。

Picture

詳細を読む
0 コメント

Weeblyのサイトの見栄えを変えられる高機能アプリが凄い!

2/28/2018

0 コメント

 
jQueryを知らなくても、使えなくても高機能な表示ができるアプリが凄い!
現在アプリの数は300以上。

いろんな機能のアプリが沢山選べます。
無料と有料がありますが日本円で2000円〜3000円も出せばずっとそのサイトでは別のページでも使えるアプリが沢山あります。(中には月額で使用料を支払うものもあります)

以下のサイトは私がWeeblyで制作しているサイトで、$20の高機能アプリをアプリを使用して左右からスライド画像が中央に移動してくる設定を盛り込んでいます。
Picture
これからサイトを制作する方も、既にWeebl;yでサイトを制作初めている方もいつでもこの機能を追加することが出来ます。

サイトのブラッシュアップやインパクトが必要なページに高機能な表示を追加できます。

アプリを活用してプロが作ったような高機能なサイトが簡単に作成できるのもWeeblyの良さです。
0 コメント

とうとうWeeblyが日本進出に本腰を入れ始めた!

9/20/2016

 

世界の4000万以上のサイトがWeeblyで作られている

Picture
Weeblyで作った自分の会社のHP

詳細を読む
    Access Octomono Masonry Settings
    画像

    Weeblyの教科書

    Web戦略コンサルタントがオススメする次世代のHP制作サービスWeeblyの使い方と活用方法。

    - 管理人日誌 -
    日々の更新情報や気付いた点など書いていきます。

    Archives

    5 月 2022
    3 月 2021
    11 月 2020
    1 月 2020
    6 月 2019
    7 月 2018
    2 月 2018
    9 月 2016

    Categories

    すべて
    Weeblyについて
    【学びBAR】情報
    お問い合わせについて

    RSS フィード

操作方法についてご質問

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

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

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

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

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

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

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

Weeblyの基本設定・操作・集客できるサイト運営など、セミナー開催しています。
開催場所:東京 新宿駅から京王線で桜上水駅下車 徒歩7分

最新のスケジュール公開中! 受講お待ちしております。
セミナー情報・お申込み
セミナー情報・お申込み
セミナー情報・お申込み
セミナー情報・お申込み

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の教科書での学び方
    • 無料プレゼントのご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人日誌
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 3時間で学ぶHTML >
        • テキストダウンロード
      • VScodeインストール
  • weeblyについて
    • 他のCMSとの比較 >
      • 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 編集操作の基礎知識
    • サイト作成・編集 >
      • 編集操作項目一覧
      • ページの追加・削除
      • 画像と文字の配置・編集
      • ギャラリーの配置・設定
      • スライドの配置・設定
      • HD動画・YouTube動画の配置と設定
      • 地図(Google Map)の配置・設定
    • SEO設定について
    • 独自ドメイン設定方法
    • ドメイン設定にかかる時間
  • 逆引き
  • 機能を拡張しよう!
  • Q&A
  • お問合わせ
  • Weeblyで制作したHP例一覧
    • 制作事例01-SIX SENSES
    • 制作事例02-いけばな作家 大泉麗仁
    • 制作事例03-アクロキューブ株式会社
    • 制作事例04-mom healing
    • 制作事例05-光苑 -書道教室-
    • 制作事例06-マウスガード -EPOCH-
    • 制作事例07-(株)ハイパフォーマー
    • 制作事例08-高橋工業有限会社
    • 制作事例09-横浜精密 精密ゲージ製作会社
    • 制作事例10-ミズモリサーチ 水漏れ調査第三者機関
    • 制作事例11-イタリアンレストラン TRATTORIA TOMATO