Bir VK grubu için güzel bir tasarım nasıl yapılır? VKontakte grup tasarımı nasıl etkili hale getirilir?

VKontakte kullanıcılarını memnun ediyor büyük miktar ilginç bir şekilde tasarlanmış gruplar. Birçoğu görünüm olarak tam teşekküllü bir web sitesinden daha aşağı değildir. Bu etki, özellikle menüler ve avatarlar olmak üzere uygun grup tasarımıyla sağlanır. Ileri düzey kullanıcılar Bu görevle kolayca başa çıkacaksınız, ancak yeni başlayan biriyseniz makale sizin için yararlı olacaktır.

VKontakte'de bir grup nasıl güzelce tasarlanır

Banner oluşturma

Bir grubu görüntülerken kullanıcı öncelikle avatara ve menüye dikkat eder. Aşağıda Photoshop'ta iki resmin nasıl oluşturulacağından, bunlardan birinin doğru şekilde kesilip nasıl yazılacağından bahsedeceğiz. özel kod belirten

1. Aşama

Photoshop'u açın ve oluşturun yeni belge 630x725 piksel boyutlarında. Beyazla doldurun. Katmandaki iki pencereyi kesin. Bu pencerelerden bakacağız grafik Tasarım Temas etmek. Öncelikle 200x710 piksel ölçülerinde dikdörtgen bir alan seçin ve “Del” tuşuna basın. Daha sonra 382x442 piksel boyutunda dikdörtgen bir alan seçin, elde edilen dikdörtgenleri altta birleştirin ve "Del" tuşuna basın.

2. aşama

Ortaya çıkan katmanın altına grubun grafik tasarımını yerleştireceğiz. Ana arka planı olan resmin üzerine önceden yazmak en iyisidir gerekli metin ve ayrıca gerekli sayıda menü öğesi oluşturun.

Sahne 3

Sırada 200x710 piksel boyutunda sağdaki dikdörtgen alan var. ayrı bir resim olarak kaydedin. Sonuç, grubun tasarımı için tamamen bitmiş bir çizimdir. İçinde bulunan bloğa yüklenmelidir. üst köşe sağdaki sayfalar. Bunu yapmak için "Fotoğraf yükle" düğmesini tıklayın.

Soldaki resim ne işe yarıyor? Onu birkaç parçaya ayırdık (menü öğelerinin sayısına bağlı olarak). Örneğin menümüzde 5 öğe var, bu da çıktının 382x50 piksel boyutunda 5 fotoğraf olacağı anlamına geliyor.

Aşama 4

Alınan beş fotoğrafın grup albümüne yüklenmesi gerekmektedir. Daha sonra grup sayfasına gidin ve “Haberler” bloğunu seçin, bunu “Grup Menüsü” olarak yeniden adlandırın ve ardından “Düzenle” ye tıklayın.

Aşama 5

Böylece "VKontakte'de bir grup nasıl güzelce tasarlanır" kılavuzunun son aşamasına geldik. "Alt penceredeki orijinalin kopyalanıp yapıştırılması gerekiyor" isimli sekmeyi açın. Kaynak". Kod metninde fotoğrafı dosya adlarıyla değiştirin ve dosyanın yüksekliğini (382 piksel) not edin. Şimdi menü bağlantılarının adreslerini ekleyin. Dosya adı albümden alınmıştır.

Aşama 6

Görüntüleri mükemmel bir şekilde birleştirmek için çeşitli koşulların karşılanması gerekir:

Grup adı tek satıra sığmalıdır;

Web sitesi adresi de tek satırdır.

Açıklama 10 satırdan oluşmalıdır.

Wiki işaretlemesi VKontakte

Nasıl güzelce tasarlanacağını anlamak için Wiki işaretlemesi kavramına da aşina olmanız gerekir.

Ne olduğunu?

Dolayısıyla Wiki işaretlemesi, sayfaları HTML'ye benzer şekilde düzenlemek için tasarlanmış bir sistemdir. Bir VKontakte grubu oluşturmaya başlamadan önce türüne karar verin. Tasarım grafik ve metin olabilir.

Metin menü tasarımı

Menünün kodu şöyle görünecek:

Kodun başı ve sonu etiketlerle gösterilir. Her simge [], ardından bir açıklama gibi görünecektir.

Grafik menüsü

Böyle bir menünün kodu aşağıdaki prensibe göre derlenecektir:

! !! !!

