テンプレートMotoCMSを認識以上に変更します。 10の簡単なステップ

ロシア語を話すユーザーがMoto CMSを利用できるようになってからちょうど1週間が経過しました。 コントロールパネルに基づく既製のFlashサイトテンプレートのストアで、この小さなマイルストーンに到達しました。 今日の午後、65番目のテンプレートtemplates.motocms.ruに追加されました。

Moto CMSベースのテンプレート

MotoCMSの豊富なフラッシュテンプレートを使用すると、ほぼすべてのデザインと機能を備えたサイトを作成できると主張する自由があります。
例をよく見てみましょう。

ご注意 多数のスクリーンショット。



Motoコレクションのフラッシュテンプレートを使用して、基本的な機能、エフェクト、ツールがどのように機能するかを確認してください。 新しいページを追加し、色とフォントを変更します。

テンプレートの編集を開始する前に、ファイルをホスティングにアップロードして、テンプレートをインストールする必要があります。 これを行うには、テンプレートをインストールするための段階的なガイドが役立ちます。 または、各テンプレートにある「デモコントロールパネル」リンクをクリックするだけです。

その後、すべてがシンプルで直感的です。 10ステップで、あなたは自分のウェブサイトを仕事に使えるようになります。 それでは、行きましょう:

1.コントロールパネルに明確な言語で話しかけます。 水平のトップメニューで[設定]項目を選択するか、パネルのショートカットをクリックします。 次に、「コントロールパネルの設定」-「インターフェース言語」。

言語バージョンの変更を選択してください

提案された言語のリストで「ロシア語」を選択します。

Moto CMSのロシア化

やったー MotoCMSコントロールパネルはRussifiedです。

2. [ファイル]メニューセクションで[ウィザード]項目を選択します。 テンプレートに基づいてパーソナライズされたサイトが作成されるのは、ステップバイステップの支援によってです。

マスター

3. 「ウィザード」 機能は本当に素晴らしいです:)。 コンテンツの編集、構造とレイアウトの変更、サイト自体とコントロールパネルの両方の設定の管理ができます。 より基本的な知識を得る場合、または単にいい人とチャットする場合は、4番目の項目「ヘルプとサポート」を選択します。

例として[商品]ページを使用して、既存のテンプレートの編集プロセスを確認します。
このページに移動するには、「設定」->「ウィザード」->「ウェブサイトのコンテンツを編集」->「ページを編集」の矢印に従ってください。 ここで、「追加」ボタンをクリックして新しいページを作成できます(新しいページは完全にきれいにするか、このテンプレートに典型的な典型的な構造にすることができます)。

新しいページを追加する

言うまでもなく、既存のページの名前を簡単に変更し、右側のパネルでタイトルとURLを変更できます(上のスクリーンショットを参照)。

この例では、ページ名とタイトルを「Products」に変更しました。 ページのコンテンツを編集するには、「編集」をクリックします。

必要なページがメインのCMS編集エリアで開きます。 ページの任意の要素を変更できます。 これは、エレメントプロパティエディタを使用して行われます。 右ペインのページで別のオブジェクトを選択すると、対応するエディターがアクティブになります。

シングルオブジェクトエディター

4.私たち自身も試してみたい:)。 サイトのロゴを変更することから始めましょう。 テキスト領域をクリックして、ロゴの境界線を強調表示します。 テキストオブジェクトのプロパティが右側のパネルに表示されます。 WYSIWYGエディターを使用すると、テキストのサイズ、色を簡単に変更し、配置を適用できます。 要素を展開し、「ぼかし」、「グロー」、「シャドウ」などのさまざまな効果を適用することもできます。 要素をダブルクリックすると表示されるテキストエディターを使用して、ロゴテキストの色を変更しました。

オブジェクトを回転するには、丸い矢印(下のスクリーンショットを参照)が表示されるまでオブジェクトフレームの隅にマウスカーソルを移動し、マウスの左ボタンをクリックして必要な方向にオブジェクトを回転します。 [効果]タブで[グロー]を選択し、色を白に設定します。

スローガンを変更

5. 「製品」ページにいるので、質問があります。ロゴはこのようにサイトのすべてのページに表示されますか? はい、上部ツールバーの「場所」フィールドで「スローガンホルダー」を選択した場合。

「保存」ボタンをクリックして、変更を保存することを忘れないでください。 これで、「プレビュー」ボタンを使用して、サイトで行われたすべての変更を確認できます。

