画像、PDFファイル、ビデオ、その他のオブジェクトの挿入
EasyWebshop CMSエディタは、ウェブサイトにあらゆる種類のオブジェクトを追加するための多くの柔軟性を提供します。このページでは、追加できるオブジェクトをまとめています。オブジェクトは以下のセクションに挿入できます：
リファレンス
- 写真、画像、ロゴ
- ハイパーリンク、バナー、ボタン
- PDFファイルとカタログ
- MP3およびOGGオーディオファイル
- ビデオまたは映画
- 成人向けコンテンツ警告
- アニメーションGIF
- バックグラウンドミュージック
- ブログ（RSSフィード付き）、フォーラム、ゲストブック
- テキストの周りのボーダー
- チャットボックスまたはシャウトボックス
- カラムとテーブル
- クッキー警告
- 顧客のフィードバックとレビュー
- ウェブフォーム
- POI付きの地図
- フォトギャラリーまたはスライドショー
- 印刷ボタン
- 外部検索ボックス
- robots.txtおよびXMLサイトマップ
- いいねボタンとソーシャルプラグイン
- 訪問者カウンター
- ウェブカメラ
- HTML、CSS、JavaScriptコード
KISS原則
挿入するオブジェクトが多いほど、ウェブサイトは混雑して見え、読み込みが遅くなります。
したがって、ウェブサイトをシンプルに保つことをお勧めします。
写真、画像、ロゴの挿入
画像アイコンをクリックして、画像をアップロードして挿入します。
- 上部メニューのアップロードリンクをクリックします
- ファイルアップロードボタンをクリックして、デバイス上のファイルを選択します
サブフォルダ（またはサブディレクトリ）が存在する場合、画像をアップロードするためのサブフォルダを選択できます。多くのファイルがある場合は、サブフォルダを作成することをお勧めします。ファイルの概要で新しいフォルダアイコンをクリックすることでこれを行えます。
画像ファイルを選択した後、サイズを変更することができます。高速読み込みのために最大800x600ピクセルを推奨しますが、高解像度の写真をアップロードすることもできます。
- アップロードボタンをクリックして画像をアップロードします
- アップロード後、画像の下にある挿入アイコンをクリックします
マイ画像の概要にも画像が表示されます。したがって、別のページに同じ画像を挿入したい場合は、再度画像をアップロードする必要はありません。
スマートフォンでは、画像は画面の最大幅に縮小され、解像度に関係なく表示されます。これにより、横スクロールバーが表示されるのを防ぎます。
ハイパーリンク、バナー、ボタンの挿入
- 挿入アイコンをクリックし、リンクまでスクロールします
- ハイパーリンクの場合はハイパーリンクを選択します
- ボタンまたはコールトゥアクションの場合はハイパーリンクボタンを選択します
- バナー、画像、または写真の場合はハイパーリンク写真を選択します
- ウェブアドレス（URL）を入力します。これは内部ページまたは外部ページのいずれかです。
オプションで、訪問者がリンクをクリックしたときに新しいブラウザウィンドウを開くことを選択できます。
PDFファイルまたはカタログのアップロード
アップロードアイコンをクリックして、PDFファイルをアップロードして挿入します。
- 上部メニューのアップロードリンクをクリックします
- ファイルアップロードボタンをクリックして、デバイス上のファイルを選択します
- アップロード後、挿入アイコンをクリックします
著作権で保護されたコンテンツや感染したファイルをアップロードすると、事前の警告なしにウェブショップが即座に削除されます。
MP3およびOGGオーディオファイルの挿入
アップロードアイコンをクリックして、MP3またはOGGオーディオファイルをアップロードして挿入します。MP3はプロプライエタリで、OGGはオープンで特許のないオーディオフォーマットです。
- 上部メニューのアップロードリンクをクリックします
- ファイルアップロードボタンをクリックして、デバイス上のファイルを選択します
- アップロード後、挿入アイコンをクリックします
動画や映画の挿入
アップロードアイコンをクリックして、MP4動画ファイルをアップロードして挿入します。
- 上部メニューのアップロードリンクをクリックします
- デバイス上のファイルを選択するためにアップロードファイルボタンをクリックします
- アップロード後、挿入アイコンをクリックします
ファイルサイズの制限は25MBです。動画ファイルがそれ以上の場合は、動画編集ソフトウェアで圧縮するか、動画サイトにアップロードする必要があります。
また、Bitchute、PeerTube、Rumble、Vimeo、YouTubeのような動画プラットフォームから動画を挿入することもできます。
- 挿入をクリックし、YouTube動画を選択します
- YouTube動画のURL（アドレスバーからコピー）を入力します
動画を共有するためのHTMLコードをコピーして挿入することもできます。以下に、HTMLコードの挿入方法を説明します。
成人向けコンテンツ警告の挿入
- 設定 > その他のオプション > 接続に移動します
- ウィジェットまでスクロールします
- 成人向けコンテンツ警告ウィジェットを選択し、確認します
ウィジェットに関するすべてのドキュメントは、ウィジェット接続ウィキで見つけることができます。
アニメーションGIFの挿入
90年代のファンなら、ウェブサイトにアニメーションGIF画像を追加できます。
- 画像のアップロードに関して上記と同じ手順に従います
- 画像のサイズ変更を選択しないでください
画像のサイズを変更すると、GIFフレームが壊れ、アニメーションがなくなります。
バックグラウンドミュージックの挿入
バックグラウンドミュージックの使用はお勧めしません。ほとんどの訪問者は、自動的に始まるバックグラウンドミュージックにイライラします。これはウェブサイトの悪いデザインプラクティスです。
この理由から、私たちのソフトウェアには含まれていません。しかし、可能であり、非常に簡単です。お気に入りの検索エンジンで「ウェブサイトにバックグラウンドミュージックを追加する」を検索してチュートリアルを見つけてください。以下に、HTMLコードの挿入方法を説明します。
ブログ（RSSフィード付き）、フォーラム、またはゲストブックの挿入
ブログ
EasyWebshopには組み込みのブログ機能があります。ブログを有効にすると、ブログという名前の新しいページが追加され、その上に[WEBSHOP_BLOG]というキーワードが表示されます。ウェブサイト上では、このキーワードがあなたのブログに置き換えられます。
フォーラム
EasyWebshopにはフォーラム機能はありません。私たちはウェブショップソフトウェアに焦点を当てています。フォーラムが必要な場合は、外部でフォーラムを作成するのが最良の選択肢です。その後、フォーラムへのハイパーリンクを作成できます。
ゲストブック
EasyWebshopには組み込みのゲストブック機能があります。ゲストブックを有効にすると、ゲストブックという名前の新しいページが追加され、その上に[WEBSHOP_GUESTBOOK]というキーワードが表示されます。ウェブサイト上では、このキーワードがあなたのゲストブックに置き換えられます。
テキストの周りにボーダーを挿入
テキストの周りにボーダーを配置したい場合は、挿入をクリックし、ボーダーを選択します。
ボーダーのサイズ、色、背景色を設定できます。これらの設定を編集したい場合は、HTMLビューに切り替えてソースコードで編集できます。
チャットボックスまたはシャウトボックスの挿入
私たちのライブチャットを使用してください。
カラムとテーブルの挿入
カラムは、テキストと画像を並べて表示するために使用できます。小さな画面では、カラムは縦に表示されます。挿入をクリックし、カラムを選択してください。
テーブルは、挿入をクリックし、次にテーブルを選択することで挿入できます。
広いテーブルは小さな画面で問題を引き起こす可能性があり、横スクロールバーが表示されることがあります。したがって、レスポンシブなカラムの使用をお勧めします。
カラムとテーブルのパラメータを設定できます。編集したい場合は、HTMLビューに切り替えて、ソースコードで編集できます。
クッキー警告の挿入
- 設定 > その他のオプション > 接続に移動します。
- ウィジェットまでスクロールします。
- クッキー警告ウィジェットを選択し、確認します。
ウィジェットに関するすべてのドキュメントは、ウィジェット接続ウィキで見つけることができます。
顧客のフィードバックとレビューの挿入
これには、私たちの顧客のフィードバックとレビューを使用できます。
ウェブフォームの挿入
お問い合わせページには、スパム保護付きのウェブフォームがあります。このフォームを通じて送信されたメッセージは、あなたのメールに送信されます。
POI付きマップの挿入
ウェブサイトに会社情報または個人データを表示するがショップ設定でアクティブな場合、情報ページにはデフォルトでマップが表示されます。このマップを無効にし、デフォルトが不正確または不十分な場合は別のマップに置き換えることができます。
ポイントオブインタレスト（POI）付きのパーソナライズされたマップを挿入することも可能です。
- ピックアップポイントの場所を示すマップ
- 店舗の場所を示すマップ
マップは次のもので作成できます：
- OpenStreetMap（オープンソース）
- Googleマップ（プロプライエタリ）
ウェブアドレス（URL）がある場合：
- 挿入アイコンをクリックし、ページコンテンツまでスクロールします。
- マップを表示をクリックします。
- URLを貼り付けて、挿入をクリックします。
HTMLコードがある場合：
- HTMLアイコンをクリックしてHTMLビューに切り替えます。
- マップを挿入したい場所にHTMLコードを貼り付けます。
フォトギャラリーとスライドショーの挿入
スライドショー機能が利用可能ですが、フォトギャラリーはありません。
- 1つまたは複数のスライドショーをフォトギャラリーとして使用できます。
- 価格と購入ボタンなしで製品でカテゴリを埋めることができ、これをフォトギャラリーとして使用できます。
- 写真を挿入することができます。
- 新しいページに外部フォトギャラリースクリプトを挿入できます。
印刷ボタンの挿入
- 挿入をクリックし、リンクまでスクロールして、印刷アイコンのために印刷を選択するか、印刷ボタンのために印刷ボタンを選択します。
外部検索ボックスの挿入
- 設定 > その他のオプション > 接続に移動します。
- ウィジェットまでスクロールします。
- DuckDuckGoウィジェットを選択し、確認します。
ウィジェットに関するすべてのドキュメントは、ウィジェット接続ウィキで見つけることができます。
Robots.txtまたはXMLサイトマップの挿入
robots.txtファイルとXMLサイトマップは自動的に生成されます。あなたのドメイン名の後に/robots.txtと/sitemap.xmlを入力することで見つけることができます。
自分のファイルをアップロードすることも可能ですが、.txtおよび.xmlファイルをアップロードできますが、デフォルトのrobots.txtおよびsitemap.xmlを置き換えることはできません。
いいねボタンとソーシャルプラグインの挿入
これにはソーシャルネットワークを使用できます。
外部ソーシャルプラグインをHTMLコードを埋め込むことでウェブサイトにインストールすることはお勧めしません。これらのコードには、訪問者のプライバシーに有害なトラッカーが含まれていることがよくあります。代わりに、トラッカーなしでソーシャルネットワーク上のページへのリンクを提供するソーシャルネットワークインターフェースを使用してください。
追加の訪問者カウンターの挿入
EasyWebshopには、Easy Analyticsアプリケーションがあり、ダッシュボード > 訪問者分析で見つけることができます。
さらに、外部訪問者カウンターをインストールできます。
ライブウェブカメラの挿入
ウェブカメラストリームプロバイダーからHTMLコードを取得します。以下に、HTMLコードの挿入方法を説明します。
HTML、CSS、JavaScriptコードの挿入
HTMLアイコンをクリックするか、挿入 > HTMLを編集をクリックします。テキストエディタはHTMLビューに切り替わります。
HTML、CSS、JavaScriptコードを追加、編集、削除できます。また、内部または外部のソースからコードをコピー＆ペーストすることもできます。他のページからHTMLコードをコピーすると、レイアウトやマークアップが保持されます。
- HTML
- HTML（ハイパーテキストマークアップ言語）は、ウェブページやウェブアプリケーションを作成するために使用される標準のマークアップ言語です。小文字の<tags>を使用してウェブページの構造を定義します。学びやすくシンプルな言語であるため、ほとんどのHTMLコードは非技術者によって自由に変更できます。
- CSS
- CSS（カスケーディングスタイルシート）は、ウェブページのレイアウト、色、フォント、その他の視覚的な側面を制御するために使用されるスタイルシート言語です。CSSコードは<style>と</style>タグの間にあり、学びやすく編集も簡単です。
- JavaScript
- JavaScriptは、インタラクティブで動的なウェブページを作成するために使用されるスクリプト言語です。クライアントサイドの言語であり、クライアントサイドのウェブブラウザによって実行され、サーバーサイドでは実行されません。コードは<script>と</script>タグの間に配置されます。
JavaScriptは強力な言語ですが、残念ながら無能なウェブ開発者によってしばしば誤用されます。これにより、迷惑な広告、ポップアップ、トラッカー、高いCPU消費、遅い読み込み時間を伴う悪いウェブサイトが生じます。
EasyWebshopユーザーは自分のウェブページを完全に制御できますが、制御には責任が伴います。この機能を慎重に使用してください。
外部スクリプトは、ウェブショップ内の既存のコードと競合やエラーを引き起こす可能性があります。これにより、ショッピングカートやチェックアウトなどの機能が動作しなくなることがあります。また、セキュリティ証明書に関する警告を引き起こすこともあります。
外部スクリプトは、外部ソースに連絡し、ホームに電話し、訪問者を追跡することができます。これは、訪問者のプライバシーに有害です。プライバシーを侵害するコードを実装する必要がある場合は、プライバシー声明を適宜更新してください。
外部スクリプトは、遅いサーバーからスクリプトが読み込まれると、ウェブサイトを遅くする可能性があります。したがって、外部ソースに接続するJavaScriptを制限してください。
私たちは2009年のローンチ以来、EasyWebshopを常に改善しています。すべての新しいアップデートにおいて、すべてが後方互換性を保つことを保証します。カスタムスクリプトについては、将来のアップデートがあなたのコードとの互換性を壊す可能性があることに注意してください。したがって、EasyWebshopのアップデート後にコードを更新する必要があるかもしれません。
外部スクリプトについては、私たちのヘルプデスクはサポートを提供できません。技術サポートについては、常にスクリプトプロバイダーに連絡してください。
ウェブショップをカスタマイズし、エキゾチックな機能を追加するためのスクリプトのコレクションは、EasyWebshopスクリプトで見つけることができます：
再度HTMLアイコンをクリックして、エディタビューに戻ります。
HTMLビューで保存すると、コードはCMS HTMLサニタイザーを通過しません。コードがウェブページを混乱させるリスクがありますが、自分でコードを挿入する自由度が増します。
次のページ: 画像の編集と透かしの適用