--- title: 操作マニュアル　かっこかり description: "## 【はじめに】 ## 制作ツールについて このWebサイトは、WordPre…" url: "https://tasogare-design-office.com/docs/%e6%93%8d%e4%bd%9c%e3%83%9e%e3%83%8b%e3%83%a5%e3%82%a2%e3%83%ab%e3%80%80%e3%81%8b%e3%81%a3%e3%81%93%e3%81%8b%e3%82%8a/" updated: "2024-06-18" category: 操作マニュアル --- # 操作マニュアル　かっこかり ## 【はじめに】 ## 制作ツールについて この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/タブレット/スマホの各画面サイズで、どのようにページが表示されるか確認することができます。 必ず全て確認してください。 ## 新着情報を追加する ## 既存のページを編集する 【基本】 ■文章を変更する ■画像を変更する ■色を変更する ■アニメーションを変更・追加する ■リンク先を変更する 【気をつけて】 ■コンテンツを追加する ■ポップアップを追加する 【かなり上級】 ■新しくページを作る