VKontakte grubunda bir menü oluşturma adım adım talimatlar. Öyleyse, VK topluluğu için bir menü nasıl yapılır analizine geçelim? Güzel menü tasarımı örnekleri

2018'de VKontakte'de bir grubun nasıl kaydedileceğini öğrenmek ister misiniz? Ve sadece düzenlemek için değil, doğru ve güzel bir şekilde kendiniz yapmak için! Cevabınız “Evet” ise bu yazı tam size göre!

Sosyal ağ VKontakte en popüler olanlardan biridir. Buna göre, burada daha fazla iletişim, benzer düşünen insanlar ve sadece arkadaşlar bulabilir, hizmetlerinizi ve ürünlerinizi tanıtabilirsiniz. Oluşturulan topluluklar sayesinde ilginç bir etkinlik, ürün, hizmet vb. hakkında her şeyi hızlı bir şekilde bulabilirsiniz.

Kontrol sayfasında, "Yükle"ye tıklayın ve bir resim seçin. Şuna benzer: grup adı, ardından avatar küçük resmi, durum.

Üzgünüz, mobil henüz desteklemiyor bu işlev. Ancak bu yenilik çok uzun zaman önce olmadığı için, tanıtım için herkes kadar alakalı olacak.

Daha fazlası için kolay erişimönerilen malzemelere bir menü yapabilirsiniz. Ve bunu kendi başınıza nasıl yapacağınızı bir dahaki sefere anlatacağız.

sabitlenmiş gönderi

VK grubunun tasarımının sırları

Bonus olarak, VK grubunun tasarım sırlarını paylaşıyoruz ve kişisel deneyim, tasarımı kendi başınıza ileri düzeyde anında tamamlamanıza olanak sağlayacaktır. Örneğin, bunun gibi bir şey ayarlayabilirsiniz. güzel blok itibaren çeşitli uygulamalar, etkileşimi birkaç kez artıran!

Ücretsiz uygulamalar. Topluluk yönetimine gidin ve ayarlarınızı düzenlemek için Uygulamalar'a gidin.

Burada, grubun işlevselliğine büyük katkı sağlayacak bir uygulama eklemeyi seçebilirsiniz. Örneğin, ücretsiz olarak yararlı içerik oluşturan grubumuzda olduğu gibi, topluluğun yararına 100 ruble'den herhangi bir meblağı bağışlayabileceğiniz "Topluluğu Destekle" düğmesi vardır. Aynı zamanda bir ürün mağazası, anket, testler, çevrimiçi sohbet, haber bülteni aboneliği vb. olabilir.

Diğer yararlı widget'lar ve uygulamalar:

• anketler;
• testler;
• hizmetler için kayıt;
• mesaj gönderme;
• mal deposu;
• ve benzeri.

Tartışmalar. Müşterilerin veya abonelerin ilgisini çekecek ana konularda aynı anda birkaç konu oluşturun. Bu ticari bir topluluksa, bunlar incelemeler, sık sorulan sorular, ödeme, garantiler ve teslimatla ilgili bilgilerdir. Topluluk bilgi amaçlıysa, ana tartışma başlıkları grubun değindiği konulara ayrılmalıdır.

Çözüm

Başarılı olmak istiyorsanız, onu düzgün ve güzel bir şekilde tasarlamak için zaman ayırdığınızdan emin olun. Bu konuya ne kadar derinlemesine yaklaşırsanız ve grup sayfasına gittikten sonra tüm kullanıcı davranışı senaryolarını düşünürseniz, aboneliğe ve daha sonra satın almaya dönüşüm o kadar yüksek olacaktır.

Artık Vkontakte grupları ve halkları görsel tasarım araçlarını kullanıyor. bu fırsat sayesinde dış görünüş ve grubun tasarımı daha estetik hale gelir. Bu materyal, Vkontakte grubunda bir menünün nasıl oluşturulacağını ayrıntılı olarak açıklayacaktır.

Neden bir grup menüsüne ihtiyacınız var?

Her şeyden önce, menü kullanışlı eleman iş grupları için. Bununla birlikte, kullanıcıların navigasyonla ilgili sorunları olmayacak. Gerekli tüm bilgiler bu bloğa yerleştirilecektir. Vkontakte sosyal ağında, grup yönetimi, daha önce yayınlanan tüm materyallerin beslemede yer alacağı şekilde düzenlenmiştir. tek sıralama imkanı"Tartışmalar" bölümünde konu oluşturmaktır. Ancak bu da pek uygun değil çünkü konu, tüm bilgilerin toplandığı tek bir gönderiyle sınırlı değil ve gerekli gönderiyi bulmak için sayfaları uzun süre kaydırmanız gerekiyor.

