VKontakte 公開ページのデザイン: メニューとヘッダーの作成方法。 VKontakte グループを適切に設定する方法 - 基本的な要素と役立つヒント

2018年にVKontakteでグループを作成する方法を知りたいですか?そして、ただデザインするだけではなく、正しく美しく自分でデザインしてください。 あなたの答えが「はい」なら、この記事は特にあなたのためのものです。

ソーシャルネットワーク「VKontakte」は最も人気のあるものの1つです。 したがって、ここでは、サービスや製品を宣伝するだけでなく、より多くのコミュニケーション、同じ考えを持つ人々、単なる友達を見つけることができます。 作成されたコミュニティのおかげで、興味のあるイベント、製品、サービスなどに関するあらゆる情報をすぐに見つけることができます。

管理ページで「アップロード」をクリックし、画像を選択します。 次のようになります: グループ名、アバターのサムネイル、ステータス。

残念ながら、モバイルではまだサポートされていません この機能。 しかし、このイノベーションはそれほど昔に起こったものではないため、他のものと同様にプロモーションに関連するものになるでしょう。

提案された資料に簡単にアクセスできるように、メニューを作成できます。 そして、次回は自分で作る方法を説明します。

固定された投稿

VKグループ作成の秘密

ボーナスとして、VK グループの設計の秘密と私たちの個人的な経験を共有します。これにより、高度なレベルで設計を自分ですぐに完了できるようになります。 たとえば、さまざまなアプリケーションのこのような美しいブロックをセットアップすると、エンゲージメントが数倍に高まります。

無料アプリ。コミュニティ管理に移動し、「アプリケーション」に移動して設定を編集します。

ここでは、グループの機能に優れた追加となるアプリケーションを追加することを選択できます。 たとえば、無料で役立つコンテンツを作成する私たちのグループには、「コミュニティをサポートする」ボタンがあり、これをクリックすると、コミュニティの利益のために 100 ルーブルから任意の金額を寄付できます。 製品ストア、アンケート、テスト、オンライン チャット、ニュースレターの購読なども考えられます。

その他の便利なウィジェットとアプリケーション:

• アンケート;
• テスト;
• サービスへの登録。
• メッセージの送信。
• グッズストア。
• 等々。

ディスカッション。クライアントや購読者が関心を持つ主要な問題について、一度にいくつかのトピックを作成します。 これが商業コミュニティの場合、これらはレビュー、よくある質問、支払い、保証、配送に関する情報です。 コミュニティが情報提供を目的としている場合、メインのディスカッション スレッドは、グループが扱うトピックに専念する必要があります。

結論

成功させたいなら、時間をかけて正しく美しくデザインしてください。 この問題に徹底的に取り組み、グループ ページに移動した後のユーザーの行動のすべてのシナリオを検討するほど、サブスクリプションへのコンバージョン、そしてその後の購入へのコンバージョンが高くなります。

）、メニューを作成します。

さあ、お見せします VKontakteグループでメニューを作成し、正しくデザインする方法.

美しいグラフィックを作る

VKontakte Web サイトの新しいデザインでは、グラフィックの寸法が変更されました。 以下に現在の値が表示されます。

• グループのアバター - 200x300 ピクセル
• 説明内のバナー - 510x271 ピクセル

必要なサイズの画像を用意します。 例を示すために既製の写真を撮ります。

それでは、やってみましょう 美しいデザイン、全体像を 2 つの部分に分けます。 その結果、単一のデザインが得られます。

まず、アバターをアップロードします。 グループに移動してクリックします 「写真をアップロードするには」.

コンピュータのハードドライブ上のファイルを選択する必要があるフォームが表示されます。 やれ。 その結果、以下のことが分かりました。

次に、画像の 2 番目の部分を追加しましょう。 これを行うには、壁に写真を貼り、それを記録し、上部の領域に固定する必要があります。

壁に行きましょう。 ここのブロックにあります "メモを追加"、「写真」アイコンをタップします。

2番目に用意した画像をアップロードします。 必ずコミュニティとして投稿することを選択してください。 そして「送信」をクリックします。

ここで、エントリを保護する必要があります (参照)。 新しいエントリに戻り、右上隅のメニューを展開します。 ここでは「ピン留め」をクリックします。

次に、ページを更新して結果を確認します。

唯一のマイナス点は、写真がオンになっていることです さまざまなレベルで。 しかし、これはサイズが合っていないことが原因です。 アバターは縦方向に大きくする必要があります。 そうすれば彼らは同じレベルになります。

