İletişim halindeki bir grup için hazır menü. vkontakte'yi oluşturun. Genel menü nasıl yapılır? (sabit)

Selamlar sevgili arkadaşlar. Bugünün gönderisinde, bir Vkontakte grubu için menü oluşturma hakkında konuşmak istiyorum. Bunu yapmak ilk bakışta göründüğü kadar zor değil ve en azından temel Photoshop veya Paint bilgisine sahipseniz, kesinlikle başaracaksınız. Öyleyse başlayalım.

Doğru yapı ile menü, işletmeniz için satış sayısını veya müşteri akışını artırabilir, bu zaten grubun ne tür bir odağa sahip olduğuna bağlıdır. Örnek olarak, bir çevrimiçi giyim mağazasının tasarımını ele alalım:

Yapı çok net bir şekilde oluşturulmuştur, kullanıcı neredeyse birkaç tıklamayla ihtiyaç duyduğu her şeyi bulabilir: telefon numaraları, adresler, siparişler hakkında bilgiler, ürün kataloğu vb. Bence bu tasarım satışların en az 2 kat artmasına yardımcı oluyor.

Bu versiyonda menü, bölümlere ayrılmış bir ürün kataloğudur ve bu da onları aramayı çok kolaylaştırır. Çeşitli operatörlerin iletişim numaraları, müşterilerin satıcıyla hızlı bir şekilde iletişim kurmasını sağlayacak topluluk avatarına yerleştirilmiştir.

Ve işte başarısız bir çözüm örneği:

Katalog, kimsenin nereye gittiğini bilmediği sıradan bağlantılar şeklinde tasarlanmıştır. Onlardan geçmek için özel bir istek olmadığını kabul edin, aksine gruptan ayrılmak istiyorum.

Bu örneklerde, çevrimiçi mağazalar için tasarım seçeneklerini inceledik, ancak benzer bir şeyi başka konularda da kullanabilirsiniz. Formül basit: net bir yapı + grafik tasarım = müşteri akışı ve satışlarda artış.

Şimdi tüm bunlara teknik açıdan bakalım.

Vkontakte grubu için bir menü oluşturuyoruz

Her şeyden önce, gelecekteki menünün grafik düzenini oluşturacağız. Bu amaçla Photoshop programını kullanacağız (basit bir resim için standart Paint gayet yeterli olacaktır). Programı açın ve yeni bir belge oluşturun:

500×500 piksellik bir görsel oluşturacağım ancak bölümlerin sayısına ve konumuna göre görselin boyutu farklı olabilir.

Şimdi arka plan olarak kullanmak istediğiniz görüntüyü indirin ve tuvale aktarın. Programın profesyonel bir kullanıcısıysanız, arka planı kendiniz çizebilirsiniz.

Ardından, arka plan resminin üzerine önceden tasarlanmış bölümleri, düğmeleri ve telefonları yazın. Bunları daha sonra bağlantılara dönüştüreceğiz:

Kesimleri olabildiğince doğru yapmak için CTRL + R tuşlarına basarak yardımcı çizgileri kullanmanız gerekir. Farenizi üst satırın üzerine getirin ve resmin üzerine şu şekilde sürükleyin:

Son adım nesneleri kesmektir. Bunu yapmak için, üst araç çubuğundaki “Kılavuzlardan Dilimler” düğmesine tıklayın:

Çerçeveyi web cihazları için kaydediyoruz. Görüntü biçimini JPG olarak ayarlayın, maksimum kaliteyi seçin ve örneğin masaüstüne kaydedin:

Masaüstünde, gruba aktarmamız gereken geleceğin menüsünün iskeletini içeren bir klasör belirdi.

Wiki işaretlemesini kullanan menü ekranı

Grubunuzda "topluluk yönetimi"ne gidin ve "materyaller" bölümünün etkin olup olmadığını kontrol edin. Bölüm devre dışıysa etkinleştirin:

Bundan sonra, grupta "Son haberler" sekmesi görünecektir. "Düzenle" düğmesine tıklayın, bir metin düzenleyiciye aktarılacaksınız:

Standart başlık yerine kendi başlığınızı yazın ve ayrıca elmas simgesine tıklayarak viki işaretleme modunu açın:

Şimdi grubu yeni bir sekmede açın ve hazırlanan çerçeveyi fotoğraf albümüne yükleyin ve aşağıdaki kodu çerçevenin parçalara bölündüğü kadar metin düzenleyiciye yapıştırın:

[ [ photo133337_133701019|370px;nopadding;|page- 13333337 _13333337] ]

“photo133337_133701019” değeri yerine fotoğrafa bir link eklemeniz gerekiyor

"page-13333337_13333337" değeri yerine, grubun istediğiniz sayfasına veya bölümüne bir bağlantı eklemeniz gerekir.