Tabii ki, bu bilgiler Wiki işaretlemesi konusunun yalnızca yüzeyini çiziyor. Ziyaret ederek bu konuda daha fazla bilgi edinebilirsiniz resmi Grup Temas halinde. Orada sunulan birçok şey var kullanışlı bilgi ve güzel tasarımın nasıl yapılacağına dair video eğitimleri

Bu makale ayrıntılı kılavuz ve size bir VKontakte grubu için nasıl menü oluşturulacağını anlatacağım. Güzel tasarlanmış bir VK grubu menüsü, sitedeki ziyaretçilerin ve satışların büyümesine gerçek bir artışa katkıda bulunur.

Merhaba sevgili okurlarım. Bugün sana söyleyeyim nasıl yapılır güzel menü VKontakte grubu için ve tamamen ücretsiz. Bu arada, bu tür konular oluşturmayı öğrendikten sonra bundan biraz para kazanabilirsiniz -))). Tek bir ticari web sitesi, sosyal ağlarda, özellikle de yeni müşteriler kazanmaya ve işinizi tanıtmaya yardımcı olacağı garanti edilen VK'da kendi topluluğunu oluşturmadan çalışmaz.

Ancak topluluğunuz çekici değilse ve herkes gibi değilse kim orada kalmak ister? Bence kimse yok!!! O halde gelin gruplarımızı kaliteli tasarımla süsleyelim ve bunu nasıl yapacağımızı çok hızlı bir şekilde öğrenelim. Grafik oluşturmaya ve gelecekteki menümüze başlamadan önce, resimlerin daha fazla kesilmesi için Photoshop programını bilgisayarınıza yüklemeniz gerekir. Birçoğu neden resimleri kesmeniz gerektiğini soracak. Buradaki önemli nokta, her menü bağlantısı için genel banner'dan ayrı bir şerit oluşturmamız gerekmesidir.

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

• Etkin öğelerle aç;
• Sabitlenmiş bir gönderi olarak kapatıldı;
• Banner ve menünün ayrı ayrı resimleri veya ortak bir bitişik resmi ile.

Her iki seçeneği de yaratmanın özü aynıdır. Tek temel fark, ek öğelerde ve kayıt türlerindedir ve bu, bu makalede daha ayrıntılı olarak tartışılacaktır.

Menüyle çalışmak bize yardımcı olacaktır wiki işaretlemesi Bugün VKontakte metin düzenleyicisine yerleşiktir. Belirli bir görüntüyü görüntülemek ve gerekli öğelere bağlantılar eklemek için standart komutları kullanması bakımından normalden farklıdır. Wiki işaretlemesinin kendisi resimleri, videoları ve diğer öğeleri görüntülemek için kod eklemenize olanak tanır.

VK grubu kapalı menü

Bu durumda ana grup avatarının solunda “grup menüsü” yazısı şeklinde bir köprü göreceğiz, tıklandığında aktif öğelerin ve görsellerin bulunduğu menümüz açılacaktır.

Menü şöyle görünecek:

Grup menüsünü aç (sabitlenmiş materyal)

Buradaki fikir, genellikle tüm koşullar için görüntülendiği grubun açıklamasında görüntülenecek, zaten açık olan menü öğeleri oluşturmaktır. Resmimiz önceden hazırlayacağımız açıklamaya eklenecek ve aktif öğelerin bulunacağı sayfaya bağlantı verilecektir. Bu menü son zamanlarda çok popüler hale geldi ve müşteriler arasında talep görüyor. Şuna benziyorlar:

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 grubun ana avatarını ve menümüzün saplamasını banner şeklinde oluşturmamız gerekecek.

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

Fark etmiş olabileceğiniz gibi, görsellerin yüksekliği farklıdır ve bu, topluluk adının ve durumunun yüksekliği yaklaşık 50 piksel kapladığı için görsellerin yükseklikte aşağı doğru hareket etmemesi ve aynı seviyede olması için yapılır. bu değeri menünün yüksekliğinden kaldırmanız gerekir.

Açıklığa kavuşturmak gerekirse, bir grubun ana avatarının yüksekliği 332 ise, bundan 50 çıkarırız ve ana menünün yüksekliğini 282'ye eşitleriz. Boyutlar önemli değilse, yükseklik isteğe göre ayarlanabilir. .

Bir topluluk oluşturduktan sonraki adım materyaller oluşturmak olacak ve burada katılımcıların topluluk oluşturmasını yasaklamamız gerekiyor. Ek Sayfalar ve bloklar, ancak yalnızca duvara yazın. Bunun için grup avatarının altında “topluluk yönetimi” adı verilen ve aşağıda gösterildiği gibi materyallerimizi “kısıtlı” hale getirmemiz gereken bölüme gitmeniz gerekecek.