VKontakteグループでメニューを作成する方法

例に戻り、「詳細」ボタンを作成する必要があると想像してみましょう。 彼女はすでに写真の中にいます。 これをボタンにして、クリックするとメイン サイトに移動できるようにするにはどうすればよいでしょうか? 今からお見せします。

アクティブなメニュー ボタンを作成するには、それらを別の画像として切り出す必要があります。 このためにはPhotoshopが必要です。

エディターで画像を開き、Cutting ツールをアクティブにします。

切断 下部ボタン付き。 マウスの左ボタンを押したまま水平線を描き、画像を 2 つの部分に切り取ります。

Alt+Ctrl+Shift+S を押して、完成した画像を保存します。

https://vk.com/pages?oid=-120208137&p=menu

記号「odi=-」の後に、グループの ID を挿入する必要があります (参照)。 リンクの最後に、メニュー ページの名前を書きます。 例では「メニュー」をそのままにしておきます。

ここではカメラアイコンをクリックし、用意した画像をアップロードします。

次に、VK 上のグループのメニューの作成に進みましょう。 似たような感じになるはずです。

次にセクションに進みます "編集"。 ここでは、画像ごとにパディングを削除して、それらを 1 つの画像にマージする必要があります。 これを行うには、コードに「nopadding;」値を追加します。 。 そしてリンクを追加してください 希望のページまたは Web サイトに「https://site.ru/page.html」という値を入力します (アドレスを指定してください)。 この例では、「詳細」ボタンをクリックすると Web サイトにアクセスできます。 これが起こるべきことです。

[] []

ページを保存します。 アドレスバーから彼女のアドレスをコピーすることを忘れないでください。 次のようになります。

https://vk.com/page-120208137_52523487

グループウォールに戻り、新しいエントリを作成します。 その中にページへのリンクを挿入し、元の画像を添付します。 公開してピン留めします。

最終的に出来上がったメニューがこれです。

VKontakte コミュニティのデザインにおけるグラフィック要素は、訪問者の注意を引きつけて保持し、また、何千もの同様のコミュニティ間でグループや一般の人々の認知度を高めます。 さらに、グラフィカル メニューによりグループ セクション間の移動が容易になり、参加者や他のユーザーが簡単に操作できます。 ソーシャルネットワーク大規模なコミュニティの構造をナビゲートします。

VK で検索するか、デザイナーのポートフォリオを表示すると、VKontakte グループ デザインの成功例が多数表示され、コミュニティのカバー メニューを選択するときにそこから構築できます。

次の VKontakte グループのデザイン サイズが使用されます。

• ページ カバーは、公開ページの幅全体にわたって上部に表示され、サイズは 1590 x 400 ピクセルです。
• 大きなアバター - 右上に表示される 200x500 ピクセル (アスペクト比 2:5) の垂直バナー。
• 小さなアバター、丸い画像が各グループ メッセージに表示されます (サイズは 200x200 ピクセル)。
• VKontakte グループのメニュー画像、幅 510 ピクセル、高さ 307 (メニューの下端が右側の大きなアバターの下端とうまく一致するように)。

コミュニティ設定でカバー画像が読み込まれている場合、右側の大きなアバターは表示されません。

VKontakte グループのヘッダーを自分で作成する方法

コミュニティ ヘッダーを美しく見せるためには、そのすべてのグラフィック コンポーネントが同じスタイル (色、ロゴ、フォントのセット) でデザインされているか、同じ画像の一部である必要があります。 自分で VKontakte グループを作成する場合、最初のステップは背景画像を準備することです。 これは、無料のフォト バンク (pixabay.com など) からのテーマ画像である可能性があります。

グラフィックエディタで画像を開きます。 トリミングまたはサイズ変更: 長さ 1590 ピクセル、高さ 400 ピクセル。

次に、必要な碑文（グループ名、スローガン、コミュニティへの参加の呼びかけ）を適用できます。 次に、カバーをコミュニティにアップロードする必要があります。これを行うには、「コミュニティ管理」メニュー項目に移動します。

「コミュニティカバー」フィールドの「ダウンロード」をクリックします。

次のウィンドウで、コンピューター上に事前に準備したカバー ファイルを選択し、「保存して続行」をクリックします。

あなたのグループには次のような人がいます 新しいカバー。 この場合、右側の大きなアバターの縦方向の画像は表示されなくなることに注意してください。