370 piksel yerine kendi boyutlarınızı seçebilirsiniz ve nopadding parametresi tam teşekküllü bir görüntü görüntülemenizi sağlar, onsuz menümüz kesilmiş parçalar halinde görüntülenir.

“Görüntüle” butonuna tıklayarak menünün grupta nasıl görüneceğini görebilirsiniz. Her şey uygunsa, "Sonuçları Kaydet" i tıklayın ve yapılan işin tadını çıkarın.

Selamlar, sevgili arkadaşlar ve blogun konukları. Bugün VK'da menüler oluşturmaktan ve bunun bir sosyal ağın yeni tasarımında nasıl yapılacağından bahsedeceğiz. Farkında olunması gereken gerçekten önemli bazı değişiklikler var, çünkü menü hakkında yazdığım eski tasarımda yapılırsa, o zaman resimler yan görünebilir.

Vkontakte grup menüsü onun yüzü. Topluluğa ilk girdiğinde onu gören kullanıcıdır ve her şeyin ne kadar erişilebilir ve çekici bir şekilde tasarlandığı, büyük ölçüde grubun kalıcı bir üyesi olup olmadığına bağlıdır.

ÖNEMLİ: VK'daki genel tasarımı değiştirdikten sonra, sosyal ağdaki menü resimlerinin boyutları da değişti. Çalışmanızı kontrol edin ve aşağıda tartışılan gruplarda değişiklikler yapın.

Menü türleri ve özellikleri

Bir topluluk oluşturmanın ilk adımı, ana amacına karar vermektir. Menünün gelecekteki tasarımı ve işlevsel özellikleri buna bağlıdır.
Grubun hedeflerine bağlı olarak menü şöyle olabilir:

bilgi platformu için;
;
öğrenme sitesi için.

Ana kısım bilgilendirme amaçlıdır. Bunlar, kullanıcıya bir tür eğlenceli veya eğitici içeriğin sağlandığı topluluklardır. Böyle bir grup için ana konuları gösteren bir menü kullanmak en iyisidir. Bu nedenle, popüler halklar bölümler oluşturur: haberler, en son yayınlar, popüler yayınlar ve özellikle grubun konusuyla ilgili bölümler.

Ticaret ve eğitim halklarının menüleri benzer olabilir. Her ikisinin de amacı, kullanıcınızın ürün veya hizmet yelpazesinde gezinmesine yardımcı olmaktır. Satış menüsü, kural olarak, Ürün Kataloğu, Ödeme, Teslimat, Promosyonlar ve indirimler gibi bölümleri içerir ve eğitim için, buradaki ana şey kullanıcının bulması için hizmet açıklamaları içeren bölümlerle sınırlandırılabilir. ihtiyaç duyduğu eğitim programı veya materyali.

Vkontakte grubunda bir menü nasıl oluşturulur: adım adım talimatlar

Tüm süreç 2 aşamaya ayrılabilir:

Photoshop'ta çalışın;
Grubun kendisine bölümler ve resimler ekleme.

Vkontakte grubunda bir menünün nasıl oluşturulacağı sorusuna doğru bir şekilde cevap vermek için, gelecekteki tasarımı tüm bölümlerle görsel olarak hayal etmelisiniz ve ardından bu süreçte hala akla gelen öğeleri ekleyebilirsiniz.

İlk aşamada, bir grup avatarı ve menünün kendisi için resimler oluşturulur. Tek bir resim hem avatar hem de menü için daha uyumlu görünecektir.

Birçok kullanıcı buna özel önem verdiğinden, bir avatarın seçimi veya oluşturulması ciddiye alınmalıdır. İnternette uygun bir resim bulabilir ve ona Photoshop'ta bir yazı veya bazı öğeler ekleyebilir veya tamamen benzersiz bir görüntüyü kendiniz yapabilirsiniz.

Ayrıca bir açılır menü yapmamız gerektiğinden, grubun temasına en uygun bir resim arıyoruz veya oluşturuyoruz veya sadece güzel bir arka plan alıyoruz. Geleneksel fotoğraf editörlerinin işlevselliği gerekli tüm işlemler için yeterli olmadığından, görüntüyle çalışma Adobe Photoshop'ta gerçekleştirilecektir. Tüm boyutlar, Vkontakte sosyal ağının kendisi tarafından belirlenir ve yukarı veya aşağı önemli sapmalar, avatarın ya hiç yüklenmeyeceğine ya da menü ile bir olmayacağına yol açacaktır.

Eylem algoritması:

Photoshop'u açın ve "dosya" - "oluştur"a gidin ve genişliği ve yüksekliği ayarlayın: sırasıyla 760X500.

"İç içe yerleştirme" aracını ve ardından - "bölünmüş parça"yı seçin. Resmi yatay olarak 3 parçaya bölün. Açılır pencerede sol veya sağ kenardan bir parça için (avatarda hangi kısmı görmek istediğinize bağlı olarak), genişlik ve yükseklik değerlerini - 200XX ve Y) - 560 ve 0 yazın . Bu, grup avatarı olacaktır.