Hepsinin olduğu net bir yapı oluşturmak çok daha uygundur. yardımcı bilgi ve bölünmüş ayrı tematik bloklar. Bu ekran görüntüsü iyi bir grafik örneğidir etkileşimli menü, burada tüm yararlı gönderiler ayrı bir bloğa yerleştirilir. Bu uygundur ve kullanıcının sayfada ek işlemler gerçekleştirmesini gerektirmez.

Özetle, menünün gelişmekte olan bir topluluk için bir gereklilik olduğu sonucuna varabiliriz. Bu kullanışlı navigasyon yardımı kullanıcıların bulmasını sağlayan gerekli bilgi beslemede gezinmeden ve grubun istenen bölümüne hızlı bir şekilde erişin. Mal ve hizmet satan gruplar için tıklanabilir menü kullanılması tercih edilir.

Kapalı ve açık menü

Açık şu an, Vkontakte menüsü birkaç türe ve türe ayrılabilir, ardından her birini daha ayrıntılı olarak ele alacağız.

Türler:

• metin (yapı bir metin bağlantısıdır);
• grafik (multimedya, etkin düğmeler vb. kullanılarak).

Çeşit:

Metin menüsü oluşturma

Bu tür bir menü herhangi bir bilgi ve ek araç gerektirmez. VK'da bir grupta bir metin menüsü yapmak oldukça basittir, bunun için bir sosyal ağın işlevselliğini kullanacağız. Düğmeler, stiller vb. kullanmaz. Metin menüsü, bağlantı bağlantılarından oluşan bir listedir.

Adım adım talimat:

Bir metin menüsü oluşturma prosedürü, özel bilgi ve beceri gerektirmez. Bu nedenle, bu seçenek en uygun olanıdır. deneyimsiz kullanıcılar. Bir bölüm yapmadan önce ana sayfa, mutlaka test edin ve optimize edin Navigasyonun sorunsuz çalışması için.

Grafik menü

Daha fazla birine geçelim zor yollar yaratma. Bunu yapmak için ek araçlar - Photoshop grafik düzenleyicisi kullanmamız gerekiyor. Sonra, vereceğimiz Detaylı Açıklama adım adım süreç ek yazılım kullanarak bir grafik menü oluşturma.

Adım adım talimat:

• önce Photoshop grafik düzenleyicisini başlatmanız gerekir;
• ardından "Dosya" ve " Yaratmak". Aşağıdaki parametreleri belirtin: "Genişlik" (Genişlik) 610 piksel, "Yükseklik" (Yükseklik) 450 piksel ve "Çözünürlük" (Çözünürlük) 100 piksel/inç;
  
• bundan sonra ortaya çıkacak yeni belge arka plan resmini nereye sürüklemek istiyorsanız;
  
• o zaman görüntüyü beyaz alanı kaplayacak şekilde uzatmanız gerekir;
• panelin devamında Katmanlar»Resme sağ tıklayın ve içerik penceresinde « öğesini seçin Birleştirmekgörünür» (görünür birleştirir);
• Dikdörtgen» ve imleci görüntünün üzerine getirerek ve şeklin kenarlıklarını çizerek düğmeler oluşturun;
• çalışma alanının üst kısmında düğme için dolguyu, "Doldur" parametresini seçebilirsiniz;
• bundan sonra araç çubuğuna geri dönün ve " Metin»;
• sonra bir alan eklemek için düğmeye tıklayın metin girişi ve düğme için bir ad girin. Bölümün daha şık görünmesi için kendi takdirinize bağlı olarak yazı tipini, boyutunu ve rengini seçebilirsiniz;
  
• ile orta metin resme göre, metin katmanını seçin ve istenen görüntü, "Ctrl" tuşunu basılı tutun ve sırayla hizalama düğmelerine basın. üst panel aletler;
• bundan sonra ortaya çıkan görüntüyü kesmemiz gerekiyor;
• araç çubuğunda " çerçeveleme"(Kırp) ve" Kesme ";
• her düğmeyi seçin ve "Dosya", "Dışa Aktar", "Web için Kaydet"i açın. Kaydedilen dosyanın biçimini "PNG24" olarak ayarlayın;
  

Bu, grafik düzenleyicideki işi tamamlar. Bir önceki bölümde metin menüsünü kurduğumuz sosyal ağın metin düzenleyicisine dönüyoruz.

Vkontakte grafik menüsü ile çalışma talimatları:

Oluşturulan menü, normal bir giriş gibi sabitlenmiştir. Ekle düğmesine basarak.

Wiki İşaretleme Temelleri

Ardından, bir sosyal ağdaki bir grup için bir menü geliştirirken Wiki işaretlemesini kullanmanın temellerine bakalım. Vkontakte wiki işaretlemesi, web sitelerinde metin biçimlendirmek için kullanılan ve özelliklere erişimi kolaylaştıran bir dildir. HTML dili. Sonra, düşünün temel komutlar, bir sosyal ağda kullanılabilir.

