VKontakteメニューグループを作成します。 Vkontakteグループメニューの内部ページを作成するにはどうすればよいですか？ウィキマークアップについて覚えておくべきこと

Vkontakteグループの美しいデザインは、プロモーションを成功させる鍵の1つです。しかし、美しさだけでなく、ユーザーの利便性も非常に重要です。残念ながら、作成されたサイトを設計する可能性とは対照的に、グループを設計するためのオプションはそれほど多くありません。ただし、興味深いオプションが1つあります。これは、メニューを作成することです。この記事では、あなたは学びます Vkontakteグループでメニューを作成する方法.

Vkontakteグループメニューのサイズはどれくらいですか？

何かを作成する前に、そのサイズを決定する必要があります。間違った画像サイズはひどく歪む可能性があるため、これは非常に重要です。そう、 Vkontakteグループメニューのサイズはどれくらいですか選択する必要がありますか？

前回のVkontakteグループのデザインに関する記事では、さまざまな要素（アバターなど）のサイズについて詳しく調べましたので、よく理解しておくことをお勧めします。しかし、彼らが言うように、「繰り返しは学習の母である」ので、下の写真では、Vkontakteグループのすべての要素の正しいサイズを見ることができます。

原則として、Vkontakteグループメニューは2つの要素で構成されています。画像をクリックすると、メニューが表示され、メニュー自体が表示されます。メニューの有無にかかわらず、グループの説明に固定された画像は、幅が510ピクセル以上で、高さが幅以下である必要があります。これは、新しいデザインをすでに考慮に入れています。

Vkontakteグループメニューのサイズは幅607ピクセルです。高さは大きく異なる場合があります。したがって、設計を決定するための十分なスペースがあります。

Vkontakteグループの説明に写真を挿入するにはどうすればよいですか？

エレメンタリー。適切なサイズの適切な画像を取得し、コミュニティに代わってグループの壁に追加するだけで十分です。

多くの人にとって、絵を描くことははるかに難しいでしょう。良い、新しいデザイン Vkontakteは画像のサイズについてあまり気にせず、選択した画像が上記の記事で説明したサイズと一致する場合は、うまく表示されます。これで、既製の画像をダウンロードして、幅または高さにカットすれば完了です。

ただし、Vkontakteグループを表すユニークで美しい画像を作成する場合は、Photoshopを使用する必要があります。実際、初心者に見えるほど難しくはありません。しかし、あなたはそれを研究するためにあなたの時間を費やさなければならないでしょう。私はあなたに素晴らしいビデオコースをお勧めすることができます-「ビデオフォーマット3.0の最初からのPhotoshop」。これを使用すると、このプログラムをすばやく習得できます。

Vkontakteグループでメニューを作成するにはどうすればよいですか？命令

次に、メニューの作成に移りましょう。アクションのプロセスを指示の形で構成します。に Vkontakteグループでメニューを作成する、いくつかの簡単な手順に従う必要があります。

最初に行う必要があるのは、グループ設定に移動して、[マテリアル]セクションをアクティブにすることです。値は「制限付き」または「オープン」に設定する必要があります。

次に、Vkontakteグループのメニューの写真を用意します。混乱させたくない場合は、メニューをテキスト形式で作成できますが、これはあまり魅力的ではありません。例として、以下の写真を撮ります。

ちなみに、この写真はPhotoshopで30分足らずで作成されました。別のエディターでこれを行うのはもっと難しいでしょう。ですから、私が上で書いたコースに慣れておくことをお勧めします。写真を選択したら、それを細かく切り分けてコンピュータに保存する必要があります。

Photoshopの「カッティング」ツールを使用して画像をカットして保存しました。完成したパーツはそれぞれ別の画像になりました。

次に、個人のVkontakteページで写真のアルバムを作成する必要があります。このアルバムは完全に閉じることもできます。アルバムを作成したら、画像のすべての部分をアルバムに入力します。

次に、グループに移動し、最新のニュースセクションで[編集]ボタンをクリックします。

その後、ページが開き、任意の名前を付けて、次のテキストを角かっこで囲むことができます。次に、[ページを保存]ボタンをクリックします。

次に、グループページに戻るか、更新します（既に開いている場合）。「メニューを開く」リンクをクリックします。その後、作成したページへの追加リンクが表示されます。クリックして。

このページが開きます。作成されたばかりなので、何も入っておらず、記入する必要があります。「コンテンツの入力」リンクをクリックします。

次に、次の図のように、次のコードを記述します。写真番号（アルバムにアップロードされた写真を開いて、この「photo15535684_427525646」のようにアドレスをコピーできます）、写真のサイズ（写真のプロパティで確認できます）を指定する必要があります。また、この写真がつながるリンクを指定します。

すべてが正しく行われたことを確認するには、[プレビュー]ボタンをクリックします。コードの下に、Vkontakteグループのメニューが表示されます。すべてが正しく表示されている場合は、[保存]ボタンをクリックします。表示されていない場合は、エラーを探して修正します。

次に、メニューのスプラッシュ画面になり、グループの説明に含まれる画像が必要です。上記のVkontakteグループを説明するために写真の寸法を書きましたが、誰かが忘れた場合は、幅が510ピクセルから、高さが幅以下です。より大きなサイズを使用できますが、比率は同じです。