Şimdi genel kompozisyonu oluşturmaya başlayalım. Tabii ki, açıklamaya avatar yerine bir resim ekleyebilirsiniz, ancak amatör olmayalım ve size bunu profesyonelce nasıl yapacağınızı göstereceğiz, böylece tam teşekküllü bir resim haline gelir, birbirine dönüşür.

Photoshop'ta resimlerimiz için içindeki açıklıkları keserek şablon olarak kullanacağımız 600x350 piksel boyutlarında yeni bir tuval oluşturalım. Çalışmak için tüm elemanların ve cetvellerin boyutlarını piksellere dönüştürmemiz gerekiyor ve bu şu şekilde yapılıyor: "Düzenle-kurulum-ana" ve burada pikselleri ayarlıyoruz.

Oluşturmanın bir sonraki adımı menüyü aç Daha sonra indirmek için alacağımız banner ve avatar için kupürler yapmak gerekiyor. Bunu yapmak için soldaki bölüme gidin dikey menü ve kesmeyi seçin.

Farenin sol tuşunu kullanarak sanki bir alan seçiyormuş gibi ihtiyacımız olan büyüklükteki blokları seçmelisiniz ve her seçimden sonra “Sil” butonuna basıp seçmelisiniz. %50 gri. Bu tür eylemler, blokların gerekli boyutta olmasına ve ana arka plandan farklı bir renkte vurgulanmasına yol açacaktır.

Şunun gibi görünmeli:

Şimdi sadece silgiyi seçiyoruz ve her gri bloğa tıklayıp kesikli bir şablon elde etmek için "sihirli silgi" işlevini kullanıyoruz. Bir sonraki adım, ana görselimizi seçip arka planın altına yerleştirmek ve üzerine menünün adını veya diğer reklam unsurlarını içeren metin yazabileceğiniz hazır resimler elde etmektir.

Harika. Tasarımımızın bir resmini yerleştirdikten sonra sadece “Web için kaydet”i seçiyoruz ve sonuç olarak 2 resmimizi elde ediyoruz. Şimdi grubumuza geri dönüyoruz ve ana avatarı (dikey) doldurabiliyoruz. Menü için banner'ı biraz sonra wiki işaretleme koduyla çalışırken kullanacağız.

Kullanıcıyı üçüncü taraf bir sitenin gerekli bölümlerine veya grubun kendisindeki albümlere ve kataloglara yönlendirecek aktif öğelerle menüyü kendisi oluşturalım. Çeşitlilik için yeni bir görsel kullanacağız -))).

Öyleyse Photoshop'a geri dönelim ve 400x300 piksel boyutlarında yeni bir tuval oluşturalım. Daha sonra şu bölümü seçin: file-place ve menünün arka planı için bir resim seçin.

Gelecek menümüzün butonlarını resmin üzerine yerleştirip yukarıda yaptığımız gibi gerekli blokları seçerek resmi kesiyoruz. Daha sonra "web için kaydet" i de seçip kesimlerimizin bulunduğu bir klasör alıyoruz. Benim durumumda ayrı bir klasörde 4 fotoğraf var.

Artık Photoshop'tan indirdiğimiz resimleri ayrı bir albüme yükleyip meraklı gözlerden saklamamız gerekiyor. Yüklendikten sonra her resim yeni adını ve benzersiz kimliğini alacaktır.

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

• Materyaller “kısıtlı” modda açılır;
• Tartışmalar dahil;
• Fotoğrafların bulunduğu klasör herkese açıktır.

Artık geriye kalan tek şey menünün görüntüleneceği sayfamızı yapılandırmak. Bunu yapmak için şuraya gidiyoruz: ana sayfa topluluklar ve seçim taze malzemeler ve düzenleyip “MENÜMÜZ” olarak adlandırın.

Daha sonra Photoshop'ta keserken aldığımız resimleri eklememiz gerekiyor. Bazı insanlar işaretleme kodları kullanır, ancak fazla düşünmemek için, kamera simgesine tıklayarak resim eklemeyi seçmenizi ve birbiri ardına yüklemenizi öneririm.

Üzerinde çalışıyorum Metin düzeltici resimleri yükledikten sonra sağ üst köşedeki parantez şeklindeki simgeye tıklarsak şu kodu görmeliyiz:

Tavsiye: Önemli bir nokta Görüntüler yüklendikten sonra dolgu kaldırılır. Bu, görüntü boyutlarının önüne "nopadding" eklenerek çözülebilir.