Multimedya ile menü tasarımı

Multimedya dosyaları için metin komutu şu şekildedir: "[​]. Daha yakından bakalım: "mediaXXXX_YYYY" (dosyanın kendisi), "seçenekler" ( parametreleri ayarla), "bağlantı" (nesnenin üzerine geldiğinizde görüntülenecek bir açılır etiketi temsil eder).

Seçenekler multimedya için ekran görüntüsünde gösterilen:

Seçenekler video için Bunun gibi:

Başlıklar (H1, H2, H3)

Başlık eklemek için metnin başına ve sonuna aşağıdaki "==" işaretlerini koymalısınız. Örnek için ekran görüntüsüne bakın:

Metni çıkarıyoruz

Metin biçimlendirmesi için Vkontakte aşağıdaki seçenekleri sunar: kalın yazı tipi, italik, sağa hizala, sola hizala, ortaya hizala, maddeli liste, başlıklar, üst simge, alt simge, altı çizili ve üstü çizili. Daha ayrıntılı ayarlar ekran görüntüsünde gösterilir.

Alıntılar

İzleyicilerin dikkatini çekmek için alıntılar, bir etiket kullanabilirsiniz. verilen parametreöyle görünüyor: "".

kullanım örneği Metin düzeltici Temas halinde:

Listeler

Kullanıcılar hem madde işaretli hem de numaralı listeleri kullanabilir. Numaralandırılmış bir liste, '*' ile işaretlenmiş '#' ile gösterilir.

Örnek sayılı liste:

Örnek işaretlenmiş liste:

girinti nasıl yapılır

Burada her şey oldukça basit, daha önce doğru kelime":" işaretini eklemeniz gerekir. Ne kadar çok karakter konulacaksa, o kadar fazla girinti olacaktır.

Dahili bağlantılar

Dahili bağlantılar, sosyal ağın diğer öğelerine geçişlerdir: kullanıcı profili, üçüncü taraf topluluk, sohbet, fotoğraf, video, makale vb. Dahili bağlantı ekleme "[] etiketi kullanılarak yapılır. Daha yakından bakalım: "bağlantı" bir bağlantıdır, "metin" görüntülenen metindir.

Örnek:

tablo nasıl oluşturulur

Viki işaretlemesi ile kullanıcılar oluşturabilir tablo nesnesi, bunun için aşağıdaki komutlar kullanılır:

spoiler ekleme

Bu öğe, uygun düğmeye basıldığında ortaya çıkacak bilgileri gizleyebilir. Bilgi göndermek için bu seçenek, "Kurallar", "Sıkça Sorulan Sorular" grubu vb. bölümleri için idealdir.

Bir nesne oluşturmak için aşağıdaki yapı kullanılır:

((Gizleyici|Başlık Metni ))

Bir menü nasıl kaldırılır

Kaldırma şu şekilde gerçekleşir:

Sayfa biçimlendirme yoluyla silme:

), bir menü yapın.

Şimdi sana göstereceğim bir VKontakte grubunda menü nasıl yapılır ve doğru şekilde düzenlenir.

Güzel grafikler yapmak

Vkontakte web sitesinin yeni tasarımında grafiklerin boyutları değiştirildi. Aşağıda mevcut değerleri bulacaksınız.

• Grup avatarı — 200×300 piksel
• Açıklama şeridi — 510×271 piksel

Görselleri doğru boyutlarda hazırlayın. Size örneklerini göstermek için hazır fotoğraflar çekeceğim.

O halde genel resmi ikiye bölerek güzel bir tasarım yapalım. Sonuç olarak, tek bir tasarım elde edeceğiz.

Öncelikle avatarınızı yükleyin. Gruba gidin ve tıklayın "Fotoğraf yüklemek için".

Bilgisayarınızın sabit diskinde bir dosya seçmeniz gereken bir form göreceksiniz. Yap. Sonuç olarak, aşağıdakileri aldık.

Şimdi görüntünün ikinci bölümünü ekleyelim. Bunu yapmak için resmi duvara koymanız ve ardından onunla kaydetmeniz, üst alana sabitlemeniz gerekir.

Ben duvara gidiyorum. burada blokta "Bir not ekle", Fotoğraf simgesini tıklayın .

Hazırlanan ikinci görseli yükleyin. Topluluk adına gönderi yayınlamayı seçtiğinizden emin olun. Ve ardından Gönder'i tıklayın.

Şimdi kaydın düzeltilmesi gerekiyor (bkz.). geri dön Yeni Rekor, ve sağda üst köşe menüyü genişletin. Burada "Düzelt" i tıklıyoruz.

Şimdi sayfayı yenileyin ve sonucu görün.

Tek olumsuz, resimlerin farklı seviyelerde olmasıdır. Ancak bunun nedeni, onların doğru beden. Avatar dikey olarak daha büyük olmalıdır. O zaman aynı seviyede olacaklar.