次に、作成したVkontakteグループのメニューを使用して作成したページを開き、リンクをコピーします。リンクを正しくコピーするには、[ページの編集]をクリックする必要があります。その後、前に記述したコードが表示され、ブラウザの行からアドレスをコピーできるようになります。これは、「https://vk.com/page-119301077_51764020」のようになります。
次に、私たちのグループに移動し、メッセージを送信する形式で、コピーしたメニューアドレスを貼り付けます。そして、スクリーンセーバーになる写真。その後、「送信」ボタンをクリックしてください。

現在、このレコードを修正するだけです。下の写真と同じようにしてください。

Vkontakteグループ向けに作成したメニューは次のようになります。直接見たい場合は、こちら

VKontakteグループメニューを便利にする方法

VKontakteグループメニューを作成する方法：技術段階

それで、グループメニューの目的を理解しました。技術的な部分に取り掛かりましょう。 [設定]に移動します：[コミュニティ管理]> [資料]> [接続]：

変更を保存して、グループに移動します。グループの説明の下に[最新ニュース]タブが表示されます。編集を始めましょう。

「編集」タブに切り替え（1）、メニュー名を変更し（2）、情報を入力し（3）、保存してページ（4）に戻ります。

2011年以降の編集 vkontakteグループメニューはるかに簡単になり、VK管理者はビジュアルエディターを追加したので、それを理解するのがさらに簡単になりました。 VKサーバーが思ったほどスムーズに動作しない、またはコードを操作するときに何かを忘れる可能性があることを予約しますので、保存してくださいソース v テキストファイル PCで。これを行うには、「ソースコード」に移動し、結果コードをコピーします。

何かが足りない場合、または数ステップ戻りたい場合は、[履歴]タブに移動して、目的の保存に戻ります。

上で述べたように、ウィキマークアップの調査を少し後で開始します。今は、VKontakteグループメニューを最小限に抑えます。私のグループの例を紹介します。トラフィックが必要なので、グループメニューの内容は次のとおりです。

ご覧のとおり、Word文書で情報を準備し、テキスト編集（ハイライト）を行い、リンクを追加して、このテキストをVKontakteグループの[編集]メニューに貼り付けました。

ここで停止することはできますが、ユーザーが「暖かい場所」を離れて当サイトのページに移動することを本当に望んでいないことを忘れないでください。したがって、読者の快適さのために、記事につながるグループの内部ページを追加します。この記事を不完全にしますが、私たちのサイトに行く前に、人は彼がこれを望んでいることを理解する必要があり、私たちは彼をそこに「引きずり」ません。陰謀、興味が必要です。

私のVkontakteグループのメニューに行くと、いくつかのリンクが内部ページ（2）につながり、他のリンクが外部ページ（1）につながることがわかります。

リアルタイムで、もう1つの内部ページを追加します。

そのため、VKontakteグループに新しい（内部）ページがあります。今、私たちはそれを記入する必要があります：

「コンテンツの入力」ボタンをクリックします。
グループをコンテンツで埋めます。編集しましょう。
ページアクセスを設定します。「グループのメンバーだけがページを表示できる」にチェックを入れると、訪問者がグループに参加する動機付けになります。ページを保存します。
保存したページのアドレスバーに必要な番号をコピーします。これを行うには、「表示」モードに移動し、ページIDをコピーします。これらは必要な番号になります。
VKontakteグループメニューの「ソースコード」ページに戻ります（作成中は閉じないことをお勧めします）新しいページ...とにかく開いているはずですが）、正しい行に番号を挿入します。リンクのテキスト（Marina Lazareva（ビデオ））とリンク自体（43820829）の間に、アイコン「|」を設定します。（彼は英語のレイアウトキーボードショートカットShift + \）。

VKontakteグループの美しいデザイン

これは私に気づかせたビデオです vkontakteグループメニューの作り方自分で。著者は、実際の例を使用して、VKontakteグループメニューを作成する方法を示しています。

少し後で、VKontakteグループのwikiマークアップについて詳しく説明しますが、今のところ、グループを可能な限り機能的で便利なものにします。

Dropbox、DragonBlogページでそれについて読んでください。

敬意と愛を込めて、 !

「VKontakteグループのメニューを作成する方法」という質問には、主に3つの答えがあります。スペシャリストに注文する、オンラインデザイナーまたはいじくり回して作成する、質問の複雑さを掘り下げて、すべて自分で行う。

この記事では、3つのオプションすべてを順番に検討します。ちなみに、グループや一般向けのメニューの必要性についてまだ疑問がある場合は、必ずお読みください。

したがって、メニューを作成する3つの方法は次のとおりです。

もちろん、それぞれに長所と短所があります。以下では、最初の2つについてもう少し詳しく説明します。そして、まだ3番目の道をたどり、すべてを自分で行うことにした人のために、詳細なガイド（指示）を作成しました。

ちなみに、長いテキストを読むよりもビデオで情報を受け取ることを好む人のために、ビデオがあります：

パス＃1。スペシャリストデザイナーにメニューの作成を注文する

この方法の利点は、相対的な速度と最小限の参加です。短所-最高の価格と美しいが間違ったメニューを手に入れるチャンス（メニューを作成する際の主な間違いについて準備しました）。さらに、あなたはまだアーティストを見つける必要があります。ここでは、kwork.ruサービスの「ソーシャルネットワークでのグループの設計」セクションでそれを探すことをお勧めします。

パス＃2。オンラインコンストラクターの使用

