初心者向けWebツール Jimdoでホームページ
  • 概要
  • アカウントの取得
  • ページレイアウト
  • ナビゲーション
  • コンテンツ編集
  • 管理メニュー
  • 編集TIPS 基本
  • FAQ
  • リンク
  • お問合わせ

「こぼれび通り」には次のようなコンテンツを配置します。

ナビゲーション「こぼれび通り」をクリックしてください。順次コンテンツを編集します。


見出し 中、文章1

入力用文章の「こぼれび通り」から、見出し 中、文章1を、それぞれ「ホーム」編集の手順で貼り付けます。


画像1

【コンテンツの追加】 → 【画像】

「ここに画像をドラッグ」をクリック → デスクトップの「Jimdo講習会」を開く → フォルダー「こぼれび通り」を開く → 画像「こぼれび(5)」を選択 → 「開く」 

こぼれび(5)が挿入されます。(画像がJimdoのサーバーにアップロードされます)

画像の設定


文章2、画像2

同様な手順で。文章2と画像2(地図)を追加します。画像2(地図)に「拡大」は設定しません。


余白

コンテンツの間に余白(50px)を設定します。

【コンテンツの追加】 →  【余白】 → 保存


フォトギャラリー

複数枚の画像を表示します。

「並べて表示する」(横並び・縦並び・タイル)「画像を自動的に入れ替え表示する」(スライダー)ことができます。

 【コンテンツの追加】 →  【フォトギャラリー】

「ここに画像をドラッグ」をクリック → デスクトップの「Jimdo講習会」を開く → フォルダー「こぼれび」を開く → 画像「こぼれび(2)、こぼれび(3)、こぼれび(4)」を選択(CTRLを押しながらクリック) → 「開く」  3枚の画像が挿入されました。

フォトギャラリーの設定

●横並び・・・写真を横並びに表示します。

●縦並び・・・写真を配置する列数を指定できます。

●タイル・・・タイル形式で配置されます。

●スライダー・・・スライドショーです。

表示形式ごとに、そのオプションが設定できます。

 

今回はスライダーを選択 → 保存


余白

余白を追加します。


見出し 小

見出し 小を追加します。


画像 文章 画像付き文章

画像とその周りに文字を配置したブロックを追加します。

【コンテンツの追加 】 →  【画像付き文章】

 

画像の挿入

 【画像】をくリック → ダイアログで「こぼれび(1)」を選ぶ → 「開く」

文章の挿入

「こぼれび通り」文章3をコピー → 文章エリア(右側)にカーソルがあることを確認(なければクリック)して、プレーンテキストとして貼り付け → 保存

画像のすぐ下に「画像」「文章」タブがあります。

●「文章」タブ  文章の書式が設定できます。

●「画像」タブ  表示サイズ、位置、リンクなどが設定できます。

ハイパーリンクの追加

「画像」及び文字列「とよなかウォーキングコース」をクリックすると、とよなかウオーキングのホームページが開くように、ハイパーリンクを設定します。

① リンクするURLのコピー

タスクバー (ここに入力して検索)をクリック → 検索ボックスに「とよなかウオーキング」を入力 → 「ツール・ド・大阪 とよなかウォーキングコースについて 豊中市」をクリック → 開いたページのアドレスバー上で右クリック → コピー

② 画像付き文章を編集

コンテンツの上でクリックすると編集できるようになります。

③ 画像にハイパーリンクの設定

画像タブをクリック →  (画像にリンク)をクリック → 「外部リンクかメールアドレス」をクリック → アドレス欄で右クリック → プレーンテキストとして貼り付け → 「リンクを設定」をクリック

④ 文字列にハイパーリンクを設定

文章タブをクリック → 文字列「とよなかウォーキングコース」を選択 →  (リンク)をクリック → 「外部リンクかメールアドレス」をクリック → アドレス欄で右クリック → プレーンテキストとして貼り付け → 「リンクを設定」をクリック → 保存

設定した文字列の文字色が変わり下線がつきます。


ホームの編集   ←   →  お問い合わせの編集
  • 基礎編
  • 応用編
    • ヘッダー編集
    • ナビゲーション編集
    • ホームの編集
    • こぼれび通りの編集
    • お問い合わせの編集
パソコン応援隊
概要 | プライバシーポリシー | サイトマップ
ログイン ログアウト | 編集
Jimdo

あなたもジンドゥーで無料ホームページを。 無料新規登録は https://jp.jimdo.com から

  • 概要
  • アカウントの取得
  • ページレイアウト
    • スタイル
    • 背景
    • ヘッダー
  • ナビゲーション
  • コンテンツ編集
    • 基礎編
      • 見出し・文章
      • 画像・画像付き文章
      • フォトギャラリー
      • カラム
      • 表
      • ダウンロード・フォーム
      • Google Map・YouTube
      • PDF埋め込み
    • 応用編
      • ヘッダー編集
      • ナビゲーション編集
      • ホームの編集
      • こぼれび通りの編集
      • お問い合わせの編集
  • 管理メニュー
  • 編集TIPS 基本
    • 編集 応用
  • FAQ
  • リンク
  • お問合わせ
  • トップへ戻る
閉じる