Bir sonraki parça için genişlik ve yükseklik değerlerini 50X500 olarak ayarlayın ve koordinatlarında 510 ve 0 yazın.Bu, grup avatarı ile menü arasındaki boşluktur. Bu kısma daha sonra ihtiyaç duyulmayacaktır.

Yine, "bölünmüş parça" yı seçin ve dikey olarak 2 parçaya bölün. Yukarıdaki parça için değerleri ayarlayın: genişlik - 510, yükseklik - 182, koordinatlar - 0. Bu, menünün üzerindeki alandır. Bu kısım da grupta görünmeyecek.

Şimdi seçilen veya oluşturulan görüntüyü oluşturulan ve bölünen nesneye kopyalıyoruz. CTRL+V kısayol tuşları çalışmazsa, bilgisayarınızda görüntünün kaydedildiği konumu açın ve Photoshop'a sürükleyin.

Kalan alan, menüde bölümler olduğu kadar çok parçaya dikey olarak bölünür. Onlar için bir değer belirlemeniz gerekmez.
Her bölümün başlığını yazıyoruz.

Son adım, görüntüleri kaydetmektir. Resimleri şu şekilde kaydetmeniz gerekir: dosya - Web için kaydet. Bu yöntem, Photoshop'un sonraki sürümleri için uygundur. “Dosya” bölümünde “Web için kaydet” yazısı yoksa şu şekilde ilerliyoruz:

"Dosya" öğesine gidiyoruz, "dışa aktar" - "Web için kaydet" i seçiyoruz. Tüm parametreleri olduğu gibi bırakıyoruz. Tekrar "kaydet"i tıklayın.

Bilgisayarınızda bir klasör seçin ve görüntüleri oraya kaydedin. Sonunda şöyle görünmeleri gerekir:

Şimdi Vkontakte grubunda bir menünün nasıl oluşturulacağını tam olarak anlamak için ikinci aşamaya geçiyoruz - doğrudan halka bir menü ekleyerek. Bunun için:

Her şeyden önce, ana sayfaya herhangi bir bölüm eklemenin tek yolu bu olduğundan, Materyalleri bağlamanız gerekir. Bunu yapmak için Topluluk Yönetimi'ne gidin ve sayfanın en altında "Malzemeler"i seçin ve ardından - "aç"ı seçin. Değişiklikleri kaydediyoruz.

Avatar ve ihtiyaç duyulmayan kısımlar hariç tüm fotoğrafları gruba yüklüyoruz. Fotoğrafların ana sayfada görüntülenmesi için Topluluk Yönetimine geri dönüp "fotoğraflar" sekmesinin karşısına - "aç" düğmesine tıklamanız gerekir.
Bir avatar yükleniyor.
Bir sonraki adım, wiki biçimlendirme modunu etkinleştirmektir. Bunu, sayfanın sağ tarafında "düzenle" bölümünde bulunan elmas simgesine tıklayarak yapabilirsiniz.

Buraya işaretleme kodunu ekliyoruz: [], burada [], fotoğrafa tıklayarak geçişin yapılacağı bölüm veya sayfaya bir bağlantıdır. Her iki bağlantıyı da Vkontakte'deki bölümlere ve harici kaynaklara ekleyebilirsiniz.
Bu kod, her bağlantı eklendiğinde menüde bölümler olduğu kadar çoğaltılır.
İstenirse örneğin "yeni haberler" sekmesini de "menü" olarak değiştiririz.

"Sayfayı kaydet"e tıklayın, grubun ana bölümüne dönün ve sayfayı güncelleyin. Menü varsayılan olarak kapalıdır, ancak kullanıcı uygun isme tıklayarak bölümlerini açabilir ve bunlar arasında gezinebilir.

Bu, tüm süreci tamamlar, ancak bağlantıların çalışıp çalışmadığını ve fotoğrafın kenarlıklarının eşleşip eşleşmediğini mutlaka kontrol etmelisiniz.

Grup menüsü oluşturma hizmetleri

Vkontakte grubunda nasıl menü oluşturulacağını hala anlamadıysanız ve adım adım talimatlar size yardımcı olmadıysa, güzel bir şekilde oluşturacak ve hatta ekleyecek özel hizmetleri kullanabilirsiniz.
grup menüsü.

En popüler hizmetlerden biri MenuMake'dir. Başvuruyu yaptıktan sonra 5 dakikada sipariş hazır olacak ve ardından istenirse menü gruba eklenecektir. Aynı zamanda tasarım ve bölüm sayısı bakımından müşterinin tüm istekleri dikkate alınmaktadır.

Saygılarımla, Galiulin Ruslan.

Merhaba arkadaşlar!