• 画像または写真はコミュニティのテーマに対応している必要があります。
• 高画質の画像を使用してください。
• 画像に関して他人の著作権を侵害しないでください（現在、無料のストックを提供しています） たくさんの写真やイラストなど）。
• 表紙に詳細を詰め込みすぎないでください。
• ヘッダーに人の写真を置く場合は、訪問者を見るのではなく、その人自身を見る方がよいでしょう。 重要な要素ページ上（メニュー、ウェブサイトアドレス、プロモーションに関するメッセージ、アピール）。
• 高品質のフォントを使用し、どのような縮尺でもテキストが読みやすいようにしてください。

VKontakteのヘッダーサイズが新しいデザインで公開されました

このソーシャルネットワークの再設計が行われた後、 新しい要素デザイン - 表紙。 これは 1590 x 400 ピクセルの大きな風景画像です。 VKontakte グループのヘッダーは静的な画像です。 明るく思い出に残る写真や写真、一般の名前、会社のスローガン、サイトの名前、作業スケジュール、その他の碑文を置くのに十分な大きさです。

VKグループのメニューを新しいデザインで作成する方法

VKontakte グループ メニューを設計するプロセスは、次の手順で構成されます。

• メニュー リンクのリストを準備します (これは、ページ、コミュニティ セクション、または外部サイトである可能性があります)。
• 背景画像を準備します。
• 背景画像に碑文とメニューの「ボタン」を適用します。
• 画像をパーツに切り出す。
• Wiki ページを有効にします。
• グラフィカル メニューを読み込み、Wiki マークアップでフォーマットします。

背景画像の幅は 510 ピクセルである必要があり、高さはメニュー項目の数と配置によって異なります。 画像を操作するには、ラスター グラフィック エディターが必要です。以下は、無料で軽量な Paint.Net を使用した例です。

画像を同じサイズの断片に分割できるように、メニュー項目の配置をすぐに計画する必要があります。 これは、スマートフォンまたはタブレットの画面上でメニューを適切に拡大縮小するために重要です。

項目が 1 列にある VK コミュニティの垂直メニュー

エディタで画像を開きます。 エディターの「テキスト」ツールを使用して、背景の上にメニュー項目を書き込みます。 メニュー ラベルを表示するには、いくつかの方法でメニュー ラベルを強調表示できます。

• 枠で囲んでください。
• 文字の下の背景色を変更します。
• 文字に影をつけます。

以下のスクリーンショットでは、各項目が次のいずれかの方法で強調表示されています。

次のステップでは、画像をパーツに切り分けます。

画像を切り取るプロセスは、便利なオンライン ツール www.imgonline.com.ua/cut-photo-into-pieces.php を使用して実行することもできます。

次に、「コミュニティ管理」メニューの「セクション」項目に移動し、「マテリアル」項目で「制限付き」を選択します（これは、グループ管理者のみがページを作成および編集できることを意味します）。

「保存」をクリックしてメイングループに移動します。 グループ情報コーナーの近くに「最新ニュース」の項目が登場。

このセクションに移動し、「編集」をクリックします。 タイトルを「メニュー」に変更し、カメラアイコンをクリックして画像を追加します。

追加された画像をクリックし、プロパティ ウィンドウで目的のセクションへのリンクを指定します。

VKontakte は、画像を自動的に 400 ピクセルに縮小し、追加のタグを挿入します。 これを修正するには、マークアップ編集モードに移行する必要があります。

各イメージ タグは「[[」で始まり「]]」で終わり、「|」で区切られた 3 つの部分 (イメージ ID、プロパティ、リンク) で構成されます。 画像のサイズを調整し、プロパティに「nopadding」タグを挿入する必要があります。 画像のプロパティは「;」でリストされます。

変更を保存すると、メニューの作成が完了します。

水平または複数行の項目を含むメニュー

この場合、画像の準備は同じ方法で実行されますが、ソースは垂直に切断されます。 カットされたフラグメントは、ページ編集インターフェイスを通じてロードされます。 長方形のフラグメントの相対位置は、VK の wiki テーブル マークアップを使用して確立されます。 前のセクションで説明した各リンク イメージ タグは、テーブル セル内に配置されます。

テーブル設計ルール:

• 表の先頭は記号「(|)」で、表の終わりは「|)」で表されます。
• 追加のプロパティは「|~」の後に示されます。
• 新しい行は「|-」で始まります。
• 各セルは「|」で区切られます。