もちろん、ここでは、現在あなたがいるサイトにあるコンストラクターをお勧めします。無料でお試しいただけます。結果があなたに合っていて、結果のメニューをグループにアップロードすることにした場合にのみ、支払いが行われます。このルートの利点は、最速であるということです。さらに、必要に応じて、作成コストの半分でメニューをすばやく編集および再ロードすることもできます。これは、たとえばメニューに項目を追加したり、メニューから項目を削除したりする必要があるたびにデザイナーを探すよりも便利です。この方法の欠点-ここではかなりのことをしなければなりませんが、自分で作業する必要があります。

パス＃3。すべて自分でやる

このパスの利点は明らかです。無料で、新しいスキルを習得できます。短所は、ある程度のスキルとかなりの時間が必要なことです（初めて）。必要なものは次のとおりです。

自信を持って使えるグラフィックエディタ。たとえば、Photoshop。メニューを作成するときは、最初に画像を正しいサイズ（ピクセルに対して、「約」ではありません！）にしてから、正しくカットする（断片に分割する）必要があります。
指示を理解し、注意深く読むことができる
何かが最初に機能しない場合でも、あきらめたり、絶望したりしないでください

これがすべてできると思ったら、始めましょう。

ステップ＃0。 VKグループメニューの配置に関する一般情報

グループのメニューはWikiページから作成され、その作成はVKによってサポートされています。 Wikiページは、公開でのみ作成できる特別なページです。いわゆるウィキマークアップを使用できるという点で、通常の投稿とは異なります。このマークアップは、追加のフォーマットオブジェクトに変換される特別なコードです。わかりやすくするために、説明させてください。たとえば、通常の投稿ではプレーンテキストしか使用できませんが、ウィキマークアップではテキストの一部を太字または斜体にすることができます。つまり、彼女は紹介します追加機能設計。特に、画像を配置する機能をクリックすると、ユーザーはリンクにリダイレクトされます。 VKをパブリックメニューにするために使用されるのは、これらの追加のフォーマットオプションです。これをどのように正確に行うかについて、以下で説明します。

ステップ1。準備段階

既存のグループがある場合は、新しいグループを作成することをお勧めします。テストおよび実験用。そうしないと、学習プロセスで、サブスクライバーに奇妙で不要な更新が殺到するリスクがあります。

これで、新しいグループが作成されました。それでは、グループの識別子（ID）を調べてみましょう。グループIDは、固有のVKontakte番号です。グループに移動し、[コミュニティの投稿]をクリックします（グループに投稿がない場合は、[コミュニティの投稿]ではなく[投稿なし]になります）。ここでは、次のようなアドレスの新しいページにリダイレクトされます。

https://vk.com/wall- XXX？own = 1

それ以外の XXXあなたは数字のセットを持っているでしょう（そして数字だけです！）。これはあなたのコミュニティIDです。たとえば、テストグループこれは154457305です。

それでは、グループ内に新しいWikiページを作成しましょう。これを行うには、次のようなリンクを作成します。

http://vk.com/pages?oid=- group_id＆p = Page_name

http://vk.com/pages?oid=- 154457305 ＆p = メニュー

結果のリンクをブラウザで開きます（コピーしてアドレスバーブラウザとアドレスに移動します）。これで、「メニュー」というWikiページが作成されました（もちろん、リンクのページ名として「メニュー」を指定した場合を除きます）。次のテキストが表示されます。「メニューページが空です。コンテンツを入力します。右上隅に鉛筆アイコン（）があります。それをクリックしてページ編集に移動します。

VK wikiページエディターには、グラフィカルモードとマークアップモードの2つのモードがあります。モードは、エディターの右上部分にあるボタン（）によって切り替えられます。ボタンが青色で強調表示されている場合は、レイアウトモードが有効になっていることを意味します。ビジュアル編集モードの方が便利です。ウィキマークアップの構文を知らなくても実行できますが、その機能は非常に制限されています。実行できるのは最も単純なことだけです。基本的には、レイアウトモードを処理する必要があります。

2つのことに注意してください。まず、編集モードを切り替えるためのボタンの左側に、ウィキマークアップのヘルプ情報を呼び出すためのボタンがあります（）。特に初心者にとっては非常に便利です。次に注意すべきことは、wikiページのアドレスです。ブラウザのアドレスバーに次のようなものが表示されます。

http://vk.com/page-group_id _XXX？act = edit＆section = edit

「？」の前のアドレスの一部 wikiページのアドレスです。どこかに書き留めてください。VKでは、Wikiページのリストとそれらへのリンクを表示する方法はありません。必要な場所に移動するには、そのアドレスを知っているか、リンクを使用してWikiページを再度作成する必要があります。後者の方法を使用する場合、ページがすでに存在する場合は、 再作成されません。

ステップ2。 VKontakteグループのシンプルなメニューを作成する

そこで、wikiページ「メニュー」を作成しました。エディターレイアウトモードに切り替えて、次のコードを追加します。

エディターの下部にある「プレビュー」ボタンをクリックします。 3つのリンクのリストが表示されます。最初の2つは外部であり、それぞれYandexとGoogleのメインページにつながります。 3番目のリンクは内部です。 ID「1」のパブリックVKにつながります（これは公式グループ開発者向けのVK）。プレビューにコードがあり、リンク（クリックできる）がない場合- これは、ビジュアル編集モードでコードを入力したことを意味します、マークアップモードではありません。気をつけて！

VK wikiコードの外部リンクは単一の角かっこでフォーマットされ、内部リンクは二重の角かっこでフォーマットされていることに注意してください。同時に、VK内部リンクは、通常のWebサイトのアドレスとしてではなく、1つまたは別のVKオブジェクトへのポインターとして示されます。たとえば、グループへのポインタには次の表記があります。