Bir VKontakte grubunda menü nasıl oluşturulur?

Örneğimize geri dönelim ve bir "Detaylar" butonu yapmamız gerektiğini düşünelim. O zaten resimde. Bir kişinin tıklandığında ana sitemize gitmesi için onu nasıl bir düğme haline getirebiliriz? Şimdi sana göstereceğim.

Menü butonlarını aktif hale getirmek için ayrı resimler halinde kesmemiz gerekiyor. Bunun için Photoshop'a ihtiyacımız var.

Resmimizi düzenleyicide açın ve "Kesme" aracını etkinleştirin.

Alt kısmı düğme ile kesin. Kelepçe sol düğme fare ve kaydırma yatay çizgi, resmi iki parçaya bölerek.

Şimdi, tamamlanan görüntüleri kaydetmek için Alt+Ctrl+Shift+S tuşlarına basın.

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

Bakınız "odi=- " karakterlerinden sonra grup kimliğinizi girmeniz gerekmektedir (bakınız ). Ve bağlantının en sonuna menü sayfanız için bir başlık yazın. Örnekte "Menü"den çıkacağız.

Burada kamera simgesine tıklayıp hazırlanan görselleri yüklüyoruz.

Şimdi doğrudan VK'da bir grup için menü oluşturmaya gidiyoruz. Benzer bir şey ortaya çıkmalı.

Ardından, bölüme gidin "Düzenleme". Burada, her görüntü için, tek bir görüntüde birleşecek şekilde dolguyu kaldırmamız gerekiyor. Bunu yapmak için, kodda "nopadding;" değerini ekleyin. . Ve bir bağlantı ekleyin istenilen sayfa veya "https://site.ru/page.html" değerini girerek bir web sitesi (adreslerinizi belirtin!). Örneğimizde, "Ayrıntılar" düğmesi site sitesine yönlendirmelidir. İşte olması gerekenler.

[] []

Sayfayı kaydediyoruz. adresini kopyalamayı unutmayın adres çubuğu. Şu şekilde olmalıdır:

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

Grubun duvarına dönüyoruz ve yeni bir gönderi oluşturuyoruz. İçinde sayfaya bir bağlantı ekliyoruz ve orijinal görüntüyü ekliyoruz. Yayınlayın ve düzeltin.

Bu, elimizde kalan menü.

Bu makale ayrıntılı bir kılavuz olacak ve size bir VKontakte grubu için nasıl menü yapılacağını anlatacağım. Güzel tasarlanmış bir VK grubu menüsü, sitede gerçek bir ziyaretçi artışına ve satış büyümesine katkıda bulunur.

Merhaba sevgili okuyucularım. bugün sana anlatayım nasıl yapılır güzel menü VKontakte grubu için ve tamamen ücretsiz. Bu arada, bu tür konuların nasıl oluşturulacağını öğrendikten sonra, bundan biraz kazanabilirsiniz -))). Tek bir ticari site kendi topluluğunu oluşturmadan çalışmaz. sosyal ağlardaözellikle yeni müşteriler kazanmanıza ve işinizi tanıtmanıza yardımcı olacağı garanti edilen VK.

Ama topluluğunuz çekici değilse ve orada kalmak isteyen herkes nasıl? Bence kimse!!! O halde gruplarımızı kaliteli tasarımlarla süsleyelim ve çok hızlı bir şekilde nasıl yapıldığını öğrenelim. Grafikleri ve gelecekteki menümüzü oluşturmaya başlamadan önce, resimleri daha fazla kesmek için bilgisayarınıza Photoshop yüklemeniz gerekir. Birçoğu neden resimleri kesmeniz gerektiğini soracaktır. Buradaki nokta, her menü bağlantısı için genel banner'dan ayrı bir şerit oluşturmamız gerekeceğidir.

Bugün birkaç tür oluşturulmuş menü vardır:

• Aktif noktalarla açın;
• Sabitlenmiş gönderi olarak kapatıldı;
• Ayrı resimlerle veya afiş ve menünün ortak bitişik resmiyle.

Her iki seçeneği de yaratmanın özü aynıdır. Yalnızca temel fark, ek öğelerde ve kayıt türlerindedir ve bu makalede, bu makalede daha ayrıntılı olarak ele alınacaktır.

Menü ile çalışmak bize yardımcı olacaktır wiki işaretlemesi, bugün VKontakte metin düzenleyicisinde yerleşiktir. Belirli bir resmi görüntülemek ve gerekli öğelere bağlantılar eklemek için standart komutları kullanması bakımından normalden farklıdır. Viki işaretlemesinin kendisi resimleri, videoları ve diğer öğeleri görüntülemek için kod eklemenize izin verir.

VK grubu kapalı menü