余分なスペースを除外するには、テーブルパラメータ「fixed nopadding noborder」を指定する必要があります。 2 列 2 行のグラフィカル メニューのレイアウトは次のようになります。

そしてグループ内のメニュー自体は次のとおりです。

VK パブリック デザインの新しいデザインのグループ アバター サイズ

VKontakte コミュニティは 2 つのアバター オプションを使用します。

• カバーがロードされていない場合は、右上に 200 x 500 ピクセルの大きな長方形のバナーが表示されます。
• サムネイルは 200x200 ピクセルで、投稿やディスカッション内に円として表示されます。

1票

私のブログの読者の皆さん、こんにちは。 前回の記事では、魅力的なものを作る方法を学びました。 それでは、第 2 部に移りましょう。 アバターの美しい一枚絵を作成し、効果的なトランジションを考えます。

私のブログに初めてアクセスする場合は、最初のレッスンから始める必要はありません。 まずこの出版物を読んで、このステップから設計を始めることができます。 今度はその方法を説明します 美しいグループ VKontakte では、追加機能を使用するかどうかを後で決定できます。

この記事を読み終える頃には、印象的で統一された画像が完成するでしょう。

怠け者のためのメソッド

すでにすべての操作方法を知っている人、急いでいる人、または単純に手間をかけたくない人が重要な事柄から気を散らさないように、ビデオチュートリアルを提供できます。 彼は、私がこれから話そうとしているのと同じことを、Photoshop を使わずにサービスを通じて行う方法を教えてくれます。 www.vkprofi.ru .

使ったことがないので有料かどうかはわかりません。 この情報をチェックして、この熱い質問への答えをこの記事にコメントしてくださった方に感謝します。

学びたい人へ

ここに留まって長い道のりを歩むことに決めたら、エキサイティングな仕事があなたを待っています。 オンラインビジネスを始めたばかりの場合に非常に役立ちます。

私が教えるたくさんのトリックを学ぶでしょう 役立つ推奨事項広告に取り組むと、次のような特典も得られます 役立つスキルそして経験してください。

必要になるだろう…

1. フォトショップ。
2. 基本的な絵。

を探している場合、写真は大きくて高品質である必要があります。 サーチエンジン, 次に、デスクトップの壁紙に注目してください。 特にビジネス関連のクールなコミュニティで働いている場合は、このサービスを使用することをお勧めします http://ru.depositphotos.com 。 そこには広告画像が表示されます。

商品を宣伝する写真を選ぶのは、それほど簡単ではありません。 ビジネスコミュニティで使用される場合は、多くの要件を満たさなければなりません。 誰もがこれを理解しているわけではありません。 ホテル、旅館、バー、クラブを宣伝する場合、空室の写真を撮影することはお勧めできません。

まず第一に、人が座れる場所を売るのではなく、その人がその施設を訪れることで得られる感情を示す必要があります。 インテリアの美しさは今では誰も驚かないでしょう。 購入者が飛び込みたくなるような独特の雰囲気を作り出す必要があります。

使い古された写真が好きな人はいません。 常に使用されていると、顧客を獲得する可能性が低くなります。 品質、ライトの正しい設定などについて 話もしないよ。 すでにご理解いただけたと思います。 下の写真のようなオプションは約5年間展開されていません。

から 個人的体験...プロジェクトの 1 つで、私はとてもクールな広告マネージャーと一緒に仕事をしました。 それぞれの写真を一枚一枚分解して撮影しました。 オブジェクトは中心から特定の距離、特定の角度、できれば正しい楽観範囲内にある必要があります。

一番奥の隅にある絵がかかっているフレームの色を変更しなければなりませんでした。 最初はこれはすべて不要なトラブルだと思いましたが、比較のために同様の小さな作業を行った後の変換を見せてくれました。

未来の美しいグループのテンプレートを作成する

したがって、すべての準備ができたら、寸法を決定し、将来のイメージのテンプレートを準備する必要があります。 ちなみに、この方法を学べば、このテクニックを他の多くのタスクに使用して、素晴らしい VKontakte 写真を作成することができます。 私が何を言っているのかすぐに理解できるでしょう。

それでは、連絡先を開いてみましょう。 標準の VKontakte 投稿サイズを探すと、200x500 と 700x500 が表示されます。 ただし、ルーラーを使用すると、サムネイルがこれらのインジケーターに対応していないことを確認できます。 サービスはロード時にそれらを圧縮します。

ava の画像とすべて同じで、実際には 200x500 です。