Açıklayıcı olsun diye aşağıda neyin nereden geldiği yazıyor ama her şeyin otomatik olarak girileceğini ve akıllı olmaya gerek olmadığını ve bazılarının her resmi yazıp kimliğini alması gibi açıkları göz önünde bulundurarak indirip kaydediyoruz.

[]
xxxxx görüntünüzün kimliğidir
yyyyy - piksel cinsinden genişlik (maksimum 388)

Sonunda şu şekilde görünmeli:

Artık resimlerimiz ayrı bir banner'da toplanıyor. Her öğeye bir bağlantı eklemek için, işaretleme devre dışı bırakılmış görsele tıklayın ve kopyalanan URL'yi bağlantı bölümüne yapıştırın.

Ve şimdi VKontakte menümüzü oluşturmanın en önemli ve son noktasına geliyoruz. Şimdi sayfamızı resimlerle 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 taslak menü hazırladık ve bunun için bir şablon hazırladık. Şu anda tam olarak ihtiyacımız olan şey bu.

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

Aşama 1.

Sayfa adresini metin alanına yapıştırın Yeni giriş duvarda, ardından bir bağlantıya dönüştürülür.

Adım 2.

Gönderiye menü yer tutucumuzun bir resmini ekliyoruz ve gönder'e tıklıyoruz.

Aşama 3.

Şimdi gönderiyi yayınladıktan sonra gönderinin sol alt kısmındaki oluşturulma zamanına tıklayın ve “PIN”i seçin.

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

• Bir yapı oluşturuyoruz ve menü görsellerinin tasarımını sıralıyoruz;
• Tüm görselleri yeniden boyutlandırıyor ve kesiyoruz;
• Fotoğrafları albümlere ekleyin;
• Tüm kesimleri editörde düzenleyip grubun ana sayfalarında yayınlıyoruz.

Çalışmalarımız sonucunda bu menüyü elde edeceğiz.

Ancak tıklandığında menünün kendisi aktif bağlantılarla açılacaktır. Boyutlarla oynamaya ve bunları ekranınıza sığacak şekilde ayarlamaya değer, ancak mobil cihazlarda görüntülemeyi de unutmayın.

ÖNEMLİ: 2016 yılında VK tasarımı değiştirildikten sonra görseller oluşturulurken ve resimlere ilişkin 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 bir VKontakte grubu için nasıl güzel bir menü hazırlayacağınızı kolayca anlayabilirsiniz. Blog güncellemelerine abone olun ve yakında yeni yazılarda görüşmek üzere. Sorularınız varsa yorumlara yazın, size kesinlikle yardımcı olacağım.

Okuduklarınızı pekiştirmek için bir video ekliyorum -))).

Grubunuz için güzel bir menüyü nasıl çizeceğimizi bulduk. Ve bugün VKontakte'deki bir sayfaya doğrudan bir menü yerleştirmeyi ve bunun için nasıl oluşturulacağını öğreneceğiz. dahili sayfalar. O zaman hadi gidelim!

1. Adım. Menü öğelerini vk.com'a yükleyin

Gruba gidiyoruz ve içinde bir önceki dersin ödevini tamamlarken elde ettiğimiz menü öğelerini yükleyeceğimiz bir albüm oluşturuyoruz. Bunu yapmak için üzerine tıklayın Albümler ana sayfadaki fotoğraf bloğunda ve açılan pencerede Albüm oluştur. Onu arayalım Yönetici için albüm.

Not: Ana sayfada bir fotoğraf bloğunuz yoksa öğeye gidin Topluluk yönetimi(bunu birinci ve ikinci derslerde zaten yapmıştık) ve tam tersi Fotoğraflar seçmek Açık veya Sınırlı(Aşağıdaki derslerden birinde size albümler ve nasıl oldukları hakkında daha fazla bilgi vereceğiz).

Yeni oluşturulmuş boş bir albüm göreceksiniz. Tıklamak Albüme fotoğraf ekle ve çizdiğiniz menü bölümlerini yükleyin.

Geriye kalan tek şey grup menüsünü bu parçalardan oluşturmak.

Adım 2. Öğelerden bir menü oluşturma

Menü düzenleme sayfasına gidin (bunun nasıl yapılacağı). Düzenleme modunun etkin olup olmadığını kontrol edin Wiki işaretleme modu. Artık burada (ikinci dersin görevlerini tamamladıysanız) köşeli parantez içine alınmış menü öğeleriniz var. Henüz onlara dokunmuyoruz ama aşağıya yazıyoruz:

benzersiz numara - bu, vk.com web sitesine yüklendiğinde kendisine atanan fotoğraf numarasıdır. Görüntülemek için indirilen fotoğrafı tıklayarak açın ve tarayıcının adres çubuğuna bakın:

388 piksel- bu menünüzün genişliğidir

Sınır yok- menü öğelerinize siyah bir çerçeve verilmediği anlamına gelir

Dolgu yok- resimler arasında mesafe olmayacağı anlamına gelir (menünün kusursuz olması için ihtiyacımız olan şey budur).

Sonunda bir boşluk gereklidir, aksi takdirde hiçbir şey çalışmaz.

Menünüzdeki öğe sayısı kadar (ve buna göre çizdiğiniz resim sayısı kadar) satır oluşturmalısınız:

Resimlerin sırasını karıştırmamaya dikkat edin.

Grubun ana sayfasına gidiyoruz, güncelliyoruz (düğmeye tıklayın) Güncelleme tarayıcıda veya sadece F5). Sonuca hayran kaldık!

3. Adım. Dahili sayfaları menüye ekleyin

İkinci derste materyal düzenleme modunda bir grup için menü oluştururken, öğelerini köşeli parantez içine yazdık. Artık bunları güzel tasarlanmış menünüzün üzerinde bağlantı şeklinde görüyorsunuz: örneğimizde bunlar bağlantılardır Nasıl sipariş verilir?, Nasıl ödenir vesaire.

Düğmeye tıklamak İçerikle doldurun, kendimizi zaten aşina olduğumuz materyalleri düzenlemek için sayfada buluyoruz.

Sayfaya hangi erişime sahip olduğumuzu hemen kontrol ederiz (sayfayı görüntüleme erişiminin ayarlanması gerektiğini unutmayın - Tüm kullanıcılar ve düzenleme erişimi Yalnızca editörler ve yöneticiler) ve bilgiyle doldurun.

Sayfayı bilgilerle doldururken metni kalın, italik yapmak, hizalama eklemek veya listelemek amacıyla vurgu eklemek için metin biçimlendirme panelini kullanabilirsiniz:

Bu paneli kullanarak metni biçimlendirmek, Word'de çalışmaktan daha zor değildir: metni fareyle seçip ihtiyacınız olan düğmeye basmanız yeterlidir.

Wiki işaretleme modunda olduğunuz için, biçimlendirme komutlarını uyguladığınızda metninize belirli karakterler eklenecektir. Örneğin italik komutunu seçtiğinizde italik yapmak istediğiniz kelime tırnak işaretleri arasına alınacaktır. Bu semboller wiki işaretleme dilinin unsurlarıdır. Metnin sayfada nasıl görüneceğini görmek için düğmeyi tıklayın. Ön izleme:

Ve şöyle oluyor:

Not: Wiki işaretleme modunda metni düzenlemeyi öğrenmenizi öneririz, çünkü kararsız olan görsel düzenleme modundan farklı olarak öngörülebilir sonuçlar verir. farklı tarayıcılar. Bazen görsel düzenleme moduna tek seferlik geçiş bile sayfa tasarımını bozar.

Edinilen bilgileri kullanarak sayfamıza önem veriyoruz ve tıklıyoruz Sayfayı kaydet. İşte elimizde olanlar (unutmayın, bu sadece bir örnek):

Bu adımı sayfalarımızın her biri için tekrarlıyoruz (buna sahibiz) Nasıl sipariş verilir?, Nasıl ödenir, Doğru boyut nasıl seçilir Ve Teslimat ne kadar sürer?) sayfa hariç

Herkese merhaba, blog sitesinin sevgili okuyucuları. Konuma devam ediyorum - aslında her şey göründüğü kadar karmaşık değil ve burada incelenecek özel bir şey yok. Profesyonelliğiniz tamamen uygulamaya bağlıdır. Tamam, bugün gruplarınızın güzelliğinden, gruplarınızdaki menünün güzelliğinden ve menüyü ve grupların kendilerinin ve kendi ellerinizle nasıl güzelce tasarlanacağından bahsedeceğiz, yani. bedava!

SMM sektörünün basitliğinden bahsetmişken, sonuçlara ulaşmak için teoride bilmeniz gereken daha fazla dal ve püf noktası var. Tamam, her iki alanda da müşterilerim olmasına rağmen bu alanlarda hala çok zayıf olabileceğimi de kabul ediyorum.

İyi o zaman, VKontakte grupları için bir menü oluşturalım mı?

