[お客様用]ホームページ編集方法

目次

ホームページの基本について

この度は、「ビジネスの顔」となる大切なホームページ制作をお任せいただきありがとうございました。改めましてデザイン風とわたげ 松田有里奈と申します。
基本的なサポートは納品後2〜3ヶ月で切れてしまいますが、”ほんのちょこっとの文字修正”などは無料で承っております。ほかに必要なクリエイティブが出てきた際にはぜひお気軽にご相談ください。

わたしはいつでも「今、ご集客どんな状況だろう?」とみなさまのことを陰ながらお見守りさせていただいております。

今回はホームページの編集方法についてレクチャーいたします。納品後も、しっかりと編集・更新を継続していただくことで、SEO対策にもつながり、さらに良いホームページとなり、検索にヒットしやすくなります。

Zoomもしくは対面の際にも1度お伝えしておりますが、お見返しができるようにレクチャーページを作成いたしました。ご不明な点があればいつでもご連絡ください。

完成したからもう終わり!ではありません♡ 更新性がないと「幽霊サイト」となってしまい、GoogleやYahooなどからの検索にヒットされにくくなってしまうのです。(もったいなーい!)

ホームページ編集画面へのログイン方法

ホームページは「Wordpress」というツールを使って作成されています。
編集ページへのログインURLはお客様ごとに異なり、制作の際に共有したGoogleスプレッドシートにて記載がございます。(もしわからなくなってしまったら、お気軽にお問い合わせください)

STEP
ログインURLをタップ

基本的には「ホームページのURL+wp-admin/」というURLになります
(異なる場合もございますので、必ず納品時お渡しした資料をご確認ください)

STEP
メールアドレスとパスワードを入力します
STEP
ログイン完了!

ログイン後に最初に表示されるページを「ダッシュボード」と呼びます。

ダッシュボードについて

ダッシュボードとは、Wordpressにログインして最初に目にするページです。ホームページの管理を行うための中心的な場所で、ダッシュボードにログインすると、サイトの概要が表示され、さまざまな管理機能にアクセスできます。

ダッシュボードの左側メニューについて

  • 投稿:ブログ投稿を作成、編集、削除します。カテゴリーやタグを管理することもできます。
  • メディア:画像や動画などのメディアファイルをアップロードし、管理します。
  • ページ:静的なページを作成、編集、削除します。
  • コメント:訪問者からのコメントを管理し、承認や削除を行います。
  • 外観:テーマの変更、ウィジェットの設定、メニューの編集など、サイトの見た目をカスタマイズします。
  • プラグイン:機能拡張のためのプラグインを追加、有効化、無効化します。
  • ユーザー:サイトのユーザーを管理し、役割や権限を割り当てます。
  • 設定:サイト全体の設定を管理します。これには、一般設定、書き込み設定、読み込み設定、ディスカッション設定、メディア設定、パーマリンク設定などが含まれます。

ホームページの修正方法

こちらでは、ホームページの「文字」「画像」の修正方法についてお伝えします。

文字を修正したい

STEP
ダッシュボードの左メニュー内「固定ページ」をクリックします

ホームページ内のすべてのページが表示されます。

STEP
修正したいページにカーソルを合わせます

ページ名の下に、「編集」というボタンが出てくるのでクリックします

STEP
ページの編集画面が開きます

WordPressエディタが開き、テキストや画像など、ページや投稿の内容を編集できるようになります
テキストを直接クリックして編集してください

文字修正の際の注意点

たまに同じ内容のブロックが並んでいることがございます。
これは「パソコン表示」「スマホ表示」と分かれているため、必ず両方のブロック内の文字を修正してください。

STEP
変更を保存する

編集が完了したら、ページの右上「更新」ボタンをクリックして変更を保存します。

STEP
サイトを確認する

最後に、修正した箇所が正しく反映されているかを確認するために、サイトを訪れてページを見てくださいね!

パソコン、スマートフォン両方からページを確認すると安心ですよ!