断食ではすべてが異なります。

いずれにせよ、必要な場合、または 私が用意したテンプレートをダウンロードします、または独自のスクリーンショットを撮ります。 2 番目のオプションを選択することをお勧めします。 なぜ？ このようにして、独自のテンプレートを作成できます さまざまなタスク。 たとえば、メイン ページに製品ギャラリーや「最新ニュース」が表示されているとします。

私のオプションは固定された投稿にのみ適しています。 最もシンプルで最も一般的な設計方法。

自分のグループ、または写真付きの投稿が上部に固定されている他のグループを開きます。 私の絵のように。 この写真を右クリックして「名前を付けて保存」を選択して写真を撮ることもできます。 確かに、最終的にすべてがうまくいくかどうかはわかりません。 実験する時間はありますか? コメントで結果を共有してください。

ほかの人のため 段階的な指導違うでしょう。 まず、ブラウザ上の画像を 100% に拡大します (Ctrl ボタンを押しながらマウスホイールを動かします)。 正直、なぜこんなことをしたのかはよくわかりませんが、最初は規模の都合もあってうまくいきませんでした。

ここで PrtSc ボタンを押します。 これは、キーボードの最上段、無数の「F」の後ろにあります。 クリックしても何も起こりません。 すべて問題ありません。100 回クリックする必要はありません。Photoshop を開きます。

Ctrl+V をクリックすると、画面がプログラムの作業フィールドに貼り付けられます。 次に、長方形マーキーツールを使用して、左側のブロックを操作します。

画像の端に沿ってまっすぐガイドします。 下の写真は手に入らないはずです。 それは正しくありません。

厳密にエッジに沿って移動します。

長方形の左上隅にあるカーソルをつかんで、右下に移動します。 虫眼鏡で頭をだまされないよう、Alt ボタンとマウス ホイールを使用して拡大を行ってください。

ここで Ctrl+J を押します。 これにより、選択したフラグメントが新しいレイヤーに転送され、背景の上に表示されます。

アバターでも同じことを行う必要があります。 新しいレイヤーを選択して移動します (Ctrl+J)

新しいレイヤーに転送すると、作成したばかりの背景ではなく、背景がアクティブになるはずです。 強調表示されていることを確認してください。

その後、背景を取り除くことができます。 このレイヤーの横にあるロックをクリックすると、レイヤーを操作できるようになります。

デスクトップから通常のファイルと同様に、レイヤーをゴミ箱にドラッグします。

これで終わりです。 テンプレートが作成されました。

グループ独自のイメージ

最近 についての記事を書きました。 間違った開き方や、 今後の作業サイズによっては、最もクールな写真の品質が大幅に低下する可能性があります。興味があれば、これに関する記事を私のブログで読むことができます。

メインとして使用する写真をドラッグします。

正しく反映されません。

同じナンセンスがあるなら、それを一番上にすればいいだけです。 次に、Alt ボタンを押したままレイヤー 1 とレイヤー 2 をクリックして、両方を強調表示します。

これらは、マウスの右ボタンと適切なオプションを使用して組み合わせる必要があります。 この場合、作業を続行する方が便利です。 最初にアバター用に写真をオーバーレイして切り取り、それから投稿用にという手順を行う必要はありません。

Ctrl を押してから、作成したばかりのレイヤーのサムネイルを押します。 アリは新しいレイヤーのオブジェクトの端に沿って走ります。これにより、下の画像を表示する方法がわかります。 Ctrl+D を押すと削除できます。 現在内部部分にあるものは、後で VK に挿入されます。

写真を動かし始めると、走っているアリも一緒に「移動」します。 ガイドの設定についてアドバイスさせていただきます。 彼らと協力する方法がわかりませんか? このビデオはここでご覧ください。

すべてを適切に設定したら、次のステップに進むことができます。 同じ効果を実現するための 2 つのオプションを示します。 1つ目はシンプルです。 一番上のレイヤーで右クリックし、「クリッピングマスクの作成」を選択します。

でも私は二枚目が大好きです。 彼のほうが速いよ。 Alt キーを押して 2 つのレイヤー間でカーソルを移動すると、視覚的に変化します。 次に左クリックします。

その結果がこの写真です。

フレームツールを使用して各パーツを切り抜き、jpegとして保存できます。 右の写真をアバターとして追加します。 左側では、通常の投稿として追加してピン留めすることができます。