クラブ group_id

VKontakteには、グループだけでなく、個々の写真、投稿、Wikiページ、ユーザーページ、オーディオ録音などへのポインターがあります。各インデックスには独自の表記法があります。後でそれらのいくつかを使用して、それらをより詳細に見ていきます。

必ずページを保存してください。基本的に、単純なナビゲーションページを作成しました。これは最も単純なものに他なりません VKontakteグループのメニュー。もちろん、これはまだグラフィカルなメニューではありませんが、メニューの主なタスクに対処することもできます。つまり、ユーザーを公共の場で必要な場所にすばやく誘導できます。グラフィックメニューの作り方については、少し後で検討します。

それでは、Wikiページをどこでどのように使用できるかを考えてみましょう。

ステップ3 VKontakteのwikiページはどこに投稿できますか

主な場所は2つあります。Wikiページへのリンクを含む投稿を作成するか、コミュニティの[コンテンツ]セクションに投稿することができます。

最初のオプションから始めましょう。追加を開始新記録あなたのグループの壁に。最初に写真を添付してください。高さよりも幅が広い十分な大きさの写真を撮るのが良いでしょう。次に、作成した投稿のテキストに、簡単なメニューで作成したWikiページへのリンクを貼り付けます。それは私たちがあなたに少し前に録音するように頼んだものです。リンクは次のようになっていることを思い出してください（ あなたは他の番号を持っているでしょう):

http://vk.com/page-121237693_72827423

今 テキストを削除する入力フィールドからのリンク。写真の下のリンク自体はこれから消えることはありません。ただし、テキストフィールドにリンクアドレスを残すと、投稿にテキストとして表示されます。投稿を公開し、ブラウザページにグループのホームページを再読み込みして、投稿を固定します。ページを再度リロードします。これらの操作の結果として、次のようなものが得られるはずです。

固定された投稿の写真をクリックすると、Wikiページがシンプルなグループメニューとともに表示されます。

そのため、Wikiページを投稿に添付できることを学びました。特に-固定されたポストに。ウィキマークアップを使用できる2番目の場所は、コンテンツセクションです。

コミュニティ設定に移動し、そこでコミュニティセクション（サービス）の管理を見つけます。「マテリアル」を「制限付き」としてマークします。これで、コミュニティのホームページの上部に新しいアイテムが表示されます。「情報」項目の右側にあります。グループで最初に資料をオンにしたとき、このアイテムはデフォルトで「最新ニュース」と呼ばれます。外観は次のとおりです。

この新しいアイテムに移動します。「編集」タブをクリックします。その結果、すでにおなじみのwikiページエディタが表示されます。唯一の違いは、ページの名前を入力するためのフィールドがあることです。「最新ニュース」から「Menu2」に変更してください。 V マークアップ編集モード次のコードを入力します。

"" ""マテリアル "セクションのメニューオプション" ""

[]

プレビューを作成し（すでにわかっているリンクが表示されるはずです）、 ページを保存する。基本的に、このページはグループのメイン（ルート）wikiページです。確かに、他のwikiページとのこの違いには特別な実用的な意味はありません。

に移動ホームページあなたのグループをリロードして、何が起こるか見てみましょう。モバイルブラウザとVKアプリケーションからグループを表示することをお勧めします。要素の配置と作業のロジックがどこでもわずかに異なることに気付くでしょう。何が何にどのように表示されるのかをよく理解する必要があります。

メニューは2か所に配置できることを学びました。ピン留めされたポストの形と「材料」セクションの両方で作成することが望ましいです。 2つのことを覚えておいてください：

固定された投稿は、訪問者の98％に表示され、最も好奇心の強い人の25〜40％だけが資料セクションにアクセスします。また、そこに役立つものがあることを知っているグループの忠実な古いユーザーも表示されます。
メニューを呼び出すための写真付きの固定された投稿には、テキストを追加できます。このようにして、この固定された投稿機能を失うことはありません。ただし、やりすぎないでください。テキストが多いほど、メニューを開くためのリンクが低くなります。

Wikiマークアップは、最も強力なツールではなく、最も便利でもありません。その機能は厳しく制限されています。さらに、VKontakteの開発の黎明期に開発され、ブラウザバージョン専用に開発されました。静止したコンピューターとラップトップ。したがって、アプリケーションとその上での作業モバイルデバイス「神が魂を身に着けているように」という表現で最もよく説明されています。残念ながら、VKにはまだこれ以上良いものはありません。

ところで。あるWikiページから別のWikiページにリンクできます。これは次のように機能します。ユーザーは最初のWikiページを開きます（たとえば、投稿のリンク画像を使用します）。また、他のwikiページへのリンクもあります。これらのリンクをクリックすると、対応するwikiページが開きます。このようにして、非常に複雑でマルチレベルのメニューや、たとえば手順を作成できます。ただし、これに不必要に夢中になることはお勧めしません。

ステップ4 VKontakteグループでメニューを作成する方法。グラフィック

したがって、基本的な原則は習得されています。グラフィックメニューの設計に移りましょう。すぐに予約して、かなりシンプルなメニューを作成します。リンク付きのボタンが縦に並んでいます。しかし、「いいえ、非常に複雑なメニューが欲しかった」と急いで言って、このガイドを閉じないでください。それでは、その理由を説明しましょう。

