サイトのトップページ

  • # ホームページ制作について
  • Eye99
  • Userごめんやしておくれやしてごめんやっしゃ
  • Calender2021/03/14
  • Linkhttps://aoriyaen.com

解決
済み

以前投稿した者です。
以前にhttps://aoriyaen.comこちらのサイトのトップページにある4つのサムネイル記事枠をホームページに作りたく質問したのですが、なにか操作を誤ってしまって回答頂いたにも関わらず消してしまいました。
なので再度質問させて頂きました。

PS:以前回答頂いた方には本当に申し訳ありません。

みんなの回答を見る

  • Userhiguita
  • Calender2021-03-15 16:09:27

以前の回答を私がしたのかどうかは分かりませんが、記載いただいているURLのページのようなブログ作成サービスであれば、サムネイルを作成する機能があることが多いですが、「とりあえずHP」はホームページ作成サービスなので、サムネイルを作成する機能はないようです。

記載いただいているURLのページのようなサムネイルを作るとしたら自力で作る必要があります。
手順としては、
1)トップページの記事内に表を作成する
2)表の左セルに画像を挿入する
3)表の右セルに概要を入力する
となります。

1)についての詳細な手順は、以下のとおりです。
STEP1:管理画面の「トップページの編集」をクリックします
STEP2:「記事ボックスを追加」をクリックします
STEP3:「見出し」欄にスペースを1つ入力します(これによって見出しが非表示になります)
STEP4:「本文」欄の「表の挿入・編集」アイコンをクリックします
STEP5:「2✕1」で表を作成します。
STEP6:表の左セルをクリックし、「表の挿入・編集」アイコンをクリック、「セル」から「セルの詳細設定」をクリックします。
STEP7:「幅」欄に「30%」と入力し、「OK」をクリックします
STEP8:表の右セルをクリックし、「表の挿入・編集」アイコンをクリック、「セル」から「セルの詳細設定」をクリックします。
STEP9:「幅」欄に「70%」と入力し、「OK」をクリックします
※STEP7とSTEP9は「35%」と「65%」や、「40%」と「60%」のように、2つの合計が100%になるようになっていれば、好みに合わせて変更してください。(半角で入力しないと反映されないので注意してください)
※この時点で表の右セルに概要を入力しておいてもいいと思います。
STEP11:「上側に挿入」を選択して、「上記の内容で設定」をクリックします。

4つのサムネイルを作成するのであれば、STEP11まで完了後、作成された記事の「本文」欄右側の「HTML」アイコンをクリックし、<teble・・・>から</table>までをコピーして、最後尾に貼り付けていき、「OK」をクリックして、「上記の内容で設定」をクリックするといいと思います。
※</table>の後に<br>という改行タグを入力すると表と表の間にスペースができます。

文字数の関係で入らないみたいなので、続きは以下に記載します。

記事を編集する
  • Userhiguita
  • Calender2021-03-15 16:11:20

2)については、画像を使う方法とサムネイル作成サイトを使用する方法があります。

◯画像を使う場合
STEP1:以下のページを参考にファイルアップロード機能を使って、画像をアップロードします。
▼ファイルをアップロードする
https://pr.toriaez.jp/navi/howto/60.html
STEP2:アップロードした画像をトップページの表の左セルに貼り付けます。
以下のページのSTEP7で<td style="width: 30%;">と</td>の間に画像の埋め込み用タグを貼り付けます。
▼アップロードした「画像ファイル」を使う
https://pr.toriaez.jp/navi/howto/61.html
STEP3:貼り付けた画像を選択し、「リンクの挿入・編集」をクリックします。
STEP4:「リンクURL」欄に画像をクリックした時のリンク先URLを入力し、「OK」をクリックします。
STEP5:「上記の内容で設定」をクリックします。

◯サムネイル作成サイトを使用する場合
STEP1:以下のようなサイトでサムネイルを作成します。
▼HeartRails Capture
http://capture.heartrails.com/
STEP2:管理画面から「トップページの編集」をクリックし、表を作成した記事の「本文」欄の「HTML」アイコンをクリックします。
STEP3:STEP1で作成したサムネイルの「貼り付け用タグ」を<td style="width: 30%;">と</td>の間に貼り付けます。
STEP4:「OK」をクリックし、「上記の内容で設定」をクリックします。

あとは表の右セルに概要を入力したり、枠線を整えれば記載いただいているURLのページのサムネイルのようになると思います。

記事を編集する
  • Userhttps://aoriyaen.com
  • Calender2021-03-17 16:34:15

丁寧にご回答いただきありがとうございます。

記事を編集する
次のページ