VKontakte grubunu aboneleriniz için olabildiğince çekici hale getirmek ister misiniz? Nereden başlayacağınızı bilmiyor musunuz? Halihazırda yüksek kaliteli içeriğiniz varsa, topluluğu tasarlamaya odaklanın. Basit bir avatar seçiminden bahsetmiyorum. VKontakte grubunda menü oluşturmak, tasarım yaparken dikkat etmeniz gereken ana noktalardan biridir. Bugün ele alacağımız nokta bu noktadır.

VKontakte menüsü nedir ve ne içindir?

Menü, grubun yüzüdür. Topluluğunuza gelen herhangi bir ziyaretçinin karşılaştığı ilk şey menüdür. Bu nedenle, göreviniz mümkün olduğunca uygun ve çekici olduğunu düşünmektir. Öncelikle, abonelerinize tam olarak ne iletmek istediğinize karar vermelisiniz. Topluluğun kendisinin misyonuna bağlıdır. Sonuçta, bir grup oluşturmanın tamamen farklı hedefleri vardır: eğitim, eğlence veya amaç bir ürün / hizmet satmaktır. Buna dayanarak, gelecekteki aboneleriniz için hangi bilgilerin en önemli olduğuna karar verin.

Örneğin, kullanıcıları eğlendirmeye veya onları bir şey hakkında bilgilendirmeye odaklanıyorsa, belki de ihtiyaç duydukları bilgileri bulmanın rahatlığına odaklanın. Bu, içeriğin sağlık, moda vb. gibi ayrı konulara bölünebildiği gruplar için geçerlidir.

Topluluğunuz bir çevrimiçi mağaza biçiminde oluşturulmuşsa, yaklaşım tamamen farklı olmalıdır. Elbette mal veya hizmet aramanın rahatlığı mevcut olmalı, ancak aynı zamanda promosyonlara, yeni ürünlere, teslimat koşullarına ve ayrıca kişilerinize odaklanmalıdır.

Bu nedenle, menüyü oluştururken topluluğun temasını göz önünde bulundurduğunuzdan emin olun.

VKontakte grupları için bir menü oluşturmanın yolları

İlk adım, menünüzü nasıl oluşturacağınıza karar vermektir: otomatik veya manuel. Hızlı ve basit ama aynı zamanda yüksek kaliteli bir yöntem seçtiyseniz, VK toplulukları WikiMaker için menüler oluşturma hizmetini dikkatinize sunuyorum, bununla kolayca ve hızlı bir şekilde başa çıkarak grubunuzu daha uygun hale getirebilirsiniz. Menünün oluşturulmasında tam kontrole sahip olmak istiyorsanız, adım adım bir talimat var.

Çekici bir tasarım nasıl yapılır?

Grubun iki önemli unsurunun oluşturulmasını talimatlarda birleştirmek istiyorum: menü ve avatar. Ayrı ayrı oluşturulması istenmediğinden, kullanıcının bu iki grafik öğe arasındaki uyumu görmesi gerekir.