まず、単純なものから複雑なものに移行することは、通常、新しい知識を学ぶための最も効率的な方法です。比較的シンプルなメニューの作り方を学ぶことで、VKグループのメニューを作成するためのテクニックの90％を学ぶことができます。

そして第二に、すでに述べたように、VKwikiマークアップはモバイルアプリケーション聞いたことがある人はほとんどいません。私たちの条件付きの「シンプルな」メニューは、VKのブラウザバージョン、モバイルブラウザ、そして最後にアプリケーションで、可能な限り正確かつ効率的に機能します。多くの「複雑な」メニューはこれを自慢することはできません。さらに、ほとんどの場合、「シンプルな」メニューは、公式のVKontakteアプリケーションで表示したときに「バラバラになる」「複雑な」メニューよりもうまく機能します。ほとんどの場合、このメニューオプションで停止することをお勧めします。はい、非常に華やかなメニューの実装があります。あなたもそれらを試すことができます。しかし、私たちの経験によれば、コンバージョン、購入、評判など、実際には何のメリットもありません。そして問題-かなりできます。

テストメニューは次のようになります。

ボタンは2つだけです。 1つ目は「Yandex」のメインページに、2つ目はVKグループ「TeamVKontakte」につながります。

VKの垂直グラフィックメニューは、ストリップにカットされた画像です。これらのストライプは、wikiページでマークアップを使用して相互に配置されます。これらの「レーン」の一部にはリンクが割り当てられています。このような画像リンクをクリックすると、実際には、このリンクで遷移が発生します。 1つのレーンは1つのリンクです。逆に、一部のバンド（たとえば、ポイント間にある中間バンド）には、リンクがないことが割り当てられます。そのようなバンドは「クリック不能」になります。

VKグループの垂直グラフィカルメニューの作成は、次の一連のアクションになります。

最初のステップはメニューを描くことです。幅は厳密に 600px（ピクセル）。高さでは、メニューを900px以下にすることをお勧めします。結果は、最後の手段としてPNG形式（JPG）で保存するのが最適です。使い慣れた快適な描画ツール（PhotoshopやGIMPなど）を使用します。ここでの結果は、95％があなたの創造的および技術的スキルに依存しています。グラフィックエディタの使い方がまったくわからなくても、絶望しないでください。十分なスキルは最大数時間で習得されます。インターネット上には膨大な量の参考資料や教育情報があります。さらに、グラフィカルエディタを少なくとも少し使用する機能は、公共の管理者にとって非常に便利です。時間を無駄にすることはありません。
次に、メニュー付きの画像を横縞にカットします。これは、通常のPhotoshopからさまざまなオンラインサービスまで、便利な方法で行うことができます。方法がわからない場合は、お気に入りの検索エンジンに聞いてください。切断プロセスの技術的な部分については詳しく説明しません。数十の方法があり、一部のユーザーには適していますが、他のユーザーには適していません。切断するときは、1つの簡単なルールを守る必要があります。1つのストリップの高さです。 60px以上である必要があります。そうしないと、アプリケーションやモバイルブラウザでメニューを表示する際に問題が発生する可能性があります。いわゆる問題が発生します。画像間の「白い縞模様」。
スライスされた「ストリップ」は、グループのアルバムまたはグループの管理ページのアルバムにアップロードされます。 2番目のオプションをお勧めします。いずれにせよ、メニュー部分がスライスされたアルバムは パブリックドメインで。そうしないと、アルバム画像が利用できないユーザーにはメニューが表示されません。
ウィキマークアップコードがコンパイルされ、目的のウィキページに挿入されます。
このグループには、メニュー付きのwikiページへの画像リンクを含む固定された投稿が含まれています。そのような投稿がどのように行われるかについては、上記で詳しく説明しました。さらに、コード（マイナーな変更を含む）をルートwikiページに追加できます（[情報]アイテムの右側のアイテムは、[マテリアル]セクションが有効になっている場合に表示されます。詳細については上記を参照してください）。

それでは、メニュー部分とwikiコードのロードについて詳しく見ていきましょう。私たちはあなたのために準備しました。「1」と「2」の2つのディレクトリがあります。最初の部分には、メニューの最も原始的で単純なスライスオプションの一部が含まれています-2つの部分に分かれています。アーカイブをダウンロードし、画像（1.pngおよび2.png）を「1」ディレクトリから新しいアルバム（ページまたはグループ内）にアップロードします。

2つの「バンド」があります。上のバンド（「Yandex」ボタン付き）と下のバンド（「VKチーム」ボタン付き）です。どちらもリンク画像になります。ウィキマークアップでは、これは次のようなコードで行われます。

"リンク"ターゲットリンクです。たとえば、https：//yandex.ru/です。通常に加えて 外部のリンクの場合、これはVKontakteオブジェクト（投稿、ユーザーページ、またはグループ）を示している可能性があります。たとえば、ボタンを押した後、VKontakteチームコミュニティに移行できるように、アドレス（https://vk.com/team）とそのアドレス（club22822305）の両方を指定できます。基本的には違いはありません。外部リンク（VKリソースにつながらないもの）私たち 減らすことをお勧めします経由

ウィキマークアップの助けを借りて、グループメニュー、分析記事、ケース、手順を設計できます。もちろん、壁の通常の支柱のデザインよりも、これに少し多くの時間を費やす必要があります。しかし、コンテンツのデザインに混乱するほど、視聴者はより感謝するようになります。

ウィキマークアップの仕組み