画像を修正したい

「文字を修正したい」のSTEP1と2を完了してください。

STEP
修正したい画像をクリックします
STEP
画像の上に、メニューが表示されるので【置換】をクリックします
STEP
メディアファイルもしくはアップロードを選択します

置き換えたい画像が、

  • すでに1度ホームページ内で使ったことがある画像なら、メディアファイル
  • 新しく追加する画像なら、アップロード(ご自身のパソコン内から選択)
STEP
置き換えたい画像を選択する
STEP
画像が置き換わったら、変更を保存する

編集が完了したら、ページの右上「更新」ボタンをクリックして変更を保存します。

画質が荒いかも?と思ったらおためしください

表示画質を変更する

  • 置き換えた画像をクリックして画面右側のメニューをスクロールします。
  • 「解像度」をフルサイズに変更します
  • これで画質が良くならない場合は、もともとの画像自体の画質が良くない可能性がございます
    画像のサイズなどを確認してみてください♡

ページ内容追加方法について

こちらでは、ホームページの「文字・画像」の追加方法についてお伝えします。

文字・画像などを新しく追加したい

「文字を修正したい」のSTEP1と2を完了してください。

STEP
追加したい箇所(背景部分)をクリックし「+マーク」を出します

画面の真ん中もしくは右下に「+マーク」が出てきます。

STEP
「+マーク」をクリックする

メニューが表示されます。こちらが追加できる項目です。(この時点では6つだけ表示されます)

STEP
「すべて表示」をクリックする

画面左側に「追加できる項目」がすべて表示されます。

STEP
修正されたら、変更を保存する

編集が完了したら、ページの右上「更新」ボタンをクリックして変更を保存します。

主に使われるブロック種類をピックアップしました♡

  • 文章を追加したいときは「段落」
  • タイトルなど目立たせたい文章を追加したいときは「見出し」
  • 画像を追加したいときは「画像」

別のサイトへ移動を促したい

ホームページを通じて、外部のサイトへ移動して欲しいときは「SWELLボタン」でリンクをつけることがおすすめです。

SWELLボタンの使い方

まずは画面右側のメニューから「SWELLボタン」を追加します。

ボタンの色を変更したいときは画面左側のメニューから設定が可能です。

ボタンのリンクを追加するときは下記の方法で行ってください

①ボタンの上のする

②URLを入力し、「保存ボタン」を押せば完了!

ほかにしたいことがあった場合

簡単ではございましたが、以上でご説明を終わります。

「ホームページを修正する」という大きな作業、おひとりで行うには大変心細いものだと存じます。
もしお困りになったことがあれば、無理に修正などはせずにお気軽にご相談ください♡
また、レクチャーにあたり皆様が自信を持ってホームページを更新していただけるように、こんなメニューをご用意しましたのでぜひご検討ください。

操作をしっかり学びたい

ワンデイレクチャー講座
一緒にホームページを修正していきましょう!<※画像制作3点まで含む>
90分間:9,900円(税込) @zoom

※受講対象者:わたしが制作したホームページを保持するクライアント様のみ

こんな方に受講をおすすめします
  • ホームページを触るのが怖い
  • ホームページをたくさん更新していきたい
  • この説明ページ以外のことを学びたい
  • 細かい言い回しなどは「自分自身の言葉」でしっかり表現したい
  • 社内のメンバーに説明できるくらい操作を覚えたい

修正作業や日々の管理を任せたい

【月額制】更新お任せプラン 
修正頻度が多く、遠慮なく修正作業を頼みたい方に
月額15,000円(税込)

※受講対象者:わたしが制作したホームページを保持するクライアント様のみ

こんな方にご利用をおすすめします
  • 毎回修正をする時間がない
  • ホームページのことを相談していきながら更新したい
  • ちょっとした画像デザインなどを気軽に頼みたい
  • なにかトラブルが起きた時にすぐに頼りたい

\ 各SNS・メールからご連絡ください♡ /

目次