難しいことではありませんが、問題がある場合は、このシリーズの 3 番目の出版物を読むことをお勧めします。この出版物では、読者が写真をクリックしたときに確実に Web サイトに移動する方法について詳しく説明しています。

私たちはあなたのグループのために美しいメニューを描く方法を考え出しました。 そして今日は、VKontakte ページにメニューを直接配置し、その内部ページを作成する方法を学びます。 じゃ、行こう！

ステップ 1. メニュー項目を vk.com にアップロードする

グループに移動し、その中にアルバムを作成し、前のレッスンの課題を完了したときに取得したメニュー項目をそこにアップロードします。 これを行うには、 アルバムメイン ページの写真ブロックと開いたウィンドウで、 アルバムを作成する。 彼に電話しましょう 管理者用アルバム.

注記: メイン ページに写真のブロックがない場合は、その項目に移動してください コミュニティ管理(これは最初と 2 番目のレッスンですでに行いました) そして、そこはポイントの反対です 写真選ぶ 開けるまたは 限定(アルバムとそれがどのようなものであるかについては、次のレッスンのいずれかで詳しく説明します)。

新しく作成された空のアルバムが表示されます。 クリック 写真をアルバムに追加する描画したメニューパーツを読み込みます。

あとはこれらのパーツからグループメニューを組み立てるだけです。

ステップ 2. 要素からメニューを組み立てる

メニュー編集ページに移動します (これを行う方法)。 編集モードが有効になっていることを確認してください Wiki マークアップ モード。 これで (2 番目のレッスンのタスクを完了した場合)、角括弧で囲まれたメニュー項目がここに表示されます。 まだ触れていませんが、以下に書きます。

固有の番号 - これは、vk.com Web サイトにアップロードされたときに割り当てられる写真番号です。 表示するには、ダウンロードした写真をクリックして開き、ブラウザのアドレス バーを確認します。

388ピクセル- これはメニューの幅です

国境がない- メニュー項目に黒い輪郭が与えられていないことを意味します

パディングなし- 画像間に距離がないことを意味します (これは、メニューをシームレスにするために必要なものです)。

末尾にスペースが必要です。それ以外の場合は何も機能しません。

最終的には、メニュー内の項目と同じ数の行 (それに応じて、描いた絵の数) が作成されるはずです。

写真の順番を間違えないように注意してください。

に行きましょう ホームページグループを更新します（ボタンをクリックします） アップデートブラウザ内または単に F5）。 この結果には感心します！

ステップ 3. 内部ページをメニューに添付する

2回目のレッスンで素材編集モードでグループのメニューを作成する際、その項目を[]で囲んで書きました。 これで、美しくデザインされたメニューの上にリンクの形式で表示されます。この例では、これらはリンクです。 注文の仕方, お支払い方法等

ボタンをクリックすると コンテンツを埋め込む、すでにおなじみの素材を編集するためのページにいることに気づきます。

ページへのアクセス権をすぐに確認します (ページを表示するためのアクセス権を設定する必要があることに注意してください) すべてのユーザー、編集アクセス権は 編集者と管理者のみ) に情報を入力します。

ページに情報を入力するときに、テキスト書式設定パネルを使用してテキストを太字、斜体にする、配置を追加する、リストを追加するなどの強調を行うことができます。

このパネルを使用してテキストを書式設定することは、Word で作業するのと同じくらい難しくありません。マウスでテキストを選択し、必要なボタンを押すだけです。

Wiki マークアップ モードになっているため、書式設定コマンドを適用すると、特定の文字がテキストに追加されます。 たとえば、斜体のコマンドを選択すると、斜体にしたい単語が引用符で囲まれます。 これらのシンボルは、Wiki マークアップ言語の要素です。 ページ上でテキストがどのように表示されるかを確認するには、ボタンをクリックします。 プレビュー:

そして、これが起こります:

注記: Wiki マークアップ モードでテキストを編集する方法を学ぶことをお勧めします。 不安定なビジュアル編集モードとは異なり、予測可能な結果が得られます。 さまざまなブラウザ。 場合によっては、ビジュアル編集モードに 1 回切り替えるだけでも、ページのデザインが崩れることがあります。

得られた知識を使用して、ページに重点を置き、 ページを保存。 得られた結果は次のとおりです (これは単なる例であることに注意してください)。

ページごとにこのステップを繰り返します (次のようになります) 注文の仕方, お支払い方法, 適切なサイズの選び方そして 配達にはどのくらい時間がかかりますか?) ページを除く