Wikiマークアップは、ページのレイアウトに使用される言語です。任意に呼び出すことができます弟 HTML。 Wikiページにテキストを書き込んでフォーマットしたり、イラスト、ビデオ、リンク、表を挿入したりすると便利です。簡単な記事を作成することも、章や小見出しを含むインタラクティブなガイド全体を作成することもできます。

wikiページの幅は607pxです。高さは文字数によってのみ制限され、合計で約16,000文字になる可能性があります。

すべてのウィキマークアップは、HTMLと同様に、タグに基づいています。単一のタグがあります（たとえば、
-改行）とペア（たとえば、 サムネイル).

ウィキマークアップでのテキストタグのしくみ

場合によっては、ウィキマークアップは単純化された構文を使用します（タグは活版印刷の文字に置き換えられます）。たとえば、アスタリスク「*」は箇条書きを作成するために使用され、ポンド記号「＃」は番号付きリストを作成するために使用されます。

ウィキマークアップでのタイポグラフィの仕組み

既存のすべてのタグとその使用方法は、公式に収集されますウィキマークアップコミュニティVKontakte 。このコミュニティの資料を信頼できる虎の巻として使用してください。この記事では、ウィキマークアップの操作の基本原則を説明し、ウィキマークアップを使用してページやグループメニューを作成する方法を段階的に示します。

標準のWikiページエディタには、ビジュアルモードとWikiマークアップモードの2つのモードがあります（トグルボタンは次のようになります。<>).

これはアクティブなwikiモードがどのように見えるかです

いくつかの写真を含む原始的なテキストは、ビジュアルモードでレイアウトできます。これは通常のテキストエディタであり、ウィキマークアップの知識は必要ありません。ただし、テーブル、リンク、埋め込みビデオを備えたすっきりとしたWikiページが必要な場合は、コードを使用したマークアップモードでのみ実行できます。

Wikiページの作成方法

「Createanewpage」ボタンはVKontakte自体のインターフェースには存在しません。したがって、標準と高度（アプリケーションを使用）の2つの方法について説明します。

標準

グループの場合。「コミュニティ管理」→「セクション」→「コンテンツ」に移動し、「オープン」または「制限付き」を選択します。

グループで「マテリアル」を有効にする方法

グループのメインページに「最新ニュース」のセクションがあります。これはバンドの想定メニューの場所です。新しいページを作成するには、「最新ニュース」ページの編集モードでその名前を直接書き込んで、で囲みます。角括弧、[プレビュー]をクリックして、新しいページへの既成のリンクを取得します。

「最新ニュース」で新しいページを作成する方法

一般向け。新しいページを作成するには、パブリックのIDを知っている必要があります。これを行うには、「コミュニティ統計」セクションに移動します。ブラウザのアドレスバーに、次のようなものが表示されます。

https://vk.com/stats?gid= 123456789

探しているグループIDは、「gid =」の後のすべての数字です。

次に、ブラウザのアドレスバーに次のコードを入力する必要があります。

https://vk.com/pages?oid=-ХХХ&p=Page_name

XXXの代わりに、「Page_Name」の代わりにパブリックのIDを使用します。これはあなたが思いついた名前です。名前にはキリル文字、ラテン文字、数字を使用できます。特別な記号使用は禁止されていませんが、危険を冒さない方がよいでしょう。それらが原因で、ページを編集できなくなる可能性があります。すべてのデータを適切な場所に挿入し、Enterキーを押すと、ブラウザが作成されたページを開きます。

アプリケーションの使用

VKontakteの開発者は、ウィキマークアップを操作するために3つのアプリケーションを使用することをお勧めします。「モビビック」 , "ソース"とヴィッキーポスター。

このガイドでは、例としてMobivikアプリケーションを取り上げます。 2017年11月、VKontakteのStartFellowsプログラムで2位を獲得しました。デスクトップ、モバイルバージョンのVKontakte、および電話アプリケーションにインストールおよび追加登録なしで動作します（開発者は、Android 5.1、iOS 9、およびウインドウズの電話 8.1).

新しいページを作成するには、アプリケーションのメイン画面で目的のグループを選択し、新しいページの名前を入力して、[リンクを取得]をクリックします。

Mobivikアプリを使用して新しいページを作成する方法

MobiWikアプリの新しいWikiページへのリンク

そして、これは、多くの要素を含む複雑なページを作成し、レイアウトが小さな画面で機能することを恐れている場合のライフハックです。「wikiページのコード」セクションからアドレスをコピーします。ページの編集モードに入り、コードの最初に貼り付けます。次のような画像が表示されます。

ユーザーがそれをクリックすると、MobiWikアプリケーションに移動します。モバイル版あなたのページ。

左側はモバイルで開いたLIVEコミュニティメニューページです。
右側-同じですが、Mobivikを通じて開かれました

Wikiページへのリンクを取得する方法

以前に作成したページを見つける方法は？最も簡単で信頼性の高い方法は、すべてのWikiページアドレスを事前に別のファイル（たとえば、Googleスプレッドシート）にコピーすることです。もう1つの方法は、任意のWikiアプリケーションを使用することです。たとえば、Mobiwikiに移動し、コミュニティの名前と目的のページを選択し、[リンクを取得]をクリックして、[Wikiページへのリンク]アイテムからアドレスをコピーします。

以前に作成したWikiページへのリンクを取得する方法

Wikiページへのリンクを含む投稿を作成する方法