テンプレートを編集するとき、1つの危険があります。すべてが非常に簡単かつ直感的に行われるため、停止するのが難しい場合があります。 1つのスクリーンショットに戻って、通常どおりこのページを覚えてみてください。これは次のように見えるためです。

色とセマンティックバッカナリア:)

ご覧のとおり、私たちの揺るぎない手は、スローガンも、配色も、メニュー項目と個々のボタンの位置も、空間での方向性もspareしみませんでした。 そして、これはほんの始まりです!

6.実験続けます。 次のステップは、サイトメニューです。 ページ上のメニュー領域を選択します(この場合、「製品」ページの下部に4つのボタンがある水平のマルチカラーストリップです)。 右側のサイドバーで、メニューのプロパティを設定し、いくつかの効果を追加できます。 メニュー項目を変更したり、新しい項目を追加するには、右パネルの下部にある「モジュールの編集」ボタンをクリックするか、ページ上のメニュー自体をダブルクリックします。 開いたウィンドウ(下のスクリーンショット)で、新しいメニュー項目を作成し、名前を登録し、色を設定し、選択したメニュー項目をクリックしたときにユーザーが移動する場所を示すこともできます。 メニューモジュールの場所を変更するには、目的の場所にドラッグするだけです。

ページの色を変更する

したがって、メニューの色をわずかに変更し、右側のパネルの「効果」タブを使用して「グロー」効果を適用しました。

メニュー項目を変更する

サイトコンテンツの他の要素と同様に、ページの背景色は簡単に変更できます。 ページの空の領域をクリックして、右側のサイドバーで必要なプロパティを設定するだけです。 ひねりを加えたいですか? (ページをダブルクリックして)ページの背景から他のページ、ポップアップウィンドウ、または外部URLに切り替える機能を使用します。 [アクション]タブで、必要な機能がすべて待機しています。

ページの色を変更したため、このページのボタンの色を変更することは論理的です。 オブジェクトプロパティタブの対応するフィールドを使用して、必要な色を選択します。

ページの色を変更する

7.コンテンツにアクセスします。 ページ上のテキストメッセージを変更し、さらに情報を追加します。 置換するテキストをクリックすると、テキストブロック内にカーソルが表示され、すべてが通常のテキストエディターのようになります。 テキストの削除、フォントと色の追加、置換、その他の使い慣れた書式設定機能。

このページの画像は非常に嫌いです。 変わります! 画像を1回クリックして、使用可能なプロパティオプションを右ペインに表示します。 [画像]の[参照]ボタンをクリックすると、このテンプレートにあるすべての画像が保存されている[メディアライブラリ]に移動します。 ウィンドウの左上隅にある「追加」ボタンをクリックして、「メディアライブラリ」に画像を追加できます。

挿入する画像を選択する

次に、目的の画像を選択し、ページの下部にある[選択]ボタンをクリックします。 古いイメージは新しいデフォルトに置き換えられます。 ぼかし、色付け、影などの効果を画像に適用することもできます。

変更を保存することを忘れないでください:)。

8. Moto CMSでは、1ページだけでなく、サイトの背景を変更することもできます。 あなたのフラッシュサイトをより魅力的でユニークにする写真、壁紙、またはその他の画像を背景として使用できます。

左ツールバーの「写真」ボタンをクリックして「メディアライブラリ」に移動し、画面上部の「追加」ボタンを使用して目的の画像を追加します。 画像をハイライトし、「選択」をクリックして、目的の場所にオブジェクトを配置します。 背景を他のオブジェクトの背後の背景に配置するには、上部ツールバーの「背景」アイコンをクリックする必要があります。 「ロケーション」メニューで「ウェブサイト」レイヤーを選択すると、サイトのすべてのページとポップアップウィンドウにサイトの背景が表示されます。 右側のサイドバーを使用して、幅または高さを変更できます。

結果として得られた背景は次のとおりです。

パターン背景の置換

ご覧のとおり、MotoCMSを使用すると、テンプレートの要素を簡単に編集できます。 右側のコントロールパネルにはオブジェクトのプロパティの設定が表示され、上部のパネルではオブジェクト全体が編集され、左側のパネルではページにモジュールと要素を追加できます。

9.編集と内部リンクに戻ります。 [製品]ページの[ブランド]セクションを、[詳細]ボタンを介して別のページに接続してみましょう。 これを行うには、最初に追加のページを作成する必要があります。