Daha önce bilgisayarınızda bu program yüklü değilse öncelikle Photoshop programını yüklemeniz gerekir.
Photoshop'u açın ve avatar ve menü için iki şablon dosyası oluşturun. Gerekli boyutları ayarlayın. Örneğin, bir avatar için 200×500 piksel ve bir menü için 389×600 pikseldir. Açıkça görülebilmeleri için bunları tek bir renkle doldurun ve oluşturulan iki ayrı dosyayı kaydedin.
Gruba avatarın yerine tüm alanı vurgulayan bir şablon yüklüyoruz.
Menüyü yüklemek biraz daha karmaşıktır. Bunu yapmak için, "Topluluk Yönetimi"nde materyalleri etkinleştirmeniz gerekecek. Bundan sonra, bir menü ekleme yeteneği kullanılabilir hale gelecektir. "Son Haberler" grubunun açıklamasının altında görünen sekmeye gidin ve araç çubuğundaki kamera şeklindeki düğmeye tıklayın ve dosyayı bilgisayarınızdan yükleyin. Olmuş?
İndirdikten hemen sonra, biraz değiştirilmesi gereken bir bağlantı sizin için kullanılabilir hale gelecektir. "sınırsız" kelimesinden sonra ";" işaretini girin. ve "nopadding" kelimesi. Bu özellik, topluluğa haber eklediğinizde menünüzün aşağı inmesini engelleyecektir.
Grubunuzun ana sayfasını Prnt Scrn yapıyoruz. Ne için? Hatalarını anlamak için. Gerçek şu ki, şimdi bu bir taslak versiyon - her şey pürüzsüz değil ve çok güzel değil. Amacınız menünün alt kenarlıklarının ve avatarın mükemmel şekilde eşleşmesidir. O zaman belki "Neden size tam boyutları vermiyorum?" Sorusuna sahip olacaksınız. Ancak gerçek şu ki, her yönetici grup açıklamasında farklı miktarda metin kullanır, bu da menünün yüksekliğini değiştirir ve menünün genişliği bir zevk meselesidir ve bildiğimiz gibi herkes için farklıdır.
Photoshop'a giriyoruz ve oraya bir ekran görüntüsü ekleyerek yeni bir dosya oluşturuyoruz.
Şimdi, bu dosyayla çalışırken, "dikdörtgen seçimi" kullanarak avatar alanını seçiyoruz - belirli bir alanı olabildiğince doğru bir şekilde seçebilirler. Ardından, sağ tıklayın ve "yeni katmana kes" i seçin.
Menü resmi ile aynı şeyi yapıyoruz sadece onu seçerken alttaki gereksizleri kesmeniz gerekiyor. Menünün alt kısmı ile avatarın tamamen aynı olduğundan emin olun.
Şimdi, Ctrl düğmesini basılı tutarak oluşturduğumuz iki katmanı seçin. Onlara sağ tıklayın ve "Katmanları Birleştir" işlevini seçin. Bir sayfada mükemmel şekilde eşleşen iki şablonumuz karşımıza çıkıyor.
Bir sonraki adım, kapak fotoğrafını yüklemektir. Şablonlarımızın üstünde görünür. Şimdi katman araçlarında sağda, Alt tuşunu basılı tutarken kapak dosyasına tıklayın. Bu işlemden sonra kapak sadece şablonlarda görünecek ve sınırlarının ötesinde görünmez hale gelecektir. Ancak bu, kapağı hareket ettirmenizi ve istenen görünen kısmını seçmenizi engellemeyecektir.
Artık menü oluşturmanın en önemli noktası butonlardır. Bu noktada, gelecekteki düğmelerin tam adlarını zaten bilmelisiniz. Örneğin, "Sağlık", "Çocuklar", "Kişilerimiz". Görevi kolaylaştırmak için ilk düğmeyi oluşturuyoruz, sonraki düğmeler yalnızca metni kopyalıyor ve değiştiriyor.
Avatara veya sözlü aramaya veya her ikisine bir logo ekliyoruz. Bu, grubunuza canlılık ve ayırt edici bir özellik katacaktır.
Paylaşılan dosyayı bilgisayarınıza resim olarak kaydedin. Sıradaki ne?
Photoshop'ta az önce oluşturduğumuz dosyayı açın. Ardından, avatarımızın tam boyutlarında yeni bir boş dosya oluşturuyoruz, logo ve düğmelerle oluşturduğumuz görüntüyü içine yerleştiriyoruz. Avatar için ihtiyacımız olan alanı seçiyoruz ve ideal olarak seçilen boyutlara göre ayarlıyoruz. Ardından eserimizi kaydediyoruz.
Menü ile aynı şeyi yapıyoruz. Ama yine burada bir ekleme var. Taslakla eşleşmediği için öncelikle menünün yüksekliğini bilmeniz gerekir. Bir cetvel kullanarak, yüksekliği tek bir piksele kadar ölçüyoruz (ve yanılmamak için birkaç kez ölçmek en iyisidir). Eski genişlik ve yeni yükseklik ile yeni bir dosya oluşturuyoruz, görüntüyü boyuta uyacak şekilde ayarlıyoruz ve "Kaydet" düğmesini tıklıyoruz.
Tüm alanı seçerek ve bir küçük resim seçerek yeni bir avatar yüklüyoruz.
"Son Haberler" butonu ile menüyü indirin. Önceki bağlantıyı silin, yeni bir fotoğraf yükleyin ve ";nopadding" ekleyin.
Şimdi menü düzenimizi keselim. Photoshop'un "Kesme" veya "Bıçak" aracını kullanın. Photoshop'un farklı sürümlerinde farklı şekilde adlandırılır. Her düğmenin altına, kullanıcının gelecekte belirli bağlantılara gidebileceğini gösteren ayrı dikdörtgenler oluşturmak için bir çizgi çiziyoruz.
"Son Haberler" üzerinden menüyü düzenlemeye gidiyoruz ve sırayla menüden kupürlerimizi yüklüyoruz. Görüntülerken, resimlerimiz arasındaki boşluklar gösterilecektir. Onlardan kurtulmak için her bağlantıya ";nopadding" kelimesini eklemeniz gerekir.
Şimdi, bağlantılarınızın aktif olması ve ihtiyacınız olan bilgileri girebilmeniz için, ardından menü düzenlemedeki resimlerin bağlantılarına - düğmelerinizden birinin adını - örneğin Teslimat yazabilirsiniz. Ancak bu kelime belirlenen kurallara göre açık bir şekilde yazılmalı, şöyle görünmelidir [[Teslimat]]. Ardından sayfayı kaydedin, bu bağlantıyı takip edin ve gerekli içerikle doldurun.
Her şeyin işe yaraması için son adım, Teslim sayfasına giden bağlantının bir kopyasını düğmenin bağlantısına eklemektir, örneğin - page-123456_456789, yani "vk.com/" ile "?" . İşte bu kadar, şimdi her düğmeyi aynı şekilde tasarlayın ve menünüz hedef kitlenizi başarılı bir şekilde çekecektir.

