この記事で解決できる悩み
- jimdoでカラムを増やして画像を挿入する方法
- jimdoでアイコンを横並びに表示する方法
- 画像にリンクを埋め込む方法
この記事では、jimdoでカラムを増やして画像を挿入する方法、アイコンを横並びに表示する方法、画像にリンクを埋め込む方法について解説しています。また、動画や画像を使用して細かい手順まで丁寧に説明しています。
jimdoでカラムを増やして画像を増やしたい
下記の記事のようにアイコンを横並びに表示する方法を紹介しています。
また、アイコンにタップするとリンク先に移動する方法も併せて紹介しています。
![](https://acting-marketing.com/wp-content/uploads/2023/04/画像1-1024x576.jpg)
この記事では、動画と画像を使用して紹介しています。
まずは動画で全体の流れを把握していただき、その後、細かい作業については画像で補足していますので、そちらもご確認ください。
画像でも操作を解説
まず、すでにあるアイコンのブロックにカーソルを持ってくると、下の画像のように「カラムを編集」というボタンが表示されますので、そこを選択してください。
画像で解説:カラムを増やして画像を挿入する
まず、カラムを増やして画像を導入する方法を以下の手順で紹介します。
カラムを増やして画像を挿入する
- 「カラムを編集」を選択
- 追加したい場所の「+」を選択
- 「保存」をする
- 「コンテンツを追加」を選択する
1,「カラムを編集」を選択
まず、すでにあるアイコンのブロックにカーソルを持ってくると、下の画像のように「カラムを編集」というボタンが表示されますので、そこを選択してください。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像2-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F2-1024x576.jpg)
2,追加したい場所の「+」を選択
この時に増やしたいカラムの場所で「+」を押すとしての場所でカラムを増やすことができます。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像3-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F3-1024x576.jpg)
3,「保存」をする
その後、忘れないように「保存」のボタンを押すしましょう。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像4-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F4-1024x576.jpg)
4,「コンテンツを追加」を選択する
その次に「コンテンツを追加」をを選択します。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像5-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F5-1024x576.jpg)
4,「画像」を選択する
表示された項目から「画像」を選択します。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像6-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F6-1024x576.jpg)
5,雲マークを選択する
すると、雲のマークが表示されるので、そこをタップします。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像7-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F7-1024x576.jpg)
6,表示させたい画像のファイルを選択する
その次に表示させたい画像が保存されている場所を選択します。
これは人によって画像を保存しているフォルダは違うので、自分の表示させたい画像がどこに保存されているのかをあらかじめ把握する必要があります。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像8-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F8-1024x576.jpg)
ここまででカラムを増やし、そこに画像を挿入する方法について紹介しました。
画像で解説:挿入した画像にリンクをつける
ここから挿入した画像に対して、そこからの画像にリンクを付ける作業について紹介します。
挿入した画像にリンクをつける手順
- リンクをつけたい画像の「オプション」を選択
- リンクのボタンをタップする
- 「外部リンクかメールアドレス」を選択する
- リンク先に指定したいリンクを挿入する
- 最後に「保存」を押す
1,リンクをつけたい画像の「オプション」を選択
はじめに、リンクを貼りたい画像の「オプション」を選択します。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像9-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F9-1024x576.jpg)
2,リンクのボタンをタップする
1で「オプション」を開くと、鎖のマ0クの「リンク」のボタンが表示されるので選択しましょう。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像10-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F10-1024x576.jpg)
3,「外部リンクかメールアドレス」を選択する
そのままであれば「内部リンク」が選択させているので、「外部リンクかメールアドレス」を選択して、リンクを入力する準備をしましょう。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像11-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F11-1024x576.jpg)
4,リンク先に指定したいリンクを挿入する
画像をタップした時に、移動させたいリンク先を指定しましょう。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像12-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F12-1024x576.jpg)
5,最後に「保存」を押す
最後は忘れずに「保存」を押すようにしましょう。
保存をせずにページを閉じてしまい、保存されないことも多いので注意をしましょう。
![https://acting-marketing.com/wp-content/uploads/2023/04/画像13-1024x576.jpg](https://acting-marketing.com/wp-content/uploads/2023/04/%E7%94%BB%E5%83%8F13-1024x576.jpg)
ここまでで「画像にリンクを埋め込む方法」の紹介を終わります。
まとめ
この記事では、Jimdoを使用してウェブページにカラムを増やし、画像を挿入する方法、アイコンを横並びに表示する方法、画像にリンクを埋め込む方法について詳しく解説しました。
動画や画像を使用して、手順を細かく説明し、初心者でも簡単にウェブページを作成できるようにしています。
また、アイコンを横並びに表示する方法や、画像に対してリンクを貼る方法についても詳しく説明しています。
最後には、これらの手順をまとめているので、復習にも最適です。初心者でも分かりやすく、すぐに実践できる内容になっています。