WEEBLYの教科書
  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • 無料プレゼントのご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人日誌
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 3時間で学ぶ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

Q & A

Weeblyのサーバーへの画像の追加方法と追加した画像のURL

5/19/2022

0 コメント

 
画像
Weeblyで制作しているサイトのディレクトリーに直接画像データをアップロードする方法と、その画像を表示させるための画像のURLについて解説します。
画像のツールボックスの設置ではなく、固定のURLとして画像をアップしたい時の画像のアップロードの仕方とアップロードした後の画像のURLについて説明します。
画像
ビルドの編集画面から上のナビメニュー「テーマ」をクリックします。
左下の「HTLM/ CSSの編集」をクリックします。
アセットの中の「+images」のところの右のギアマークをクリックして「ファイルのアップロード」をクリックします。
(OCTOMONO errerの表示は気にしないでください。アプリのエラーでバグのようです。)
自分のPCのファイルからアップロードする画像を選択し、アップロードします。
ページ右上の「保存」ボタンをクリックして保存します。
(この時、テーマのカスタマイズがはじめての場合、テーマを変更した独自のテーマ名に変更しなければならないので、分かりやすくサイト名+01という名称をつけました。※テーマは複数カスタマイズして保存することができるのでナンバリングしとくと良いです。)

アップロードした画像のURL

アップロードしたファイルはどのようなURLになるのか、Weeblyにはその案内がありません。
​アセットで+imagesでアップロードした画像のURLは
https://www.(URL)/files/theme/images/(画像名:半角英数)
独自ドメインでSSL有効にしている場合はhttps://になります。
また、サブドメインを設定している場合はwww.のところがサブドメイン.になります。
Weeblyのサーバーに直接データをアップした場合はこのようなディレクトリーで保存されることを理解しておいてください。
画像ツールや書類ツールを使ってアップロードした画像や書類はそれぞれ別のディレクトリーに保存されます。これは編集ページではコントロールできません。
画像ツールや書類ツールを配置してアップロードした時のURLは、公開した時のページで画像や書類を右クリックしてURLをコピーするなどで確認することはできます。
0 コメント

あなたのコメントは承認後に投稿されます。


返信を残す

    Access Octomono Masonry Settings
    画像

    Weeblyの教科書

    WEB制作15年。誰でも簡単にホームページ作成を楽しめるWeeblyをみんなに伝えたくてこのサイトを作りました。
    これからは誰もが簡単にホームページを作成できる時代です。
    ぜひ、ご活用ください。
    <管理人>

    Picture

    Archives

    5月 2022
    5月 2021
    3月 2021
    8月 2020
    11月 2019
    10月 2019
    9月 2019
    6月 2019
    5月 2019
    9月 2016

    Categories

    すべて
    Googleアドセンスについて
    SEOについて
    このサイトについて
    エディター追加
    サイトの設定について
    サイト機能の追加
    フォームについて
    ブログについて
    管理権限について
    編集について

    RSSフィード

操作方法についてご質問

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

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

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

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

デザインブラッシュアップも含め¥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

クリエイティブコモンズに基づいて次から使用された写真: FindYourSearch
  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • 無料プレゼントのご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人日誌
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 3時間で学ぶ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