İÇİNDE bu durum ana grup avatarının solunda "grup menüsü" yazısı şeklinde bir köprü göreceğiz, tıklandığında aktif öğeler ve resimler içeren menümüz açılacaktır.

Menü şöyle görünecek:

Grup menüsünü aç (sabitlenmiş görüntü)

Sonuç olarak, genellikle tüm koşullara göre görüntülendiği grubun açıklamasında görüntülenecek olan zaten açık menü öğeleri oluşturmaktır. Resmimiz önceden hazırlayacağımız açıklamaya eklenecek ve aktif öğelerin yer alacağı sayfaya bağlanacaktır. Bu menü Türkiye'de çok popüler oldu. Son zamanlarda ve müşteriler arasında popülerdir. Şöyle görünüyorlar:

Bir VKontakte grubu için güzel bir menü nasıl yapılır: adım adım talimatlar

Bu yüzden öncelikle sağ tarafa yerleştireceğimiz ana grup avatarını ve menümüzün saplamasını banner şeklinde oluşturmamız gerekecek.

• Avatar için 200x332 piksel;
• Ana menü başlığı için 395x282 piksel.

Gördüğünüz gibi, görüntülerin yüksekliği farklıdır ve bu, görüntülerin yükseklikte hareket etmemesi ve aynı seviyede olması için yapılır, çünkü topluluk adının ve durumunun yüksekliği yaklaşık 50 piksel alır ve ihtiyacımız olacak bu değeri menü yüksekliğinden kaldırmak için.

Açıklığa kavuşturmak için, ana grup avatarının yüksekliği 332 ise, ondan 50 çıkarırız ve ana menünün yüksekliğini 282'ye eşitleriz. Boyutlar önemli değilse, yükseklik keyfi olarak ayarlanabilir.

Bir topluluk oluşturduktan sonraki adım, materyaller oluşturmak olacaktır ve burada üyelerin topluluk oluşturmasını yasaklamamız gerekir. Ek Sayfalar ve bloklar, ancak yalnızca duvara yazın. Bunun için grup avatarının altındaki "community manager" adlı bölüme gitmemiz gerekecek ve burada materyallerimizi aşağıda gösterildiği gibi "restricted" yapmamız gerekiyor.

Şimdi genel kompozisyonu oluşturmaya başlayalım. Tabii ki, bir avatar yerine ve açıklamaya bir resim ekleyebilirsiniz, ancak amatör olmayalım ve bunun tam teşekküllü bir resim olması ve birbirinin içine dönüşmesi için bunu profesyonelce nasıl yapacağımızı gösterelim.

Photoshop'ta 600x350 piksel boyutlarında resimlerimiz için üzerinde delikler açarak stencil olarak kullanacağımız yeni bir canvas oluşturalım. Çalışmak için, tüm öğelerin ve cetvellerin boyutlarını piksel cinsinden çevirmemiz gerekiyor ve bu, şu yol boyunca yapılır: "Düzenle-Ayar-Temel" ve burada zaten pikselleri ayarlıyoruz.

oluşturmanın bir sonraki adımı menüyü aç afiş ve avatar için daha sonra indirilmek üzere alacağımız kupürleri yapmak gerekiyor. Bunu yapmak için soldaki bölüme gidin dikey menü ve bir düzen seçin.

Farenin sol tuşunu kullanarak bir alan seçiyormuş gibi ihtiyacımız olan büyüklükteki blokları seçip her seçimden sonra sil butonuna basarak “Sil” seçeneğini seçiyoruz. %50 gri. Bu tür eylemler, blokların olacağı gerçeğine yol açacaktır. doğru boyutlar ve ana arka plandan farklı bir renkle vurgulanır.

Aşağıdakileri almalısınız:

Ve şimdi silgiyi seçin ve "sihirli silgi" işlevini kullanarak her bir gri bloğa tıklayın ve kesikli bir şablon elde edin. Bir sonraki adımda ana görselimizi seçip arka plan altına koyuyoruz ve üzerine menünün ismi veya diğer reklam ögeleri ile yazı yazabileceğimiz hazır resimler elde ediyoruz.

Harika. Tasarımımızın bir resmini yerleştirdikten sonra sadece "Web için kaydet"i seçiyoruz ve çıktı olarak 2 adet resmimizi alıyoruz. Şimdi grubumuza geri dönüyoruz ve ana avatarı (dikey) doldurabiliriz. Menü için banner'ı biraz sonra wiki biçimlendirme koduyla çalışırken kullanacağız.

Kullanıcıyı üçüncü taraf bir sitenin gerekli bölümlerine veya grubun kendisindeki albümlere ve dizinlere yönlendirecek aktif öğelerle menünün kendisini oluşturalım. Değişiklik için yeni bir resim kullanacağız -))).