Blog güncellemelerine abone olun ve arkadaşlarınızla bilgi paylaşın. Hayatında daha fazla güzellik yarat!

Grubun sosyaldeki yaratıcısının amacı. daha fazla ziyaretçi çekmek için ağlar. Misafirin katılmak istemesi, imza atması, bilgileri okuması, yorum bırakması veya ürün sipariş etmesi önemlidir. Nihai sonuca olan ihtiyaç, faaliyet yönünden farklıdır.

Konaklamanın ilk saniyeleri konuğun sonraki eylemlerini oluşturur. Arayüzün büyük bir rol oynamasının nedeni budur.

Misafir bırakan faktörler:

avatar;
Tanım;
İsim;
güzel ve pratik menü;
renklilik;
içerik.

Yalnızca eylemi teşvik etmeyen pratik bir menü oluşturmak kolaydır. Ama önce ne olması gerektiğini bulmalısın.

menü ne olmalı

Ziyaretçi, iyi tasarlanmış bir menü kullanarak menüde kolayca gezinebilir ve sorularına hızlı bir şekilde yanıt alabilir. Ayrıca navigasyon, proje hakkında doğru izlenimi yaratmanıza olanak tanır.

Grupların üç ana hedefi:

satış;
trafik artışı;
aktif ziyaretçi artışı.

Satış için, grup navigasyonu vitrinin yerini alır.

En önemli düğmeler burada olmalıdır:

katalog;
fiyat;
teslimat;
promosyon teklifleri;
incelemeler.

Trafiği artırmak için, sitenin veya blogun içeriğine ve lezzetine vurgu yapılır.

Yaklaşık düğme seti:

video: genel menü

Photoshop ile Çalışmak

Devam etmeden önce, tasarımı veya genel görünümü ve bileşenlerini görsel olarak sunmak gerekir. Özel bilgi gerekli değildir, sadece talimatların adımlarını takip edin.

Eylem algoritması:

Bu, Dikdörtgen Seçim Çerçevesi aracı kullanılarak yapılır:

Grafiklerle çalışma:

Yaklaşık olarak şöyle görünmelidir:

Sağda bulunan dikdörtgeni, boyutunu 200x500 piksel olarak ayarlayarak ayrı bir görüntü olarak kaydedin. Bu, VK grubundaki "Fotoğraf yükle" düğmesiyle yüklenen hazır bir avatardır.

İkinci resmin yine de puan sayısına bölünmesi gerekiyor. Bu, her düğmeye bir bağlantı atamak için yapılır.

İlk önce işaretlemeyi yapmanız gerekir:

Parçalar oluşturun:

Görüntüleri kaydetme:

teknik bölüm

Bitmiş görüntüler bir gruba aktarılmalıdır. Aşağıdaki adımları izleyerek, bu görev kolayca halledilebilir.

Önemli! Menüyü doldurmak, genellikle fotoğraf veya resim yüklemekten farklıdır.

Her şey yolunda:

Şimdi en önemli şey, aslında, tüm bunların ne için yapıldığı. Menü işlevselliği ekleyin. Ayrı bir resme “kendi” bağlantısı atanmalıdır.

gerekli girişi bulun;
farenin sol tuşu ile üzerine tıklayın;
adres çubuğundaki URL'yi kopyalayın.

ziyaretçiyi yönlendirmek istediğiniz kaynağa gidin;
gerekli adresi kopyalayın.

Değişiklikleri pencerenin altındaki uygun düğme ile kaydedin.

Dikkat! Değişiklikler hemen görünmeyebilir. Ana profilinizde oturumu kapatmanız ve ardından grupta tekrar oturum açmanız önerilir.

Vkontakte grup wiki işaretlemesinde bir menü nasıl oluşturulur

Wiki biçimlendirmesi, sosyal ağ gruplarında web sayfaları tasarlamak için kullanılan özel bir dildir.

Bu araç şunları oluşturmanıza olanak sağlar:

Etkileri;
olağandışı menüler;
tabaklar;
gezinme öğeleri;
metni biçimlendir.

Tek kelimeyle, bu işaretleme, mini bir VKontakte web sitesi oluşturmanıza olanak tanır. Bu, özellikle satış ve abone alımı için çok uygundur.

Bu tasarım sezgisel olarak ziyaretçinin kalmasını sağlar, düğmeye tıklayın. Yani, harekete geçmeyi geciktirir ve teşvik eder - ve tam da ihtiyaç duyulan şey budur.

Görsel olarak, böyle bir sistem HTML düzenine çok benzer. Ancak uzun bir eğitim ve özel bir zihniyet gerektirmez.