VKontakte grubundaki menüyü kendiniz nasıl tasarlayabilirsiniz?

Evet, tamamen kendi başınıza çünkü bu makaleyi okuduktan sonra serbest çalışanların hizmetlerine ihtiyacınız olmayacak. Bu pahalı bir iş olmasa da 1500'e Workzila'da menü yapabilirsiniz (Bu borsayla çalışmayla ilgili detaylı bir deneyim yazdım).

Yani VK'da bir grup oluşturmak için ihtiyacımız olan şey bu:

1. Düzen (öğelerin grafiksel düzeni) - her şeyin nerede olması gerektiğini bilmeliyiz.

2. Wiki işaretlemesine ilişkin temel bilgiler. (Aşağıda en standart şeylerden bahsedeceğiz ancak detaylı bir çalışma için tavsiye ederim) bu grup ).

3. Photoshop ile çalışma konusunda temel beceriler. Düzenin parçalarını gerekli boyuta kesmeniz gerekecektir.

Menü düzenlerini nereden alabilirim?

VKontakte menü tasarımına yönelik düzenler alınabilir Farklı yollar, Örneğin:

1. Serbest çalışma veya Workzilla.

2. Photoshop becerileriniz varsa kendiniz oluşturabilirsiniz. Değilse, Evgeniy Popov'un kurslarını öneririm, işte onlardan biri, sadece Photoshop için - tıklayın.

3. Hazır olanları Google'dan indirip indirebilirsiniz. İnanın bana, bunlardan epeyce var.

Öte yandan... Neden Google? Site güncellemelerime abone olmanız yeterli. Ve butonlara tıklayın sosyal ağlar altında.

Sizin için özel olarak bir arşiv hazırladım; VKontakte grupları için 100'den fazla farklı tasarım!. Arşiv açıldığında yaklaşık 2,5 gigabayt yer kaplıyor.

Temel şart abone olmak ve sosyal butonları takip etmektir!

Teşekkür ederim. Artık arşivi bu bağlantıdan indirebilirsiniz.
Geri kalan sosyal butonlara da göz atmayı unutmayın.

VK gruplarını tasarlamak için yararlı olan avatarların ve menülerin boyutları

Bir grup veya genel sayfayı düzgün bir şekilde tasarlamak için kullanmanız gereken resimlerin boyutunu bilmeniz gerekir. Bu resme dikkat etmenizi rica ediyorum.

Gördüğünüz gibi grupta avatarın genişliğinin 200, yüksekliğinin ise 500 piksel olması gerekiyor. Ve ana menü görüntüsü için - 395 piksel genişliğinde ve 289 piksel yüksekliğinde.

Temel olarak ihtiyacınız olan tek şey bu. Düzenler var, boyut anlayışı var.

Yaratıcı kısım bitti; geriye sadece küçük bir iş kaldı. Gruplar için menü oluşturma sürecinin tamamının teknik kısmına başlıyoruz.

Elinizde düzenler olan bir VKontakte grubunu kendiniz nasıl oluşturabilirsiniz?

Grup tasarımı maketlerimiz var. Şimdi gerekli parçaları kesmeniz gerekiyor.

Elbette grup avatarı için hiçbir şeye gerek yok. Mizanpajdan veya resimden gerekli kısmı kesip gruba yapıştırıyoruz. Sanırım kendin ekleyebilirsin? Umarım öyledir. Değilse yorum yazın, bu bölümü yazıya ekleyeceğim.

Şimdi menünün kesilmesi gerekiyor. Menünün kendisi değil elbette ama menünün her parçasının (düğmelerin) mutlaka kesilmesi gerekiyor.

Öncelikle biraz eğitim.

Grup menüsünün genel menüden farkı nedir?

Grup menüsünün aslında bir dizi düğme olması bakımından farklılık gösterirler. Ancak bu menü her zaman gizlidir! Her zaman! Ve genel menü her zaman açıktır ve aslında menünün kendi bölümlerinin (düğmeler) bulunduğu bir sayfaya yönlendiren sabitlenmiş bir gönderi bağlantısıdır.

Yani yine: bir grupta - menüyü görmek için "Grup Menüsü" düğmesine tıklamanız gerekir, varsayılan olarak bu düğmeye "Son Haberler" adı verilir.

Ve halka açık olarak (bu arada, bir grupta da yapabilirsiniz) menü her zaman açıktır.

Ancak bu resim, daha büyük, ayrı bir menüye giden büyük ve güzel bir bağlantıdır. Burada:

Menüdeki bu resim düğmesi sabitlenmiş bir gönderi aracılığıyla oluşturulmuştur. Bu sadece grupta sonsuza kadar sabitleyeceğimiz bir gönderi! Bu yazının bağlantısı şuraya gider: ayrı sayfa bunu nazikçe önceden oluşturacağız.

VKontakte menüsü için ayrı bir sayfa nasıl oluşturulur

Gelecekteki menü (gezinme) için bir sayfa oluşturmak için aşağıdaki isteği VK'ya göndermeniz gerekir:

XXX grup numarasını, YYY ise sayfa adını gösterir (burada tüm soru işaretleri ve tire işaretleri gereklidir).

Üstelik ismi normal, çekici ve anlamlı hale getirmenizi tavsiye ederim çünkü parlayacak ve insanlar bu isme dayanarak siz ve grubunuz hakkında belli bir izlenim oluşturacaktır. Örneğin, “Navigasyon” veya “Grup Menüsü” normal adlardır ancak banal görünürler. Hayal gücünü kullan.

Aşağıdaki sorguyu girdim

Ve hemen düzenleme yeteneğine sahip oluşturulmuş bir sayfayı açtım.

Wiki işaretlemesini kullanarak menünün kodunu buraya eklemeniz gerekecek. Ancak daha sonra bunun hakkında daha fazla bilgi vereceğiz.

Bu arada, size bir sır vereceğim, eğer bir grubunuz varsa (herkese açık değil) - varsayılan olarak zaten mevcut olan standart bir menü - bu zaten başlı başına bir sayfadır. Yani ek sayfa oluşturmada sorun yaşıyorsanız kullanabilirsiniz.

Bir grupta veya herkese açık olarak sabitlenmiş bir gönderi nasıl oluşturulur?

Evet ve her tür toplulukta sabitlenmiş bir gönderi aynı şekilde oluşturulur! Her şey çok basit bir şekilde yapılıyor.

Açılan pencerede "Sabitle" düğmesini tıklayın - çok basit!

Bu arada birçok grup sabitlenmiş gönderileri duyuru olarak kullanıyor. Bu reklamın alaka düzeyi geçmişse, yayınlanma tarihine ve "Sabitlemeyi kaldır" düğmesine tekrar tıklamanız yeterlidir.

Aslında artık herkes bu özel menü yöntemini kullanıyor.

Tahmin et neden?

Yani, sayfaları nasıl oluşturacağımızı ve gönderileri nasıl sabitleyeceğimizi zaten biliyoruz. Serin. Ram düzenlerimize dönelim.

Grup veya genel tasarım için bir düzenin kesilmesi

Yani avatar için her şey açık, burada hiçbir şeyi kesmiyoruz. Gerekli boyutta bir resim oluşturduk ve VK'ya yükledik. Tüm. Grup avatarıyla işimiz bitti!

Şimdi menü.

Mesela menüyü bu gruptan aldım. Bunu kendim yaptım ve hâlâ erişebiliyorum, böylece sayfaların kodlarını bile gösterebiliyorum.

Yani, menünün ana görselini nasıl oluşturacağınızı zaten biliyorsunuz; bu sadece sabitlenmiş bir gönderi.

Menüye tıklayın ve resmi görün.

“Tıklanabilir” bölgeleri vurgulamamız gerekiyor.

onlar. düğmelerin kendisini seçin. Bu alanları sizin için kırmızı çizgilerle vurgulayayım.

Ne kadar alıyoruz? 5 resim. Ve her resim bir düğme olmayacak!! Gördüğünüz gibi üstteki büyük resim bir düğme değil kendisi...

Böylece resimleri bu çizgiler boyunca kesiyoruz. Şimdi onu VK'ya “yüklemeniz” gerekiyor.

Menü için ayrı bir sayfa oluşturduysanız, yeni oluşturulan sayfada “İçerikle doldur” butonuna tıklayın.

Bu sayfayı oluşturmadıysanız ancak zaten kullandıysanız hazır sayfa menü için - sayfa düzenleyiciyi önünüzde bulacaksınız ve fotoğrafları hemen yükleyebilirsiniz:

Doldurduğunuzda aşağıdakileri görmelisiniz:

Aşağıdaki resimdeki gibi bir kodunuz olabilir. Değilse “Kaynak Kodu” butonuna tıklayın, bu butonu üstteki resimde vurguladım. Ve aşağıdakileri göreceksiniz:

Burada kafamızın karışmaması için tüm resimleri sıraya koymamız gerekiyor (ben de öyle yapıyorum).