Öyleyse, Photoshop'a geri dönün ve 400x300 piksel boyutlarında yeni bir tuval oluşturun. Ardından, dosya yerleştirme bölümünde seçim yapıyoruz ve menünün arka planı için bir resim seçiyoruz.

Resim üzerine gelecek menümüzün butonlarını yerleştiriyoruz ve yukarıda yaptığımız gibi gerekli blokları seçerek resmi kesiyoruz. Ondan sonra da “web için kaydet” i seçip kesimlerimizin olduğu bir klasör alıyoruz. Benim durumumda ayrı bir klasörde 4 fotoğraf var.

Şimdi Photoshop'tan indirilen resimleri ayrı bir albüme doldurmamız ve saklanmamız gerekiyor. meraklı gözler. Yüklemeden sonra, her resim yeni adını ve benzersiz kimliğini alacaktır.

Lütfen şunlara sahip olmanız gerektiğini unutmayın:

• "Sınırlı" modda açılan malzemeler;
• Tartışmalar dahil;
• Fotoğraf klasörü herkese açıktır.

Şimdi sayfamızı menüde görüntüleneceği şekilde ayarlamaya devam ediyor. Bunu yapmak için, topluluğun ana sayfasına gidin ve yeni malzemeleri seçin ve düzenleyin ve "MENÜMÜZ" öğesini arayın.

Ardından, Photoshop'ta keserken elde ettiğimiz resimleri eklememiz gerekiyor. Birisi biçimlendirme kodları kullanıyor, ancak daha akıllı olmamak için, kamera simgesine tıklayarak ve birer birer yükleyerek bir resim eklemeyi seçmenizi öneririm.

Bir metin düzenleyicide çalışırken, resimleri yükledikten sonra sağ üst köşedeki parantez simgesine tıklarsak, aşağıdaki kodu görmeliyiz:

Tavsiye: önemli bir nokta görüntüleri yükledikten sonra dolgunun kaldırılmasıdır. Bu, görüntü boyutlarının önüne "nopadding" eklenerek çözülür.

Açıklama için, neyin nereden alındığı aşağıda açıklanmıştır, ancak her şeyin otomatik olarak ekleneceği ve akıllı olmanıza gerek olmadığı ve bazı kişilerin her resmi nasıl yazdığını ve kimliği nasıl aldığını açıp, ardından yükleyip kaydedin.

[]
burada xxxxx resminizin kimliğidir
yyyyy - piksel cinsinden genişlik (en fazla 388)

Şöyle bitmeli:

Artık resimlerimiz ayrı bir banner'da toplanıyor. Ve her bir öğeye bir bağlantı eklemek için, işaretleme devre dışı bırakılmış görsele tıklamanız ve kopyalanan url'yi bağlantı bölümüne yapıştırmanız yeterlidir.

Ve böylece VKontakte menümüzü oluştururken en önemli ve son noktaya geliyoruz. Şimdi resim sayfamızı kaydetmemiz ve adresini kopyalamamız gerekiyor. Benim durumumda şöyle görünüyor:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Unutmayın, yazının başında ana avatarımızın devamı olacak bir menü taslağı yapmıştık ve onun için sadece bir şablon yapmıştık. Şu anda tam da ihtiyacımız olan şey bu.

Ana sayfaya gidin ve aşağıdakileri yapın:

Aşama 1.

Duvarda yeni bir giriş için sayfanın adresini metin alanına ekliyoruz, ardından bir bağlantıya dönüştürülecek.

Adım 2.

Menümüz için saplamamızın görüntüsünü kayda ekliyoruz ve göndere tıklıyoruz.

Aşama 3.

Şimdi, gönderiyi yayınladıktan sonra, gönderinin sol alt kısmındaki oluşturma zamanına tıklayın ve "PIN" seçeneğini seçin.

Harika!!! Burada bitiriyoruz. Artık nasıl harika menüler oluşturacağınızı biliyorsunuz ve bundan iyi para kazanabilirsiniz. Her şeyi aşağıdaki sırayla yapmanızı tavsiye ederim:

• Bir yapı buluyoruz ve menü görsellerinin tasarımını sıralıyoruz;
• Tüm görüntülerin yeniden boyutlandırılmasını ve kesilmesini yapıyoruz;
• Resimleri albümlere ekleyin;
• Editörde tüm kesimleri düzenleyip grubun ana sayfalarında yayınlıyoruz.

Çalışma sonucunda aşağıdaki menüyü elde edeceğiz.

Ancak menünün kendisi, basıldığında aktif bağlantılarla açılır. Boyutlarla oynamaya ve ekranınıza göre ayarlamaya değer, ancak mobil cihazlardaki ekranı unutmayın.

ÖNEMLİ: 2016'da VK'nın tasarımını değiştirdikten sonra, görüntüler oluşturulurken ve ilgili görüntüler için gereksinimlerde yeni değişiklikler yapıldı.

