メニューを閉じる
モバイルのメインメニューに戻るための矢印

ビジネスツール

コミュニティ

PSPINC /Apps ご利用中の弊社サービスへ一括ログインが可能です
モバイルのメインメニューに戻るための矢印

オンラインサービス

ホスティング

Custom WordPress Design お見積もり依頼はこちら

オンラインマニュアル

>

3. トップページ作成 と トップページ作成

3a. トップページ作成

create homepage
  • トップページに写真やコンテンツを入れる
  • ページのタイトルを入力 — ①
    • ページの上部に表示されるナビゲーションのタイトル
  • 半角ローマ字でページのURL を入力 — ②
    • 半角英数字と-のみ使用
  • 編集ツールを使いページ内に文字を入力、画像を追加 — ③ ** Word などの文章作成ソフトからそのまま文章を貼り付ける場合、文字の装飾や書式がそのまま反映されてしまう場合があります。その場合は、編集ツールの〚書式のクリア〛で設定を削除することができます。
  • 〚保存〛ボタンをクリック
  • 見出しのサイズ変更
    • style head text
  • 編集ツールの使い方 画像の追加、文字の装飾、リンクの追加など、コンテンツの作成に役立つ機能をご利用いただけます。文字の書式や装飾は、指定の文字をハイライトし、各編集ツールのボタンをクリックします。
tool 1
. . .編集作業を元の状態に戻す、またはやり直す
format
. . .文字の大きさ、装飾、段落、配置の設定
font formatting
. . .書式の設定の取り消し
tool 2
. . .(左から)太字、斜体、アンダーライン、取り消し線、引用
tool 5
. . (左)文字の色、または(右)文字の背景色を設定
tool 6
. . .文字の配置を変更
tool 7
. . .ソースコード(HTML)を表示
  • ウェブのソースコードを使ってウェブを作成します
  • コードの入力はレイアウトを崩してしまうことがありますのでお気をつけください
tool 8
. . .表の作成ツール(表の縦幅は空欄、横幅を100%での作成を推奨)
tool 9
. . .(左)箇条書き、または(右)番号付きの箇条書き
tool 10
. . .(左)インデントを減らす、または(右)インデントを増やす
tool 11
. . .リンクの追加
tool 11
. . .リンク削除

1.文字や画像のホームページ内のリンク付け

2. リンクさせたい文字をハイライト、もしくは画像をクリック >〚リンクの追加〛をクリック(または〚挿入〛>〚リンク〛)> リンク先にウェブサイトのURLを入れる。(例:http://www.pspinc.com)

3. ターゲット属性

4.なし:指定したウェブサイトが差し替わり表示

5.新規ウィンドウ: 新しいウィンドウで指定したウェブサイトを表示

adding link
tool 11
. . .アンカーの設定
tool 14
. . 画像の挿入・編集
tool 15
. . . 水平線の追加
画像のアップロード&挿入

1. 〚挿入画像の挿入・編集〛>〚画像のソース〛>〚虫眼鏡〛>〚ファイルの追加〛>〚選択〛>〚希望の画像を選択〛>〚アップロード〛

add images add images add images add images
  • 〚挿入画像の挿入〛>〚画像のソース〛>〚虫眼鏡〛>写真を選択 >〚OK〛
画像を選択画像横幅900未満

画像の編集

  • 編集する画像を選択
  • 編集ツールの〚画像の挿入・編集〛をクリック
  • 画像の説明文と画像サイズを変更し、〚OK〛をクリック
Google MapやYouTubeビデオ等のコードをエンベッド(貼り付け)

Google Mapの貼り付け方

1. www.google.com/maps に住所を入力

2.〚共有〛を選択

3. 埋め込みコードを ソースコードに貼り付ける〚共有〛を選択

tool 11
. . .Google Map
3b. リストページ作成
Item List 1

ページタイトル — ① リスト全体のタイトルとして表示されます

1. ページタイトル リスト全体のタイトルとして表示されます

2. 保存 

3. 項目の追加

Item List 2

4. 各リストタイトル入力

5. リスト本文入力 文字の装飾等は全てHTMLコードを使う

6. 画像: 〚選択〛> 画像を選択 >〚保存

7. 画像は10MB までのサイズで1枚のみ