コントロールパネルの左上隅にある[作成]ボタンをクリックします(スクリーンショットを参照)。 ページの種類(通常のページまたはポップアップ)を選択します。 次に、作成するページを指定する必要があります-空白またはコンテンツのサンプル。 サンプルコンテンツを含む通常のデフォルトページを作成します。

Moto CMSのロシア化

新しく作成したページに、サイト構造内の名前、タイトル、URL、およびページの場所を割り当てます。 たとえば、新しいページに「プロモーション」という名前を付けます。

テキストなしではどのようなプロモーションが可能ですか? このページの情報は「リッチコンテンツブロック」モジュールに配置されます。このモジュールにはスクロールバーが含まれており、モジュールに大量の情報を配置できます。 左側のパネルで[モジュール]ボタンを見つけ、ドロップダウンメニューで[リッチコンテンツブロック]を選択します。 モジュールのプロパティは、通常どおり、右側のサイドバーに配置されます。 モジュールをダブルクリックして編集エリアに入り、モジュールに必要な情報を入力します。

それだけです、やめられません:)。 YouTubeの動画をプロモーションに追加しましょう。 これを行うには、左パネルの[モジュール]ボタンをクリックして、[メディアプレーヤーウィジェット]を選択します。 ページをクリックしてモジュールを配置します。 モジュール領域をダブルクリックすると、編集モードになります。 YouTubeビデオをサイトに投稿することにしたので、[ファイルの種類]列で[YouTubeビデオ]を選択します。 [動画ID]列に、YouTubeサイトの動画URLを入力すると、システムが自動的に動画IDを抽出します。

ビデオをアップロードする

順番は、あるページから別のページへのリンクになりました。 「続きを読む」ボタンを使用して実装します。 左側のパネルで、「スロット」-「続きを読むボタン」を選択します。 次に、「ブランド」セクションのテキストの末尾にボタンを配置し、名前を「詳細」などに変更します。 次に、右側のサイドバーの[アクション]タブに移動します。 [有効にする]チェックボックスをオンにして、[ページに移動]と[プロモーション]ページを指定します。 遷移は、ページだけでなく、ポップアップウィンドウでも実行でき、外部URLに移動するか、ファイルを開きます。

また、要素、スロット、またはモジュールだけでなく、プレーンテキストもリンクできます。 これを行うには、必要なテキストメッセージを選択し、テキストエディターパネルで、チェーンリンクの画像があるタブを見つけてクリックします。 さらに、手順は[アクション]タブとまったく同じです。

10.最もおいしいもの、つまり組み込みのフォントマネージャーの存在に目を向けます。 Online Font Creatorを使用して、サイトに無制限の数のフォントを追加できます。 また、サイトを多言語化して、世界中のユーザーがサイトにアクセスできるようにすることもできます。

カスタムフォントをダウンロードする

SEOの専門家、次の2つの段落はあなたのためだけです! 何年もの間、フラッシュ技術を使用して作成されたサイトは検索エンジンで宣伝できないとの意見がありました。 MotoCMSのおかげで、フラッシュサイトを宣伝するときに、SEOツールを正常に使用でき、すべての主要な検索エンジンによってインデックスが作成されることがわかります。

ウェブサイトの設定では、各ページに一意のウェブサイトメタタグを設定し、GoogleアナリティクスやGoogleウェブマスターツールなどのSEOツールを適用できます。これにより、検索エンジンでプロジェクトをより効率的に促進できます。

SEOコンポーネントMoto CMS

おそらく、1回のレビューで十分です:)。 templates.motocms.ruストアのテンプレートに基づいて、プロフェッショナルで美しいFlashサイトを作成する主な手順を検討しました。 私を信じて、これはMoto CMSとそれに基づくテンプレートを使用するときに開かれる機会の氷山の一角にすぎません。

サイトを作成するときは、最も大胆なアイデアも含めて、独自に実装してください。

Moto flash CMSシステムの操作に関するご質問には、いつでもお気軽にお問い合わせください。 当社のWebサイトでは、 FAQセクションに精通し、 ヘルプデスクにリクエストを書き込むか、Web開発者のフォーラムで経験を共有できます。

PSまれに、Moto CMSに基づくテンプレートの価格が250ドルを超えることはほとんどありません。 私たち自身もそのような価格にショックを受けることがあります。

Source: https://habr.com/ru/post/J110008/


All Articles