VK grup menü şablonunu + tüm ders kaynaklarını indirin

Umarım materyal faydalı olmuştur ve artık VKontakte grubu için güzel bir menü yapmayı kolayca anlayabilirsiniz. Blog güncellemelerine abone olun ve yakında yeni yazılarda görüşmek üzere. Herhangi bir sorunuz varsa, yorumlara yazın, size kesinlikle yardımcı olacağım.

Okuduklarımı pekiştirmek için bir video ekliyorum.

VKontakte menüsünün satış tasarımı ile başlar doğru seçim. Bir çevrimiçi mağazanız var inşaat şirketi, Koç veya güzellik ustası mısınız? Her işletme benzersizdir ve wiki menüsü tasarımına farklı bir yaklaşım gerektirir. Makalemizden, VKontakte grubu için ne tür menülerin bulunduğunu, bunların özellikleri ve farklılıklarının yanı sıra işletmeniz için hangi menüyü seçeceğinizi öğreneceksiniz.

Bu, en yaygın ve en ucuz menü türüdür. Grubun bölümlerinde veya harici kaynaklarda rahat gezinme oluşturmanıza olanak tanır: tartışmalar, fotoğraf albümleri, ürün kataloğu, kişi, video, şirket web sitesi veya sosyal ağlardaki sayfalar. Gezinme menüsünün tasarımı genellikle 1000 pikselden uzun değildir ve bir monitör ekranına sığar.

Navigasyon menüsü türleri:

Bu menünün basit bir işlevi vardır ve yalnızca bir wiki sayfasına yüklenir. Menü düğmeleri, ek gezinme sayfaları açmadan doğrudan grubun veya harici sitelerin istenen bölümüne götürür. Bu uygun seçenek Menü yoksa Büyük bir sayı hizmetler / mallar ve büyük bir şirket olarak konumlandırılmıyorsunuz.

Tek sayfalık menü, küçük çevrimiçi mağazalar, fotoğrafçılar, koçlar ve güzellik uzmanları için uygundur.

Çok sayfalı menü

Grubun bölümleri arasında geçişin yapıya göre yapıldığı bir gezinme menüsü türüdür. Örnek olarak: "ürünler" düğmesi, "çocuk giyimi", "kadınlar için", "erkekler için" vb. bölümlerin listesini görüntüleyen yeni bir wiki sayfasına yönlendirir. Her viki sayfasının kendi benzersiz tasarımı, aktif düğmeleri olabilir veya ana menü sayfasının tasarımını kopyalayabilir.

Müşterilerin bir grupta istenen bölümü hızlı ve kolay bir şekilde bulmasına yardımcı olmanız gerektiğinde, çok sayfalı bir menü çevrimiçi mağazalar için uygun olacaktır.

Wiki-iniş VKontakte

Wiki iniş veya iniş olarak da adlandırılan VKontakte, en popüler menü türüdür. Müşterilerimiz arasında bu menü tasarımına olan sevgi şaşırtıcı değil - her şeyden çok güzel, yapılandırılmış bir tasarım. önemli bilgi grubunuz hakkında bir sayfada, aktif sipariş düğmeleri (yöneticinin özel mesaj veya grup mesajlarına yönlendirir) ve bir ürün kataloğu. Bir wiki açılışında oluşturmak istediğiniz bölümler ne olursa olsun, bu mümkündür.

• Şirketin tanımı ve faaliyetleri
• Hizmet veya mal kategorileri
• Grafik tasarım yoluyla müşteri geri bildirimi
• Video kayıtları ve tanıtım videoları
• Sizinle çalışmanın faydaları
• Promosyonlar ve özel teklifler
• Hizmetlerin veya malların tanımı
• Gruptaki popüler makaleler
• Sizinle iletişime geçilecek kişiler
• Şirket adresi ile aktif kart
• Sık sorulan soruların yanıtları

Wiki iniş en iyi seçimİçin büyük şirketler, hizmet sağlama, dar odaklı çevrimiçi mağazalar ve otobüsler

Wiki menüsü hakkında sık sorulan soruları yanıtlıyoruz:

VKontakte grubu için bir tasarım seçmedeki ana faktör, işletmenizin teması ve tasarım geliştirme bütçesidir. Yeni bir şirketiniz varsa veya bir grup oluşturmaya yeni karar verdiyseniz ve hizmetlerinizin İnternet'teki popülaritesini test etmek istiyorsanız, navigasyon menüsünü tercih etmelisiniz. Grup için güzel bir grafik tasarım oluşturmak ve daha fazla başvuru almak isteyenler için VKontakte açılış sayfasını seçmenizi öneririz.