Video: kategoriye göre arama içeren menü

Yaratılışın nüansları

Aslında yukarıda yapılanlar (bir resmin paylaşılması ve yüklenmesi) zaten biçimlendirme öğeleridir. Bu, bu aracın avantajıdır. Basit bir resim yüklemesiyle etiketlere otomatik dönüştürme.

Ancak, daha da fazla özellik ve güzellik oluşturmaya yardımcı olan etiketleri bilmek önemlidir. Örneğin görüntünün belirli kısımlarını doldurduğumuzda aralarında beyaz şeritler oluşabilir. Noborder etiketini ekleyerek bunları kaldırabilirsiniz.

Bunun gibi: []

Ana etiketler aşağıdaki tabloda sunulmaktadır:

Fotoğraf: işaretleme için kullanılan etiketler

Resimlerle çalışma

Seçeneklerin değiştirildiği yer:

sınır yok- görüntünün etrafındaki çerçevenin kaldırılması;
dolgu yok- görüntü arasındaki boşlukların kaldırılması;
ova- resme bir bağlantı ekleyin. Grafiksiz metin şeklinde verilir;
bağlantı yok- görüntü bağlantısının kaldırılması;
kutu- bir pencerede bir görüntü açmak;
NNNxYYYpx veya NNNpx- fotoğraf boyutunu piksel cinsinden ayarlar.

tablo oluştur

Hangi menüyü (metin veya grafik) oluşturursanız oluşturun, tablo eklemeden yapamazsınız. Aksi takdirde, metni haber alanına yapıştırabilir ve biçimlendirmeden çok fazla zaman harcayabilirsiniz.

Tablo, her birinin tablonun belirli bir bölümünden sorumlu olduğu özel bir karakter kümesi kullanılarak oluşturulur:

{| masanın başlangıcının sembolü, onsuz masa olamaz. Her zaman kullanılan;
|+ Tablo başlığının ortadaki konumundan sorumludur. Tablonun başındaki karakterlerden sonra koyun. İsteğe bağlı olarak kullanılır;
| yeni bir satırın ve hücrenin başlangıcını belirtir;
| hücreyi şeffaf yapan bir sembol;
! hücreyi karanlık yapar. Yokluğunda önceki işaret kullanılmalıdır;
|} tablonun sonu demektir. Ancak isteğe bağlı bir karakter, bir hatanın oluşmasını önlemek için kullanılır.

Bir tabloyu doldururken her hücrenin içeriği | işaretinden sonra gelmeli ve hücreleri ayırırken satır tiplerini şu şekilde çoğaltmanız gerekiyor: || veya!!.

İşaretleme Özellikleri

Pek çok yazılı olmayan kural vardır ve bu, acemi programcılar için çok fazla sorun yaratır. Kural olarak, her şey pratikte öğrenilir. Herkes kendi boşluklarını bulur, herkes kendi zorluklarıyla yüzleşir.

Temel hatalardan kaçınmak için, ana hatalara aşina olmalısınız:

resmi yeniden boyutlandırırken dikkatli olmanız gerekir - 131 pikselden azsa kalitesi önemli ölçüde bozulur;
görüntü genişliği 610 pikseli geçmemelidir;
bir wiki sayfasına 17'den fazla açık etiket yerleştirmek yasaktır;
resmin genişliğini değiştirirken yüksekliği otomatik ve orantılı olarak değişir;
tablonun içindeki liste etiketi kullanılarak oluşturulmalıdır.
;
bir işaretleme satırında en fazla 8 liste öğesi olmalıdır.

Güzel ve işlevsel gezinme oluşturmak için Photoshop'un temellerini ve wiki işaretlemesini bilmeniz gerekir. Bununla birlikte, ikincisi, yeni başlayanların uzun süre takılıp kalabileceği ve kafasının karışabileceği kendi nüanslarını içerir.

Önemli! Tüm etiketlerin kapanışını kontrol edin. Sırayı koruyun.

Bu durumda ana asistan, dikkat ve talimatlara sıkı sıkıya bağlı kalmaktır. Wiki işaretleme adı verilen resmi VK sayfası her zaman kurtarmaya gelebilir.

Bu menünün grupta olmadığını, ancak VKontakte sayfasında (genel) olduğunu göz önünde bulundurarak, size her şeyin nasıl yapıldığını göstermeye karar verdim! Uzun bir süredir sorularla kafamı meşgul ediyorum: Herkese açık bir menü nasıl yapılır, menü nasıl açılır, nasıl sabit hale getirilir vs.. İşte size talimat!

Peki bu nasıl mümkün olabilir? iletişimde genel bir sayfada bir menü yapın? Yerleşik bir wiki menüsü ekleme yeteneğinin olduğunu hepimiz biliyoruz. sadece bir grupta, Bunun hakkında yazdım ve. Ancak ayarlarda böyle bir işlev yoksa, halka açık bir menü nasıl yapılır? Meraklı bir zihin için sınır yoktur! Kurumsal halkımızda menü şöyle görünür:

Genel menü? Çocuk oyuncağı!

Makaleleri tekrar gözden geçirin: ve şimdi bu bilgi işe yarayacak!

Güzel bir genel menüye 3 adım!

Muhtemelen böyle bir menünün temelinin ... iç sayfa ile sabitlenmiş gönderi!Şahsen, bu yöntemi gerçekten seviyorum, blogumun grubuna bile "sabitlenmiş menüyü" yerleştirmeyi ve kullanmayı reddettim. Ve şimdi size "nasıl yapılacağı" konusunda net bir talimat vereceğim!

1. Adım: İç Menü Sayfasını Oluşturun

Bu nedenle, grubumuzda bir menünün görünmesi için ayrı bir dahili sayfada oluşturulması gerekir. Ve hatırladığınız gibi, genel olarak bir menü ekleme yeteneğimiz yok, ancak diğer yoldan gidip bir dahili sayfa oluşturacağız. Oluşturmak için tarayıcı satırına adresi doğru yazmalıyız. İşte bağlantı şablonu:

Seçenek 1: (normal)

http://vk.com/pages?oid=- XXX &p= Sayfa ismi

XXX, herkese açık sayfanızın kimliğidir,

ve "Sayfa_Adı", sayfanın çağrılacağı herhangi bir kelimedir

Seçenek 2: (hafif, ama)

Böylece, bir wiki sayfası oluşturuyoruz ve tıpkı bir grup için bir menü dolduruyormuşuz gibi dolduruyoruz. Yani oradaki tüm görüntüleri ve geçişleri yazıyoruz. Bunun gibi bir şey almalıyız:

Bu wiki menü kodudur

Dikkat! Temasta görsel menülerin nasıl oluşturulacağını hala bilmiyorsanız, o zaman makaleyi tekrar ediyorum! Her şey yolundaysa. sonra şöyle bir resim elde edeceksiniz:

Bu da menü sayfası

Adım #2: Duvarda bir gönderi oluşturun

Şimdi menümüzü VKontakte topluluk duvarına eklemeliyiz. Bunu yapmak için kopyala dahili sayfaya bağlantı ve gönderiye şunun gibi ekleyin:

Muhtemelen gönderi bağlantısının otomatik olarak eklendiğini zaten biliyorsunuzdur ve bağlantı gönderinin kendisinden eklendikten sonra sayfa adresinin silinebileceğini biliyorsunuzdur. Bir bağlantı yayınlarsanız, menü duvarda görünmeyecek, ancak üzerine tıklandığında bir kişinin menümüze götürüleceği bir bağlantı olacaktır. Bu savaşın sadece yarısı! Menünün görünür olması ve bir iğneye asılması gerekiyor, yani. en görünür yerde.

Yani şimdi yapmalıyız bağlantıyı sil gönderinin "gövdesinden" (ekteki sayfa kalacak) ve gönderiye ekleyin resim abonelerin göreceği İşin püf noktası, bir gönderide bir bağlantı ve bir resim varsa, o zaman resme tıkladığınızda, bir bağlantıyı takip etmek! Dahice olan her şey basit!
Resim menünün kendisini kısmen veya tamamen tekrarlayabilir, burada karar vermek size kalmış. Halk için bir menü sipariş ederseniz, o zaman bir başlığa da ihtiyacınız vardır, yani. klipte asılı kalacak resim. Bir gönderi yayınlarken şunu elde ederiz:

Resim menüyü tekrarlar ve sayfa ziyaretçilerinin dikkatini çeker

3. Adım: Gönderiyi Sabitleme

Sonunda her şey hazır ve gönderi duvarda bir resim ve bağlantıyla asılı duruyor! Şimdi grup başlığına aktarmamız gerekiyor, gönderiyi ana gönderiye sabitleyin, sabitleyin ... Bunun için gönderinin tarih / saatine tıklayın (her gönderinin altında bir yayın tarihi vardır), biz gönderinin iç sayfasına gidin, aşağı kaydırın ve orada "sabitle" düğmesini arayın ". Bulmanız gerekenler için resme bakın:

Bu butona tıklayın ve sayfayı yenileyin. Voila, artık hazırsın! Güzel menünün tadını çıkarın!

vk.com/frilkacom

Avatarınızın devamı olacak bir resim bile alabilirsiniz - bu tasarım çok güzel görünüyor.

Böylece, üç basit adımın yardımıyla, herhangi bir VK topluluğunda kullanılabilecek güzel bir menü oluşturmayı başardık!

Bunun için her şeyim var! Yeni ilginç makaleleri kaçırmamak için makaleyi arkadaşlarınızla paylaşın, favorilerinize ekleyin ve blog güncellemelerini takip edin!