Wikiページのリンクをコピーして、自分またはコミュニティのウォールの新しい投稿に貼り付けます。すべてが正しく行われると、サイトは投稿テキストフィールドの下にリンクブロックを生成します。次に、リンクテキスト自体を削除し、バナーを添付して、[送信]をクリックします。デスクトップ版では、バナーはwikiページへのリンクにもなり、モバイル版では、通常の画像として開きます。

投稿に添付された写真は、デスクトップバージョンのwikiページへのリンクの一部になります

文章

ウィキマークアップでテキストをフォーマットする可能性は、通常のテキストエディタの機能と同じです。テキスト自体を編集するとき（太字にする、右揃えにするなど）、ウィキマークアップタグを使用します。それらを閉じることを忘れないでください。

センターテキスト .

ウィキマークアップでテキストを構造化するために、活版印刷文字の組み合わせが提供されています。たとえば、このコード「—- 」はテキストに水平分割バーを配置し、そのような「:: »-段落の前に二重インデントします。

1ページに約16,000文字を配置できます。

リンク

アドレスの代わりにテキストを表示するには、リンクの名前を追加します。

[] -ユーザープロファイルへ

[] -コミュニティのメインページへ

[] -別のwikiページへ

[] -会議へVKontakte

画像

ウィキマークアップで使用できる画像の最大幅は607pxで、これはウィキページ自体の幅です。高さは実質的に無制限です（ページ自体の高さは16,000文字であることを忘れないでください）。画像は2つの方法でアップロードできます。

エディターのトップメニューでローダーを使用します。

コード付き。に画像をアップロードするセパレートアルバムグループを開いて、アドレスバーに次のような長いコードが表示されます

https://vk.com/club12345678?z=写真-12345_12345％2Falbum-12345678_12345678

そこから画像のIDをコピーします（太字で強調表示されています）。次に、二重角かっこで囲み、ページの適切な場所に貼り付けます。次のようになります。

[]

次は何ですか？配置、テキストの折り返し、サイズを編集し、リンクを固定します。これを行うには、垂直バーの後にセミコロンで区切って目的のパラメーターを記述します。たとえば、このコードでは、画像のサイズを設定します 300x100px 右へのテキストの折り返し：

ビデオ

最初のステップは、ビデオをコミュニティビデオにアップロードすることです。ダウンロード後、ビデオを開き、アドレスバー（太字で強調表示）からそのIDをコピーします。

https://vk.com/videos-12345678?z=ビデオ-12345_12345％2Fclub12345678％2Fpl_-12345678_-2。

角かっこで囲み、次のコードを取得します。

再生アイコンが付いた小さな画像が表示されます。クリックすると、本格的なビデオプレーヤーが展開されます。ページ自体でビデオを再生するには、VK開発者はタグを使用することをお勧めしますプレーヤー。

しかし、ここでは、ビデオの周りに不均衡な黒い境界線が表示されます。

これを削除するには、プレーヤーのサイズをビデオ自体のサイズに調整する必要があります。たとえば、この場合、次のパラメータが発生しました。

黒の境界線のないビデオを取得しました。ページ上で再生されます

テーブル

Wikiコンテンツを適切に構成し、モバイルデバイスで見栄えを良くしたい場合は、テーブルが必須です。ここでは、そのような単純な標識が必要になります。

テーブルを操作するときは、次の4つのタグを使用できます。境界はない（テーブルの境界線を非表示にします）、 nomargin （テーブルをwikiページの全幅にします）、パディングなし（セルのインデントを削除します）および修繕（固定サイズのテーブルを作成できます）。行に指定するセルの数。テーブルには非常に多くの列が含まれます。

これがテーブルの例です2x2テキストの上下にパディングなしセル内：

最初の列の幅は200ピクセル、2番目の列の幅は300ピクセルです。

それがそれから生まれたものです：

テーブルセルにテキスト、画像、オーディオ、ビデオの録画を配置できます。

ウィキメニューの作り方

VKグループメニューは、ある種の個別の機能ではなく、それぞれが特定のページへのリンクを持っているいくつかの写真を含むwikiページです。実際、ここではすべてが単純です。

メニューの表紙を作る。適切な写真を撮り、その上にテキストを置くことができます。またはあなたはあなたのために描くデザイナーを雇うことができます美しいブロックとボタン。 6つのボタンのメニューがあります。これを行うには、これらのボタンが表示される画像が必要です。サイズを決めましょう。

メニュー用の画像を準備するときは、wikiページの幅が607ピクセルであることを忘れないでください。画像の幅を大きくしないでください。大きくしないと、画像が縮小して品質が低下します。たとえば、510x300ピクセルのサイズの画像を撮影しました。

この写真を6つの部分に切ります（ボタンごとに1つの部分）。これを行うのは便利ですアドビフォトショップ「切削」ツール。気にしない場合は、たとえばオンラインサービスを使用してください IMGonline （写真を均等にカットします）。 Photoshopですべてを行いました。

切削工具がアクティブな状態で、をクリックします右クリック画像をクリックして「フラグメントの分割」を選択し、必要なフラグメント数を指定して「OK」をクリックします。

Photoshopで画像をカットする方法

メニューは、3行2列の6つのセルのテーブルとして設計されます。これを行うために、メニューの画像を255×100ピクセルのサイズの6つの等しい部分にカットします。セルごとに同じサイズを置く必要があります。

テーブルのフレームワークを作成します。新しいページの編集モードに入り、テーブルを作成します。タグを付けて開きます（|そしてすぐに3つの重要なパラメータを設定します：

パディングなし -写真が触れることを許可する
境界はない -テーブルの表示されている境界線を非表示にします
修繕 -セルの正確なサイズを設定できます。