Grup menüsü zaten tasarımcı tarafından çizilip wiki sayfasına yüklendiğinde, onu sabitlenmiş gönderideki herhangi bir gönderiye veya afişe kolayca ekleyebilirsiniz. Bunu yapmak için wiki menüsünün bağlantısını yeni bir tarayıcı sekmesinde açmanız, kopyalamanız, grubunuza geri dönmeniz ve kopyalanan bağlantıyı yeni posta. Bağlantının önizlemesi yüklendiğinde, metni gönderiden kaldırılmalıdır. Bu yayındaki herhangi bir bilgiyi, harekete geçirici mesajı ve kişileri yazabilir, ardından bir resim (fotoğraf) ekleyebilir ve "Yayınla" düğmesini tıklayabilirsiniz. Şimdi "Sabitle"yi tıklayın ve banner'ı aktif bağlantı grup menüsünde her zaman görünür olacaktır.

Bir VKontakte grubunda menü nasıl yapılır?

Bunu yapmak için, becerilere ihtiyacınız olacak grafik editörleri, örneğin adobe photoshop (psd biçimi), Adobe Illustrator(ai veya eps formatı) veya CorelDRAW (cdr formatı). Bu programların her biri, bu görevle mükemmel bir şekilde başa çıkacaktır. 607 px boyutunda (608 px bir belge oluşturmanızı öneririz) genişlikte yeni bir belge oluşturun ve istenen menü uzunluğunu (belge yüksekliği) ayarlayın. Şimdi tasarlamaya başlayabilirsiniz. İnternette, kendi başınıza bir VKontakte menüsünü nasıl oluşturacağınıza dair birçok video bulacaksınız ve güzel, profesyonel bir tasarım yapmak istiyorsanız, deneyimli bir tasarımcıyla iletişime geçmek daha iyidir.

Grafik menünün düzeninin de kendine has incelikleri vardır.Örneğin: VKontakte wiki işaretlemesini anlamanız, düzenleyicinin özellikleri arasında nasıl geçiş yapacağınızı öğrenmeniz, her tasarım parçasına bağlantı bağlantıları ile çalışmanız ve menü boyutlarını doğru şekilde ayarlamanız gerekecek. deneyimsiz bir kişi için bu iş tasarımcı çizebildiğinde birkaç gün sürebilir grafik menü ve birkaç saat içinde bir grup haline getirin.

Halk menüsü ile VKontakte grubu arasındaki fark nedir?

Menünün grafik tasarımında bir halk, grup veya etkinlik için herhangi bir farklılık yoktur. Tek fark, wiki sayfasındaki menüyü ayarlamaktır. Etkinliklerde ve topluluklarda, "Materyaller" dahil etme işlevi mevcut değildir. Grup menüsünün kurulacağı wiki sayfasına bir bağlantı bu bölüm aracılığıyla oluşturulur. Bununla birlikte, bir wiki sayfasının oluşturulmasına erişim sağlayacak bir wiki kodunun yayınlanması yoluyla bu durumdan çıkmanın bir yolu vardır.

Deneyimli bir tasarımcı için bir VKontakte menüsü oluşturmak sorun değil!

VKontakte grubundaki menüden sıkıldınız mı yoksa gizlemek mi istiyorsunuz? Bu birkaç şekilde yapılabilir: grup ayarlarında "İçerik"i kapatın, menüye bağlantı içeren sabitlenmiş gönderiyi kaldırın veya wiki sayfasındaki menü kodunu kaldırın. en hızlı ve kolay yol"Malzemeler" bölümünü devre dışı bırakmaktır - gruptaki menü artık görünmeyecek ve istenirse her zaman geri dönebilirsiniz. VKontakte wiki sayfasının kendisi silinemez.

Güzel menü tasarımı örnekleri

VKontakte grup menüsünün güzel bir tasarımını yalnızca bir tasarımcı yapabilir ve bu şaşırtıcı değil. geliştirme için Güzel tasarım Grafik tasarım becerileri gerektirir ve iyi tat ve bu deneyimle birlikte gelir. Örneklerimizde neye benzediğini karşılaştırabilirsiniz gezinme menüsü ve wiki iniş grupları VKontakte'nin yanı sıra tasarım için fikir edinin.

Bir VK grubu için menü tasarımı sipariş edin

2012 yılından beri VKontakte gruplarının tasarımında çalışıyoruz ve bu süre zarfında 200'den fazla tasarım projesini tamamladık. Müşterilerimiz arasında en popüler hizmet, wiki inişli anahtar teslimi grup tasarımıdır. Stüdyomuzdaki bu pahalı hizmet, doğrudan tasarımcıyla çalıştığınız ve biz herhangi bir ücret talep etmediğimiz için çok büyük ekstra ücretler olmadan sağlanmaktadır. ek ödemeler- düzenlemeler, harcanan zaman veya grafik satın alma için. Teklifimizle ilgileniyor musunuz? Bu sitedeki bölüm aracılığıyla bize ulaşın.