【はじめに】 #
制作ツールについて #
このWebサイトは、WordPress上で、Elementorというツールを使って作られています。
「聞き馴染みのない単語ばかりで、よくわかりません!」>柴
黄色<「解説します!」
■WordPressってなに?
WordPress(ワードプレス)とは、Webサイトやブログの作成/更新ができるシステムです。
世界中のWebサイトのうち、約43.0%がWordPressを使って作られているほど、高い人気を誇っています。
特徴
・専門的な知識がなくても、Webサイトの作成や記事投稿ができて、管理しやすい!
・WordPress自体の使用料が無料
・プラグインやテーマが豊富で、様々なカスタマイズができる
※プラグインとは…通常では装備されていない機能を追加し、より多機能にするためのツール
※テーマとは…Webサイト全体のデザインを整えるもの
<画像:できたら上記3点>
■ Elementorってなに?
Elementor (エレメンター)とは WordPress のプラグイン の一つで、
直感的にWebサイトを作ることができるツールです。
通常、WordPressのテーマのみで制作すると、
テンプレート感の強い、動かないWebサイトしか作ることができません。
<実際の画像>
「悪くないけど、ちょっとダサくて嫌かも…」>柴
アニメーションがあるような、かっこいいWebサイトを作ろうと思ったら、
HTML/CSSなどを入力(コーディング)する必要があります。
それには専門的な知識が必要で、時間もかかります…
<コーディングのイメージ>
「そんなの無理だよ…」>柴
黄色<「そこで、このElementorをWordPressに追加すれば、コーディングをする必要がなく
簡単に、もっとかっこいいWebサイトを作ることができる!というわけです。」
<画像:テーマのみシンプル → コーディングは大変 → elementorなら簡単に作れる!>
詳しい操作方法については、各章で説明します。
納品後お客様にお願いしていること #
弊社では納品後、下記についてはお客様ご自身にお願いしております。
1. ドメイン/サーバー管理
2. Webサイトの保守管理
3. コンテンツの更新
その分、低コストでサービスをご提供している、といった仕組みでございます。
1. ドメイン/サーバー管理 については、
こちらURLのマニュアルの通りに契約した後は
自動更新されるので、特に問題ないかと思います。
ここでは
2. Webサイトの保守管理
3. コンテンツの更新
について、詳しく解説していきます。
【Webサイトの保守管理】 #
「保守管理ってどうやってやるの…手間がかかって大変そう…そんな時間ないよ…」>柴
黄色<「字面は難しそうですが、結構単純ですので、ご安心を!」
基本的なセキュリティ/スパム対策、定期的なバックアップはもう設定済みなので、お客様ご自身が行う必要はありません。
やることは一つ、定期的なアップデートをお願いします!
WordPress上では、定期的に以下3つが、新しいバージョンに更新されます。
・WordPress本体
・テーマ
・プラグイン
<実際の画像3つ>
このように管理画面に表示されますので、必ずアップデートをお願いいたします!
「めんどくさいな〜。ほっといてもWebサイト自体は動くでしょ?」>柴
黄色<「気持ちはわかるけど、放っておくと、セキュリティの穴ができてしまって
そこからマルウェア(悪意のあるコンピューターウィルスなど)が入り
サイトをハッキングされてしまう可能性があります!」
常に新しいバージョンにしておけば、マルウェアの侵入は防ぐことができるので、忘れずに!
やり方 #
こんな画面が出ます。更新を押します。少し待ちます。完了しました!
念の為、Webサイトをチェックして、変わりないか確認してね。
【コンテンツの更新】 #
自己編集OK・NG箇所 #
「はじめに」で、Elementorなら簡単にかっこいいデザインを作れる!とお伝えしましたが、
弊社で制作したWebサイトは、デザイン性・機能性を追求するため、
Elementorとコーディングを掛け合わせて制作しております。
そのため納品後変更してしまうと、配置や機能が崩れてしまう部分もございます。
前提として
・自己編集OKな箇所
・変更しないでいただきたい箇所
がありますので、ご注意くださいませ。
■ 自己編集OK
・新着情報の更新
・
・
■ 自己編集NG
・
・
・
■自己編集する際のポイント
PC/タブレット/スマホの各画面サイズで、どのようにページが表示されるか確認することができます。
必ず全て確認してください。
新着情報を追加する #
既存のページを編集する #
【基本】
■文章を変更する
■画像を変更する
■色を変更する
■アニメーションを変更・追加する
■リンク先を変更する
【気をつけて】
■コンテンツを追加する
■ポップアップを追加する
【かなり上級】
■新しくページを作る