固定セル幅を指定します-255px255px（2つの列もあるため、2回）。次に、タグ|-を使用して新しい行の先頭の場所を設定し、タグ|を使用して新しいセル（列）の場所を設定します。。タグ|）を使用してテーブルを閉じ、次のフレームを取得します。

写真をセルに入れてリンクを設定します。コミュニティアルバムで画像の必要な部分を1つずつ開き、ブラウザの行からIDをコピーします（写真-12345_12345）、二重角かっこで囲み、寸法を規定します 255x100pxおよびnopaddingタグ写真を接着するため。縦棒の後に、各ボタンにリンクを割り当てます。そのようなコードを取得します。

（| nobordernopaddingが修正されました
| 〜255px 255px
|-

| []
|-
| []
| []
|-
| []
| []
|}

準備！「ページを保存」を押すと、コミュニティに便利なメニューが表示されます。

デスクトップ版の既製のグループメニュー

モバイル版の既製のグループメニュー

メニューを作ったらグループの場合、次に「最新ニュース」をクリックすると簡単にアクセスできます（ちなみに、このページは編集モードで「メニュー」に名前を変更できます）。

メニューを作ったら一般向け、次に、固定された投稿を使用して、コミュニティの名前で目立つ場所に配置できます。

メニューを固定するにはグループで、コミュニティに代わってバナーとwikiページへのリンクを付けて投稿します（あなたがあなたに代わって投稿した場合、ページを固定することはできません）。人前で 修正に問題はありません：そこに任意の作成者による投稿を固定できます。

公開メニューへのリンクを付けて投稿する方法

コミュニティメニューを固定する方法

新しいVKontakte記事エディターとwikiマークアップ

VKontakte政権は、2017年12月22日に記事エディターの立ち上げを発表し、ロングリードを公開するためのツールとして位置付けています。

一部のユーザーは、ウィキマークアップを置き換えるために作成されたと判断しました。しかし、これまでのところ、エディターの機能はまだかなり貧弱であるため、そのような結論を出すのは時期尚早です。メディアファイル（サイズと配置）を編集したり、テーブルを作成したりすることはできません。ハイパーリンクはテキストにのみ割り当てることができます。ここにはタグとコードはなく、通常のようにビジュアルモードのみがありますテキストエディタ.

このことから、コミュニティやwikiのランディングに便利なメニューを作成することは、wikiマークアップの助けを借りてのみ可能であることがわかります。次に何が起こるか-時間がわかります。

これは、新しいVKontakte記事エディターのインターフェースがどのように見えるかです。

ウィキマークアップについて覚えておくべきこと

Wikiページを作成する標準的な方法は面倒で、あまり便利ではありません。ページを作成する最も簡単な方法は、MobiWik、ソースコード、またはWikiポスターアプリを使用することです。
コミュニティメニューは、モバイルデバイスで見栄えがするように、テーブルにする必要があります。
標準インターフェースでWikiページを編集するときは、ビジュアル編集モードとWikiマークアップモードを切り替えないでください。このため、レイアウトを行うことができます。

すべてのタグを記憶する必要はありません。リンクを保持するだけで十分です。

ステップ1
開始するには、グループに移動し、[最新ニュース]ブロック（この場合は[メニュー]に名前を変更しました）で、ホバーに表示される[編集]リンクをクリックします。重要！まず、ページではなく、オープングループが必要です。ページにそのようなアイテムがないので。次に、メニューの[コミュニティ管理]> [情報]> [コンテンツ]で、[公開]項目を選択する必要があります。

ステップ2
「編集」タブでは、二重角かっこで囲まれた[[ウェブデザイン理論]]というフレーズを書きます。次に、[ページを保存]ボタンをクリックします。

ステップ3
その後、ボタンの横に「プレビュー」リンクが表示され、クリックします。以下に、メニューのプレビューが開き、下から「Webデザイン理論」のリンクが表示されます。

ステップ4
このリンクをクリックして、作成された「Webデザイン理論」というページに移動します。次に、[コンテンツの入力]リンクをクリックします。次に、通常のテキストエディタと同じようにテキストを編集します。画像、テキスト、ビデオ、その他のオブジェクトを挿入します。この場合、作成したページにはhttps://vk.com/page-15865937_43819846のようなURLが含まれます。

内部ページを作成する別の方法
有る別の方法ページの作成。基本的には、上記の方法は一般公開（公開ページ）には適さないため、公開（公開ページ）に適しています。このために、次のコードを使用します
http://vk.com/pages?oid=-XXX&p=Page_name
ここで、XXXの代わりにグループのIDを置き換え、「ページ名」というテキストの代わりにメニューを記述します。次に、グループIDを確認する必要があります。どうやるか？グループのメインページに移動し、壁にある投稿を確認します。[投稿を追加]ブロックのすぐ下に[すべての投稿]と表示されます。このリンクをクリックしてください。

このページに移動して、次のようなURLを確認してください https://vk.com/wall-78320145?own=1、ここで、番号は78320145です。この例グループIDがあります。ソースコードのデータを置き換えて、次のようなレコードを取得します。 http://vk.com/pages?oid=-78320145&p=Menu（あなたの番号で！）。この行をブラウザのアドレスバーに貼り付けて、Enterキーを押します。そこで、新しいVkontakteページを作成しました。

VKontakteメニューグループを作成します。 Vkontakteグループメニューの内部ページを作成するにはどうすればよいですか？ ウィキマークアップについて覚えておくべきこと