• Temas halinde bir grup düzenlemek için en iyi yol. Temas halinde bir grup nasıl oluşturulur?

    Merhaba! Ben, DrugMedia bürosunda SMM projeleri başkanı Adel Davletshin

    Topluluk Özel Mesajları

    Elbette herkes "Mesaj yaz" düğmesini görmüş ve topluluk mesajlarını biliyor. Bu özellik, topluluk yönetiminden geri bildirim almanızı sağlar. Yöneticiler bir ay önceki haberlerin altında veya bir düzine tartışmanın birinde bir yorumu fark etmeyebilirlerse, topluluk mesajlarında +1'lemeyi fark etmemek zordur.

    Bu özelliği kullanmaya başlamak için etkinleştirmeniz gerekir. Bu bölümün ayarları, topluluk yönetimindeki "mesajlar" sekmesinde bulunur.

    Bir tebrik mesajı yazabilmeniz harika. Ayrıca bir grup da ekleyebilirsiniz. sol menü gruba yeni bir mesaj aldığınızda +1'in topluluğun karşısında görüneceği sosyal ağlar.

    Açıklama, bilgi

    Topluluk hakkında bilgi içeren sekmeler ve wiki sayfaları artık haberler grupta sabitlenmiş olsa bile her zaman görünür durumda. Bu nedenle, abonelerin grubun değerini anlaması için açıklama ve wiki bölümünü doldurmanız önemlidir. Biri grubun açıklamasını okumak isterse ve boşluk varsa üzücü olur.

    "Makaleler" dediğimiz bölüm, istediğiniz gibi adlandırılabilir. Bu bölüme giriyoruz, "düzenle" yi tıklıyoruz ve içerik için herhangi bir uygun adı yazıyoruz. Uzmanlardan ipuçları, ilginç haberler, menüler veya makaleler olabilir.

    Bu makalede bir grup açıklaması derlemek için ipuçları yazdık:

    wiki menüsü

    Wiki menüsünün işlevselliği ve kullanışlılığı hiçbir şekilde değişmedi. Ancak, abonelerin grupta gezinmesine yardımcı olacak bir menüye sahip olmanın önemini size hatırlatmak istiyoruz. Menüyü topluluk kapağı tarzında tasarlarsanız genel olarak güzellik olur :)

    Viki işaretlemesiyle nasıl çalışılacağını buradan öğrenebilirsiniz: vk.com/wiki

    Uygulamalar

    Gruplarda, uygulamalar sağda ayrı bir blokta vurgulanır. Uygun bir şekilde, düğmenin adı "topluluk yönetimi" ayarlarında değiştirilebilir. Ancak topluluğa yalnızca bir uygulamanın eklenebilmesi üzücü. Bu nedenle, hangisinin size en uygun olduğunu seçmelisiniz.

    Bilet satmasanız, bir etkinliğe kaydolmasanız ve başvuruları kabul etmeseniz bile, aboneleri iletişime geçirmek ve geri bildirim almak için bir anket veya şaka anketi eklemeye değer.

    Mal

    Grubu tamamlanmış Ürünler bölümüyle süsler. Sattığınız ürün veya hizmetleri bu bölüme yerleştirin. Böylece aboneler hızla gezinebilir, ihtiyaç duyduklarını seçebilir ve sipariş edebilir. Ürünlere güncel kampanya ve indirimler ekleyebilirsiniz.

    Ürün tasarımına uygun görseller seçmeyi, açıklama, fiyat ve kanal eklemeyi unutmayınız. geri bildirim. Kullanıcılar tüm bunları belirli bir ürüne tıklayarak görecek ve sizinle iletişim kurabilecektir.

    Hiçbir şey satmıyorsanız ve hizmetleriniz ücretsizse, yine de yetenekleriniz hakkında konuşmaya ve bunları harekete geçirici mesaj ürünlerinize eklemeye değer. Örneğin, bir çalışan araması ve bir tür şaka ürünü olabilir ve uygulamada aboneleri iletişime geçirmek için bir anket olabilir.

    Tartışmalar

    Bağlantılar

    Sitenizin bağlantılarını, diğer sosyal ağlardaki hesapları ve "bağlantılar" bloğundaki diğer faydalı kaynaklara olan bağlantıları paylaşın. Gruplarda "Bizim instagramımız!" Başlıklı bir instagram bağlantısı görmek üzücü. ya da hiç imza yok. instagramın ne Ben onunla ne yapmalıyım? Neden oraya gitmeli? Bu bağlantıları ilgi uyandıracak şekilde etiketlemek önemlidir. Bu, kısa bir açıklama ve harekete geçirme ifadesi ile yapılabilir. Örneğin, "web sitemizdeki uygun bir katalogdan seçin." Kısa, kullanışlı ve net.

    Albümler

    Kişiler

    “Topluluk mesajları varken neden temasları resmileştirelim?” diyenler de oldu. Karşı soru: "Neden tüm yorumları kapatıp tartışmaları silmiyorsunuz?". Çünkü topluluk gönderileri geri bildirim araçlarından biridir. Sosyal medya iletişim için yapılmıştır. Bir kişiyle iletişim kurmanın kişisel olmayan bir topluluktan daha hoş olduğunu kabul edin. "Kişiler" bloğundan bir kişiye yazarak kiminle diyalog yürüttüğümüzü, bu kişinin kim olduğunu ve onunla hangi sorularda iletişim kurabileceğimizi anlıyoruz. Bu nedenle, grup adının arkasına saklanmamalı ve abonelerin sizi görmesine ve yüz yüze iletişim kurmasına izin vermemelisiniz.

    İşte iyi tasarlanmış gruplardan bazı örnekler:

    • İyi kapak ve ürün bölümü

    • Kısa ve net açıklama

    • Viki sayfalarıyla kullanışlı bir şekilde doldurulmuş bölüm

    • İlginç test

    • Basit ve anlaşılır menü

    • Yararlı Tartışmalar

    • Parlak albüm kapakları

    Geçen yıl boyunca, VKontakte aktif olarak değişiyor ve giderek daha fazla yeni araç ve yetenek sunuyor. Sosyal ağ topluluğunun işletmeniz veya markanız için etkili olabilmesi için yeniliklere ayak uydurmak önemlidir.

    Gruptaki tüm bölümleri doldurdunuz mu? Hiçbir şeyi unutmamak ve kafanızın karışmaması için topluluk tasarımı için özel bir kontrol listesi derledik. Kontrol listesini yazdırın, takip edin ve çalışanlarınızı kontrol edin. O zaman hiçbir şeyi kaçırmadığınızdan emin olacaksınız. Topluluk tasarımı kontrol listesini indirebilirsiniz.

    Vkontakte kullanıcılarını memnun ediyor büyük miktar ilginç gruplar Birçoğu dışarıdan tam teşekküllü bir siteden daha aşağı değildir. Bu efekt, grubun, özellikle menülerin ve avatarların yetkin bir şekilde tasarlanmasını sağlar. Güç kullanıcıları bu görevle kolayca başa çıkabilirsiniz, ancak yeni başlayan biriyseniz, makale sizin için yararlı olacaktır.

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

    afiş oluşturma

    Bir grubu görüntülerken, kullanıcı öncelikle avatar ve menüye dikkat eder. Aşağıda iki resmin nasıl oluşturulacağı açıklanacaktır. photoshop, bunlardan birini doğru şekilde kesin ve belirten özel bir kod yazın.

    1. Aşama

    Photoshop'u açın, oluşturun yeni belge 630x725 piksel boyutlarında. Beyazla doldurun. Katmanda iki pencere kesin. Bu pencerelerden Kontak'ın grafik tasarımı görünecektir. İlk önce 200x710 piksellik dikdörtgen bir alan seçin, "Del" butonuna basın. Ardından, 382x442 piksellik bir dikdörtgen alan seçin, ortaya çıkan dikdörtgenleri alttan birleştirin ve "Del" tuşuna basın.

    2. aşama

    Ortaya çıkan katmanın altına grubun grafik tasarımını yerleştirin. Ana arka plan ile resimde önceden yazmak en iyisidir istenen metin ve bunun yanında gerekli sayıda menü öğesi oluşturun.

    Sahne 3

    Ardından, 200x710 piksel boyutunda sağdaki dikdörtgen alan. ayrı bir resim olarak kaydedin. Grubun tasarımı için tamamen bitmiş bir çizim ortaya çıktı. Sayfanın sağ üst köşesinde bulunan bloğa yüklenmelidir. Bunu yapmak için "Fotoğraf yükle" düğmesini tıklayın.

    Soldaki resim ne için? 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 resim olacağı anlamına geliyor.

    Aşama 4

    Alınan beş fotoğraf grubun albümüne yüklenmelidir. Ardından, grup sayfasına gidin ve "Haberler" bloğunu seçin, "Grup Menüsü" olarak yeniden adlandırın ve ardından "Düzenle" düğmesini tıklayın.

    Aşama 5

    Böylece "VKontakte'de bir grup nasıl güzel bir şekilde tasarlanır" kılavuzunun son aşamasına geldik. "Alt pencerede bulunan Source adlı sekmeyi açın, kopyalayıp içine yapıştırmanız gerekiyor" 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 girin. Dosya adı albümden alınmıştır.

    Aşama 6

    Görüntülerin mükemmel kombinasyonu için birkaç koşulun karşılanması gerekir:

    Grubun adı bir satıra sığmalıdır;

    Site adresi de tek satırdır.

    Açıklama 10 satır içermelidir.

    Vkontakte wiki işaretlemesi

    Ne kadar güzel tasarlandığını anlamak için, Wiki işaretleme 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 kullanılan bir sistemdir. Vkontakte grubunun tasarımına başlamadan önce türüne karar verin. Biçimlendirme grafiksel ve metinseldir.

    Metin menüsü tasarımı

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

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

    Grafik menü

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

    ! !! !!

    Tabii ki, bu bilgi Wiki işaretlemesinin yalnızca yüzeyine dokunur. Ziyaret ederek bu konuda daha fazla bilgi edinebilirsiniz. resmi Grup Temas halinde. Çok var kullanışlı bilgi ve güzel bir şekilde nasıl dekore edileceğine dair video eğitimleri

    topluluklar sosyal ağ Vk, muhtemelen bildiğiniz gibi, çok, çok. Ama hepsi popüler değil. Bir topluluğu popüler hale getirmek için benzersiz ve ilginç içeriğin yanı sıra neye ihtiyaç duyar? Elbette bir grubun nasıl güzelce tasarlanacağını bilmek gereksiz olmayacaktır. Vkontakte bunu yapmak o kadar da zor değil. Makalemizi okuduktan sonra her şeyi kendiniz yapabileceksiniz.

    Topluluk Tasarım Talimatları

    Tüm bunları tek bir aşamada yapmanın mümkün olmayacağını kendiniz anlamalısınız. Ancak paniğe kapılmayın, çünkü VK sosyal ağının yönetimi özellikle topluluklar tasarlamayı mümkün kıldı. sıradan kullanıcılar. Bilgisayar bilgisi olanlar bile çok vasattır.

    Bir afiş oluştur

    afiş, içinde bu durum, topluluk avatarını adlandıracağız ve ayrıca grafik menü birbiriyle mükemmel uyum sağlayan. Genellikle bu, iki bloğa bölünmüş bir görüntüdür. Photoshop'a ihtiyacınız olacak. Bu programı internetten ücretsiz olarak indirebilirsiniz. Ve işte talimatın kendisi:

    1. Photoshop'u açın ve bu programda boyutu 630x725 piksel olan yeni bir belge oluşturun. Her şeyi beyazla doldurun.
    2. Katmanda iki pencere kesin (200x710 ve 382x442 piksel). Topluluğun grafik tasarımı bu pencerelerden görüntülenecektir. Altta iki pencereyi birleştiriyoruz.
    3. Resmin üzerine planladığınız yazı ve menü öğelerini yazıyoruz. Prensip olarak bu, VKontakte grubunun menüsünün nasıl tasarlanacağı sorusunun cevabıdır.
    4. 200x710 piksel boyutunda oluşturduğumuz dikdörtgen ayrı ayrı kaydediliyor. Bu, grubunuzun veya herkesin avatarıdır.
    5. Sol Taraf görüntüleri (382x442) birkaç parçaya ayırmamız gerekiyor. Kaç tane olacağı, topluluğunuzun menüsündeki öğelerin sayısına bağlıdır.
    6. Orbitum tarayıcısında veya başka bir tarayıcıda VKontakte'yi açın. Ortaya çıkan resimler kaydedilir ve grubunuzun albümüne yüklenir.
    7. "Haberler" - "Düzenle" - "Kaynak kodu" sekmesine gidin. Alt pencerede gördüğünüz kodu "Kaynak ..." içine yapıştırın. Fotoğrafı dosyanın adına değiştiriyoruz ve ayrıca dosyanın yüksekliğini de belirtiyoruz. Manuel olarak ekle bağlantı adresi Menü.
    8. Resimlerinizin uyumlu ve doğru bir şekilde birleştirilebilmesi için topluluk adı bir satırda, açıklama 10 satırda ve site url'si de bir satırda olmalıdır.

    Yardım için Wiki işaretlemesi

    Bir VKontakte grubunun nasıl tasarlanacağıyla ciddi şekilde ilgileniyorsanız, Wiki işaretlemesi gibi bir şeyin çok önemli bir rol oynadığını kesinlikle bilmelisiniz. bu konu. Bütün bunlar ne hakkında? Bunun HTML'ye bir alternatif olduğunu söyleyelim mi? Tahmin edebileceğiniz gibi, bu işaretleme Vikipedi makalelerini düzenlerken de kullanılır. Ama şimdi bununla ilgili değil. Topluluğun Vkontakte'de doğru tasarımı için Wiki işaretlemesine ihtiyacımız olacak:
    Hem birinci hem de ikinci - tırnak işaretleri olmadan! Artık kamuları ve VKontakte gruplarını nasıl doğru, yetkin ve güzel bir şekilde tasarlayacağınızla ilgili her şeyi tam olarak biliyorsunuz. İyi şanlar!

    ), 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örüntüleri hazırla doğru boyutlar. Size örneklerini göstermek için hazır fotoğraflar çekeceğim.

    Öyleyse yapalım güzel dekorasyon, genel resmi iki parçaya bölerek. 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'e tıklayın.

    Şimdi kaydın düzeltilmesi gerekiyor (bkz.). Yeni girişe dönüyoruz ve sağ üst köşedeki menüyü genişletiyoruz. 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 yaratıyoruz Yeni Rekor. İçinde sayfaya bir bağlantı ekliyoruz ve orijinal görüntüyü ekliyoruz. Yayınlayın ve düzeltin.

    Bu, elimizde kalan menü.

    Sanırım aktif olarak kullanan herkes sosyal ağ Vkontakte, zaten güzel tasarlanmış gruplar ve halklarla tanıştım. Birçoğu, menüye ek olarak, sosyal ağın içinde küçük bir site oluşturan çok sayıda stilize iç içe geçmiş sayfaya, dizine vb. sahiptir.

    İşte herkesin neden bahsettiğimi anlaması için birkaç örnek.




    Bu tür gruplar rakiplerinizden sıyrılmanızı ve daha fazla kullanıcı çekmenizi sağlar. Özellikle içerik de ilginçse :)
    Bu yazıda, tüm bunların nasıl yapıldığından bahsedeceğiz. Her şeyi daha ayrıntılı analiz etmek ve tüm incelikleri araştırmak için özel örnek. Grupların tasarımında küçük bir ustalık sınıfı olacak.

    Çalışmamızın ilk aşaması bir fikirdir. Neyi kime anlatmak istediğimizi anlamamız gerekiyor. Temas halinde, birkaç topluluk biçimi vardır ve belirlenen görevleri dikkate alarak seçim yapmaya değer. Gelecekte grup genel biçime aktarılabilir ve bunun tersi de geçerlidir.

    Parmaklarımla açıklıyorum. Halk Blog gibi bir şey. Haber akışı. Yani abonelerimize bazı şeyleri anlatıyoruz ve onlar da topluluğumuzun duvarına yazı yazamayacaklar. Maksimum yorum.

    Grup sohbete ve tartışmaya daha açık, insanların kendi adlarına akışta gönderiler yapabileceği bir topluluk oluşturmanıza olanak tanır. Listenizdeki arkadaşlarınızı da ekleyebilirsiniz. Kamuda böyle bir seçenek yok. Ek olarak, grubun wiki işaretlemesini entegre etmek için biraz daha fazla seçeneği vardır (menüyü entegre edebileceğiniz bir "Haberler" bölümü vardır).

    Küresel olarak şu şekilde tartışabilirsiniz: Mağaza için bir topluluk oluşturmamız gerekirse, o zaman "genel" formatı alırdım. Örneğin, balık tutma meraklılarından bahsediyorsak, bir "grup" almak daha iyidir. Yine de herkes uygun gördüğü gibi yapmakta özgürdür. Sonuçta, herhangi bir zamanda format değiştirilebilir. Bununla birlikte, Vkontakte'nin topluluk formatını tekrar değiştirme konusunda bir kısıtlama getirdiğini ve ilk seferden sonra gerekirse her şeyi geri döndürebilmeniz için birkaç gün beklemeniz gerekeceğini unutmayın. Bu nedenle, grup içerikle dolmaya başlamadan önce işlevselliği test etmek daha iyidir.

    Bu ustalık sınıfının bir parçası olarak, sadece birkaç hafta önce vizyona giren aynı isimli filme dayanan Mad Max oyununu başlangıç ​​noktası olarak alacağım ve bu oyunla ilgili çeşitli materyallere sahip oyuncular için bir topluluk oluşturacağım. Ana hedef, oyun sitenize trafik çekmektir.

    Doğal bir izleyici akışı oluşturmak ve topluluk içindeki iletişimi en üst düzeye çıkarmak gerektiğinden format “Grup” olacaktır. Ne kullanacağımı hemen bana bildirin. evrensel metodoloji, hem grup biçiminde hem de genel olarak kullanılabilir. Her yerde çalışır.

    İçerik denizi, fikri hayata geçirmeye başlıyoruz!

    grup oluştur

    Bir grup oluşturmak için, Vkontakte hesabınızın sağ menüsündeki "Gruplarım"a gidin ve üstteki "Topluluk oluştur" mavi düğmeyi tıklayın.

    Grubumuz için bir isim girdiğimiz ve bir format seçtiğimiz böyle bir pencere görünmelidir.

    giriş gerekli bilgi bizden önce topluluğumuz için kontrol panelini açar. Benim durumumda, böyle görünüyor.

    Gördüğünüz gibi birkaç seçenek ekledim: Video, ses kayıtları, tartışmalar ve işime yarayacak bir dizi başka özelliği ekledim. daha fazla iş içerik toplarken. Bütün bunlar gelecekte herhangi bir kısıtlama olmaksızın değiştirilebilir. Web sitemin adresini de yazdım. Bir web siteniz yoksa veya konusu topluluk formatına uymuyorsa (farklı şeyler hakkındadırlar ve hiçbir şekilde birbirleriyle ilişkili değildirler), o zaman bu satır boş bırakılabilir.

    Bu durumda, geliştiricilerin oyun için belirlediklerine benzer şekilde yaş sınırlarını 18 olarak belirledim. Çocukların da oynadığından pek şüphem olmasa da.

    Tüm. Grup oluşturuldu!

    Şimdi onu şekillendirmeye başlayabilirsiniz.

    Bir Vkontakte grubu oluşturmak

    Bu aşama 2 bileşene ayrılabilir: grafik ve teknik. Çalışmak için, bir grup avatarı ve menüsü oluşturmak için bir şablona, ​​ayrıca biraz hayal gücüne ve temel Photoshop bilgisine (aka Adobe Photoshop) ihtiyacımız var.

    İşaretleme şablonu

    Şablon nedir ve ne hakkındadır? Şablon bir tür boşluktur. Bu durumda, *. psd biçimi menü ve grup avatarları altındaki resim için alanları işaretledik.

    Bu makalenin başındaki ikinci örnekte de görebileceğiniz gibi, dekorasyonu yapabiliriz. üniforma stili avatarlar ve menü resimleri için. Aynı zamanda görsel olarak 2 parçaya kesilir. Böylece şablon, grafik kaymasını ortadan kaldıracak ve resimleri mümkün olduğunca bir düzeye sığdıracak şekilde bir görüntü oluşturmanıza olanak tanır.

    Daha net hale getirmek için, işte bir örnek.

    Resmin her iki tarafında yerleşim bölgesi manzaralı bir şerit olduğunu görebiliriz. Bir şablon kullanmadan, tam olarak ilk seferinde yapmak neredeyse imkansızdır. 1 piksele kadar tutarsızlıkları ölçerek resimleri ayarlamak gerekli olacaktır. Bir şablonu kullanırken, işaretleme içinde ona sadece grafikler ekler ve istenen sonucu hemen alırız.

    Açıklamada bu şablonun 1 satır için tasarlandığını belirtmek isterim. Örneğin ekran görüntüsünde telefonlar var. İkinci bir çizgi belirirse, farklı bir şablon kullanmanız veya tasarımı manuel olarak düzeltmeniz gerekir.

    Bu arada, doğrudan devam ediyoruz grafik Tasarım onun yeni Grup. Burada en az dirençli yolu seçiyorum ve Google Resimleri. Yandex'i de kullanabilirsiniz. Kim neyi sever?

    Tasarım eğitimim yok, bu yüzden yazı tipi seçimi ve diğer önemsiz şeyler üzerinde durmayacağız. Photoshop'ta biraz ince ayar yaptıktan sonra bu sonucu aldım.

    Sol parçada ("Menü" yazısının bulunduğu yerde) birkaç tetikleyici de ekleyebilirsiniz. Bu durumda, onlarsız yapmaya karar verdim. Tüm. Avatar tasarımı hazır. Photoshop'ta Shift + Ctrl + Alt + S kısayol tuşlarının kombinasyonuna basıyoruz ve parçalarımızı sabit sürücümüzdeki bir klasöre kaydediyoruz.

    Grafiklerle çalışmanın ilk aşaması tamamlandı. Tekrar iletişime geçelim.

    Grup için avatarı ve menüyü ayarlama

    Grubumuzun ava yerine iki tipe tıklayıp resmimizi oraya yüklüyoruz. İşte bu adamlar, altlarında “Fotoğraf yükle” yazıyor.

    Bir resim ekliyoruz. Alanları belirtin ve küçük resmi seçin. Burada her şey basit ve hiçbir sorun olmamalı.

    Gördüğümüz gibi, topluluk kimliğini bilmeniz gerekiyor. Onu tanımak çok kolay. Grubumuzdaki menüyü buluyoruz (hemen avatarın altında) ve "Topluluk İstatistikleri" ni açıyoruz. Bu durumda, tarayıcının adres çubuğunda benzer bir şey görünecektir (sayılar farklı olacaktır).

    "?gid=" ifadesinden sonraki bu sayılar istenen grup kimliğidir. Alınan değeri script formuna giriyoruz ve oluşturmak istediğimiz sayfanın adını yazıyoruz. Bu durumda, "Menü" de sürüyorum.

    Sayfanın yalnızca grubun bulunduğu pencere bir sonraki sekmede açıksa oluşturulacağına dikkat edilmelidir. Basitçe söylemek gerekirse, aynı tarayıcıda VK'da oturum açmış olmanız gerekir. Ne de olsa, yalnızca grubun yöneticisi ve onlara atanan kişiler bu tür manipülasyonlara erişebilir. Rastgele yoldan geçen biri, erişimi olmayan yönetici paneline bir grubun ayarlarını kolayca alıp değiştiremeyecektir.

    Her şey doğru yapıldıysa, aşağıdaki sayfa açılacaktır.

    Bu, biraz sonra bir wiki işaretlemesi yapacağımız ve oluşturacağımız aynı penceredir. dahili menü grubunuz için. Şimdilik buraya bir şeyler yazmamız yeterli. Ardından mavi "Sayfayı kaydet" düğmesini tıklayın ve üst kısımdaki Sayfaya dön bağlantısını tıklayın.

    Kendime bir “Menü” yazdım ve kaydettikten sonra sayfam bu şekilde görünmeye başladı.

    Henüz bir tasarım yok, ancak şimdilik bu sayfaya bir bağlantıya ihtiyacımız var. Tarayıcının adres çubuğundan alıp geri dönüyoruz. ana sayfa bizim grubumuz. bantlamak için.

    Burada aşağıdaki içeriğe sahip bir gönderi oluşturuyoruz: oraya bir resim ve grubun menü sayfasına bir bağlantı ekliyoruz.

    Gönder'e basıyoruz. Ardından mesajın gönderildiği saate tıklıyoruz ve tüm seçenekler arasından “Pinle” öğesini seçiyoruz. Sayfayı yeniliyoruz (klavyedeki F5 tuşu) ve her şey doğru yapılırsa ilk sonucu alıyoruz: grup bir avatar ve menü bölümüne gitmek için bir bağlantı buldu.

    Vkontakte grup menüsü için Wiki işaretlemesi

    Şimdi menünün tasarımıyla ilgilenelim. Yine Photoshop'a gidiyoruz ve menümüz için bir tasarım oluşturuyoruz. Arayüzü tasarlarken, uygulama aracılığıyla VK'ya girecek kişileri hatırlamanız gerekir. cep telefonları. Başka bir deyişle, küçük unsurlarımız olmamalı ve ayrıca her şeyi mümkün olduğunca netleştirmeye çalışmalıyız. Böylece burada her şeyin nasıl çalıştığını ve nereye tıklayabileceğimizi tahmin etmek zorunda kalmazsınız ... sadece doğru öğeyi kurcalayın ve aradığınız bilgiyi inceleyin.

    Menüyü tam olarak nasıl bir araya getirdiğime şimdi değinmeyeceğim. İşte sahip olduklarım.

    Asgari alanlar. Dikey düzen. için ideal biçim uyarlanabilir menü. Yani cep telefonlarında hiçbir şey hiçbir yere gitmeyecek. Her şey aynen bilgisayar ve tablet ekranlarındaki gibi olacak. 500 px genişliğini alıyorum, böylece daha sonra hiçbir şey küçülmez ve görüntü kalitesini iki kez kaybetmez. Yükseklik önemli değil.

    Görüntüyü parçalara ayırıp kaydediyoruz.

    Tüm. Son akorun zamanı geldi - menüyü zaten grubun kendisinde topluyoruz.

    Bunu yapmak için grubun ana sayfasına dönüyoruz (beslemenin olduğu ve menüye giden bağlantı resmimizin olduğu yer). Menü resmine tıklıyoruz ve daha önce menü için oluşturulmuş olan sayfaya ulaşıyoruz.

    Bir grubun yöneticisi veya yaratıcısıysanız (bizim durumumuzda durum budur), sayfanın üst kısmında bir "Düzenle" bağlantısı olacaktır. Üzerine tıklıyoruz.

    Daha sonra wiki işaretleme moduna geçiyoruz (sayfanın sağ üst köşesindeki kapat butonunun altında böyle bir çerçeve çiziliyor)<>içeri). Ne zaman istenen mod etkinleştirildiğinde, bu düğme gri daire içine alınır.

    Ardından kamera ikonuna girip menümüzün tüm parçalarını bir kerede ekliyoruz. Wiki modunda resimlerin kendisini görmeyeceğiz, sadece boyutları ve parametreleri olan bu resimlerin kodunu göreceğiz.

    Menüyü ortalamak ve parçalar arasında boşluk olmamasını istiyorum. Bu nedenle, öğelerin her biri bir etikete sarılır

    ve zaten iç içe geçmiş olan "noborder" parametresine ikinci parametre olan "nopadding" i ekliyorum. İlki, tablo hücreleri için parçaların ve kenarlıkların konturunu devre dışı bırakır. İkincisi, kenar boşluklarını kenardan kaldırır.

    İlk ve son menü öğeleri düğme olmamalıdır - benim resmimde bu, bağlantısı olmayan bir grafik öğesidir. iç sayfa, bu yüzden onlara "nolink" parametresini ekliyoruz. Bu, tıklama seçeneğini kaldıracaktır verilen eleman resmin bir parçasını ayrı bir pencerede açın. Fareye tıklamak hiçbir şey yapmaz. Bu normal sayfa arka planıdır. etkin değil.

    Benim durumumda menü kodu şöyle görünüyor.

    Ayrı olarak, resimleri VK'ya aktardıktan sonra, yerleşik sistemin bazen resimlerin boyutunu yanlış gösterdiğini de belirtmek isterim. Bu nedenle, bunu dikkatlice izlemeli ve tasarım aşamasında planladığımız şeyleri tam olarak ortaya çıkarmalıyız. Aksi takdirde, her şey parçalanabilir ve bulmaca sonunda yürümez.

    Kodu yazıp tüm öğeleri hizaladığımızda, sayfayı kaydediyoruz ve Photoshop'ta olanın aynısını görüyoruz.

    kaldı bitirici dokunuş- menümüzün insanları göndereceği sayfaları oluşturmanız gerekir. Bunu yapmak için yine wiki sayfaları oluşturmak için komut dosyasına dönüyoruz ve bu sefer aynı anda üç sayfa sipariş ediyoruz. Aynı zamanda her birinin üzerine bir şeyler yazmak ve adreslerini tarayıcının adres çubuğundan bir yere kaydetmeyi de unutmayın.

    Ardından, sayfa-102302049_51013384 biçimindeki menü wiki koduna yeni sayfalara bağlantılar ekliyoruz, burada ilk sayı grup kimliği ve ikincisi sayfa numarasıdır. Genel olarak önemli olmasa da. Sonuçta, bu URL parçasını kopyalayıp işaretlemeye yapıştırmamız yeterli.

    Sonuç olarak, menü kodu aşağıdaki formu alır.

    Dıştan, hiçbir şey değişmedi. Ancak menü öğelerine tıkladığımızda artık çalıştığını görebiliriz!

    İşaretlemenin kendisine ve kodun yazıldığı kurallara gelince, bu konuya özel olarak ayrılmış Vkontakte grubunu okumanızı tavsiye ederim. Adamlar tüm kilit noktaları açıkladılar ve gerekli öğeyi kataloglarında kolayca bulabilir ve onu wiki sayfanıza nasıl ekleyeceğinizi öğrenebilirsiniz.