Resimlerin arasında dolgu olmaması için "nopadding" etiketini girin, şöyle görünmelidir:

bu sayfa-58190479_45419120 - bu VKontakte sayfasının adresidir, bu tanımlayıcıyı tarayıcınızın adres çubuğunda bulacaksınız.

Bu kadar :) Zor değil mi?

Kodumda bulduğum şey bu. Benzer bir şeyiniz varsa, her şey yolunda demektir.

Herhangi bir noktada sorun yaşarsanız lütfen bizimle iletişime geçin. Yardım etmekten memnuniyet duyarım.

Bu fırsatı değerlendirerek her türlü terfi ve hileye karşı harika hizmetlerin olduğunu hatırlatmak isterim, bunlar:

başarılı | ortak | sosyal araçlar

Söylenmesi gereken tüm sırları söylememiş olabilirim. Bir şeyi kaçırdığımı itiraf ediyorum, sonuçta makale kısa değildi - bariz bir eksiklik fark ederseniz bana yazın. Şimdiden teşekkürler.

Açıklama metninin tamamının aynı anda görünebileceğini ve "Tam olarak göster" seçeneğine gitmeyeceğini lütfen unutmayın. Oklar, tüm bilgilerin okunması kolay bloklara bölünmesine yardımcı olur.

Açıklamada benzersiz satış önerimi yansıtmaya çalıştım - okuyucu bu grupta çalışmanın tüm özelliklerini bulabileceğinizi hemen anlıyor sosyal ağ Bir uzmandan VKontakte.

Bir VKontakte grubu için açıklama nasıl yazılır?

Yani açıklamanızı okunabilir hale getirmek istiyorsunuz ancak bir VKontakte grubunun açıklamasına nasıl ifade ekleyeceğinizi bilmiyorsunuz. Burada da karmaşık bir şey yok. Grupta ihtiyacınız olan ifadeyi alabilirsiniz.Bu video eğitiminde bunun pratikte nasıl yapıldığını görebilirsiniz.

Son zamanlarda, giderek artan sayıda VKontakte topluluğu, topluluk avatarıyla aynı tarzda yapılmış sabitlenmiş bir banner kullanıyor.

Çok hoş görünüyor, ancak asıl mesele, sabitlenmiş banner'ın arkasına gizlendiği için ziyaretçilerin artık grubun açıklamasını görememesidir. Bu durumda çıkarabilirsiniz önemli bilgi Ziyaretçilerinize doğrudan banner üzerinde iletmek istediğiniz mesajı.

Grubumda, abonelerimin grupta ne gibi ilginç şeyler bulabileceğine dair banner bilgisini koyuyorum ve bu adım adım talimatlar, video eğitimleri, web seminerleri ve haberler.

Örnek olarak bir süre önce tasarımını tasarladığım başka bir topluluktan bahsetmek istiyorum. Bu grupta açıklama da bir banner ile kaplanmıştır. Müşterilerin fayda ve çıkarlarının doğrudan banner'a yansıdığını lütfen unutmayın.

Şu soru ortaya çıkıyor: Banner'ı hemen sabitlemeyi planlıyorsanız bir açıklama yazmaya değer mi? Kesinlikle buna değdiğini söyleyebiliriz.

VKontakte grubunuzun açıklamasına doğru bir şekilde girdiyseniz anahtar kelimeler , o zaman hem Google hem de Yandex sizi arama sonuçlarının en üstüne getirebilir. Bu nedenle, her durumda, topluluğun tanımını ihmal etmemelisiniz.

Özetleyelim

1. Açıklama kısa, anlamlı ve özlü olmalıdır;
2. Okunabilir olmalıdır;
3. Açıklama, anahtar kelimeler içermeli ve USP'nizi (benzersiz satış teklifi) yansıtmalıdır;
4. Açıklama, hedef kitlenizin faydalarını, ilgi alanlarını ve acılarını içermelidir;
5. VKontakte grubunun açıklamasını kalp ve ok şeklinde çeşitli süslemelerle aşırı yüklemeye gerek yok - bu, dikkati projenizin özünden uzaklaştırır;
6. Açıklama bir harekete geçirici mesaj içeriyor.

Topluluğunuzun açıklaması nedir? Sorularınız varsa sormaya çekinmeyin! Cevaplamaktan mutluluk duyacağım.

Makaleyi beğendiyseniz arkadaşlarınızla paylaşın!

Tartışma: 8 yorum

1. Julia, grubu anlatırken iyi iş çıkardın!)