Wiki işaretleme vkontakte menü şablonları. Bu kaynaklar nasıl düzenlenir? wiki işaretleme şablonları

Grubunuzu aktif olarak tanıtıyorsanız ve daha fazlasını yapmak istiyorsanız, muhtemelen güzel tasarlanmış bir grubun markanızın gelişiminin çok önemli bir yönü olduğunu biliyorsunuzdur, ancak Vkontakte halkınızın tasarımını düşünmeden önce düşünmelisiniz. VK grubunuzun amacı hakkında!

Kural olarak, bir SMM uzmanı, bir VK grubunun oluşturulmasını tamamladıktan sonra onu doldurmaya başlar. İnsanları grupta geri tutabilecek içeriktir. Ancak bunu verimli ve yetkin bir şekilde yapmanız yeterlidir! Grup şunları içerdikten sonra: açıklamalar, duvardaki kayıtlar, fotoğraf ve video içeren albümler, ses kayıtları, işlevsel menüyü uygulamaya başlamalısınız. Ve yolculuğun başlangıcındaki menü, işin başında gözlemlediğimiz gibi olağanüstü güzel değil, oldukça iddiasız olsun. Her şeyden önce, mevcut içeriğin kullanışlılığı önemlidir!

Bu yazıda kendi kendinize bir VK grup menüsünün nasıl oluşturulacağı hakkında bilgi bulacaksınız! Bu nedenle, şu soruyla kafanız karıştıysa: VKontakte grup menüsü nasıl yapılır, bu inceleme tam size göre!

Hızlı navigasyon:

grup menüsü nedir

Menü, mevcut tüm genel işlevlerin bir listesi olarak kabul edilebilir. Menü aracılığıyla, tüm önemli öğeleri düzgün ve güzel bir listeye koyabilir, belirli bir bağlantı için ayrı bir simge veya resim ayarlayabilir, planlanan değişiklikler hakkında ziyaretçilere hızlı ve kolay bir şekilde bildirim gönderebilirsiniz. Menüde şu öğeleri görüntüleyebilirsiniz: üçüncü taraf sitelere her türlü bağlantı, tartışmalar için açıklamalar, müzik, albümler ve VK sitesindeki diğer alt bölümler, resimler ve genelinizin olağan yapısı. Aşağıdaki talimatlara göre, kendi çabalarınızla Vkontakte topluluğunuz için bir menü oluşturabilirsiniz.

Çevrimiçi bir Vkontakte grup menüsü oluşturma

Daha önce, bir menü oluşturmak için, programlama becerisine sahip olmayan insanlar için oldukça zor olan çeşitli kodları girmek zorunda kaldıysanız, şimdi özel serileri kullanarak çevrimiçi bir iletişimde yüksek kaliteli ve güzel bir grup menüsü oluşturabilirsiniz.

Şimdi bu tür kurucuların nasıl çalıştığına daha yakından bakalım. Hepsinin aynı işlevselliğe sahip olduğunu belirtmekte fayda var, bu nedenle bir şeyi anladıktan sonra herhangi birinde özgürce çalışabilirsiniz.

Menü oluşturma ilkesi birkaç adıma ayrılabilir:

Adım 1. Tasarım için bir şablona karar verin.

Şablonlara göre grup oluşturmanıza izin veren sitelerde, onlarca farklı stil ve renkte şablonu yüksek kalitede çizen profesyonel tasarımcılar çalışır. Grubunuz için doğru olanı seçebilirsiniz. Ardından, şablonu istediğiniz zaman değiştirme fırsatına sahip olacaksınız.

Adım 2. Düğme sayısını belirleyin.

Menünüzde farklı sayfalara kaç tane düğme bağlantısı görüneceğine karar verin.

Adım 3. Bağlantıları ve etiketleri belirtin.

Adım 4. Doğrulama ve dışa aktarma.

Tamamlanan menünün istediğiniz gibi çalıştığından emin olun ve ardından onu topluluğunuza yükleyin. Hizmetler gerekli tüm resimleri bağımsız olarak üretecek, bir kod oluşturacak ve izninizle her şeyi herkese açık hale getirecektir.

Adım 5. Değişiklik yapmak.

Değişiklik yapmanız gerekiyorsa, örneğin yeni düğmeler ekleyin, bağlantıları ve etiketleri düzeltin, tasarımı değiştirin, sadece hesabınıza gidin, değişiklik yapın ve menüyü tekrar dışa aktarın.

Kendiniz de görmüş olduğunuz gibi, özel sunucular kullanarak yüksek kaliteli, uygun fiyatlı ve güzel bir menü oluşturmak VK yöneticileri için en iyi seçenektir. Bu tür sunucuların yalnızca bir seferlik ücretsiz hizmetler sunduğunu belirtmekte fayda var - deneme. Bu tür kaynakların müteakip kullanımı için ödeme yapılması gerekir. Ancak buna rağmen, işlevselliği kullanmanın sonucu şüphesiz yatırımınızı haklı çıkaracaktır.

Vkontakte grubu için afiş, ücretsiz oluşturun!

Çok fazla çaba ve yazılım olmadan kendinize Vkontakte grubu için güzel bir afiş yapabileceğiniz özel siteler var. Örneğin https://bannermakers.ru/banners-vk/.
Bu şekilde menü oluşturmanın yanı sıra VK grubunda ve başka bir şekilde menü oluşturmanın da yolları vardır. Aşağıda bunun hakkında okuyun.

VK menüsü wiki işaretlemesi

Wiki işaretlemesi, güzel ve etkili bir topluluk oluşturmada büyük bir yardımcıdır! Bu, popüler VKontakte ağında bir halk tasarlamanın çok uygun ve etkili bir yoludur. Bu işaretleme, eylemi açısından html koduna çok benzer. Ancak programlama ile ilgili olmayanlar için,

Uygulamanın basitliği nedeniyle yeterince açık olacaktır. Bu işaretleme, çok sayıda kullanıcının ilk kez işlevlerinin ana özelliklerini tanıma fırsatı bulduğu "Wikipedia" sayesinde adını aldı. Wiki işaretlemesi, programlama becerisine sahip olmayan kişilerin kolayca ve hızlı bir şekilde bir grup tasarlamasına olanak tanır:

· Grafiksel olarak spoiler ve tablolar oluşturun.

· Görüntüleri ve metni biçimlendirin.

Öyleyse, VK topluluğu için nasıl bir menü yapılacağını analiz etmeye devam edelim mi?

Elbette grup menüsünü tasarlama sürecinde ek öneriler gerekebilir, ancak genel olarak bu kılavuzu kullanarak oluşturma ilkesini anlayabilirsiniz. Html'yi düşünürsek, araştırması ve onunla çalışması için birkaç gün veya yaklaşık bir hafta harcamanız gerekir. İyi bir hafızaya sahip Wiki işaretlemesi ile çalışmak sadece biraz zaman alacaktır. Nasıl oluşturmalısınız? Hangi yaklaşımlar izlenmelidir?

Biraz tarihi üzerinde duralım ve sonra teknoloji hakkında konuşalım. Ward Cunningham, insanları Hawaii dilinde "hızlı" anlamına gelen "wiki" kavramıyla tanıştırdı. Böylece işaretlemeyi kullanmanın basitliğini ve hızını ifade etti.

Hızlı kayıt

Şimdi şu soruları ele alacağız: "VK'da bir grupta menü nasıl yapılır" ve bunun nasıl etkili bir şekilde uygulanacağını netleştireceğiz. Bu süreçte, her biri kendi yönüne sahip olan ve nihai hedefe götüren birkaç yoldan gidebilirsiniz - yüksek kaliteli bir grup menüsünün varlığı.

Sırayla halledeceğiz. Grup bir sosyal yön duygusu taşıyorsa, bir metin menüsü uygulayabilirsiniz. Avantajları ciddi görünümünde yatmaktadır. Ticari ve eğlence topluluklarının menü - grafiklerdeki oranı belirlemesi arzu edilir. VK grup menüsü için hazır şablonlar olduğunu unutmayın. Görsellerin kullanımı, ziyaretçilerin dikkatini neyin görünür olması gerektiğine çekecektir. Bu yaklaşımı benimsemek size grubu daha eğlenceli ve rahatlatıcı hale getirme fırsatı verecektir. Wiki - işaretleme, resimler ve fotoğraflar içeren bir grup menüsü oluşturmanıza, tablolar oluşturmanıza, bağlantıları gömmenize ve açmanıza ve çok daha fazlasına olanak tanır. Tabii ki, bu tüm işlevlerin listesi değil, ancak topluluğunuzun menüsünü oldukça etkileyici bir ölçekte tasarlamak da kolaydır.

Bir VK grubu için menü oluşturmada Wiki işaretlemesinin temelleri

Temalı resimler ve fotoğraflar, VK grubunun güzel ve ilginç bir menüsünü oluşturmanıza izin verecektir. VKontakte'de gerekli fotoğrafı veya resmi wiki işaretlemesini kullanarak yalnızca sitenin albümlerine zaten yüklenmiş olduklarında eklemenin mümkün olduğunu bilmek önemlidir. Bu yüzden albüme gidin, istediğiniz fotoğrafa karar verin ve adresini kopyalayın. Diyelim ki şöyle olsun: photo14523_90678. Şimdi onu çift köşeli parantez içine almanız gerekiyor. Böyle bir sonuç olmalıdır: []. Ancak bir resme veya fotoğrafa bir bağlantı veya metin eklemeniz gerekirse ne olur? Ya da belki dış görüntüyü düzenlemeye ihtiyaç var mı? O zaman aşağıdaki eylem burada yardımcı olacaktır: [[photo14523_90678 | options | text / link]] gibi görünecek dosyaya ihtiyacınız var ve son üç kelime yerine ihtiyacınız olanı değiştirmeniz gerekiyor. Metin - ihtiyacınız olanı girin. Ek açıklamalar burada kesinlikle yersiz olacaktır. Bağlantı, İngilizce'den "bağlantı" olarak çevrilmiştir. Ziyaretçinin arabasının nereye gitmesi gerektiğini anlaması için belirtilir. Seçenekler - bu değerler burada ayarlanır:

Noborder - fotoğrafın etrafındaki çerçeveyi kaldırır. Kutu - resim pencerede bulunur.

Nopadding - resimler arasındaki boşluklar görüntülenmez.

NNNxYYYpx veya NNNpx - resmin boyutunu (piksel olarak) belirtir.

Kural olarak, VK grubunun metin ve grafik menüsüne, bilgileri ziyaretçiye uygun bir biçimde, yani bir tabloda sunmanıza izin veren bir öğe yerleştirmek gerekir. VKontakte'deki birkaç topluluk onsuz yapabilir. Wiki işaretlemesini kullanarak bir tablo oluşturmak için belirli bir sembol listesi kullanmanız gerekir. Ardından, bu veya bu sembolün hangi işlevsellikten sorumlu olduğunu öğreneceksiniz:

(| - bir tablonun başlangıcının belirtilmesi. Bir tablo oluştururken bu sembol olmadan yapmak mümkün değildir, bu gerekli bir niteliktir.

| - hücrelere şeffaflık efekti vermek için kullanılır.

| + - bu karakter kümesini kullanarak tablo adı ortalanır. Bu kesinlikle gerekli bir nitelik değildir, ancak başlangıcı karakterize eden işaretlerin hemen arkasına yerleştirilmelidir.

| - - yeni satırlar bu şekilde belirtilir (hücreler için de).

Koyu renk verir. Bu sembolün yokluğunda, 2. paragraftaki işareti kullanmak gerekir.

|) tablonun sonunu gösteren bir dizi karakterdir. Bu isteğe bağlı bir niteliktir. Ancak yine de bir hatanın oluşmasını önlemek için kullanılması önerilir.

Şimdi hücrenin nasıl doldurulduğuna bakalım. Girilmesi gereken tüm bilgiler | işaretlerinden sonra yer alır. Hücreleri birbirinden ayırmak gerekirse, şu şekilde çoğaltmanız yeterlidir: ||.

Şimdi, wiki işaretlemesini kullanarak VK grubunda nasıl menü yapılacağına dair bilgileri adım adım incelediniz. Halkınız için bir menü derleme örneği sizin için daha da netleşecektir.

Yeni bir tasarıma sahip bir VK grubunda menü nasıl yapılır 2018

VK'nın yeni tasarımı sadece sitenin işlevselliğine kolaylık sağlamakla kalmadı, aynı zamanda kamu yöneticileri için bir miktar kafa karışıklığı da getirdi. Bu bölümde, yeni bir tasarımda grup menüsünün nasıl oluşturulacağını adım adım inceleyeceğiz.

Yani VK'nın yeni sürümünde hızlı ve en önemlisi kod hatası olmadan nasıl menü yapılacağına dair rehber karşınızda. Talimatları tam olarak takip ederek menüyü kendiniz, doğru ve hızlı bir şekilde oluşturabileceksiniz! Hadi başlayalım!

1. Menü görüntüsünü Photoshop'ta veya başka bir grafik düzenleyicide açın.

2. Resmin boyutunu inceleyin ve genişliği 600 pikseli aşarsa - boyutu 600 olarak değiştirin, resmin yüksekliği orantılı olarak değişir, manuel olarak ayarlamıyoruz!

3. "Kesme" aracını kullanıyoruz ve butonlar üzerinde resmimizi kesiyoruz.

4. Resmi "WEB için" parametresine kaydedin. Artık Photoshop çalışması bitti. Topluluğa gidelim.

5. "Materyaller"de topluluk ayarlarına gidin, "Kısıtlı"yı seçin ve "Kaydet"e tıklayın.

6. Ana sayfaya gidin, "son haberler" alt bölümünde "düzenle"ye tıklayın.

7. Böylece Wiki editörüne girdik, şimdi en temel aktivite başlayacak. "Taze haberler" sütununu "menü" veya başka bir şekilde değiştirin ve kamera simgesini tıklayın, tüm dilimlenmiş parçaları kaydedilen klasörden ekleyin.

Wiki biçimlendirme düzenleyicisine girdikten hemen sonra kod yerine resimler görünüyorsa, wiki biçimlendirme modunu değiştirmelisiniz!

Şimdi menümüzün koduna sahibiz, ancak resimler arasındaki boşlukları kaldırmak için biraz değiştirilmesi gerekiyor. Şimdi kodumuz şöyle görünüyor: [] [-] [-] [-] [-]

Önizlemeye geçerken, resimlerin olması gereken yerde olmadığını ve ayrıca aralarında boşluklar olduğunu fark edeceğiz.

8. Kodu düzeltin: Varsayılan olarak, VK 400 piksel genişliğinde maksimum görüntü boyutu için yerleşik bir çözünürlüğe sahiptir, ilk düğme 600 olur, ilk düğmenin parametrelerini 400x89px 600px olarak değiştiririz, siz Yüksekliğini belirtmenize gerek yok. Ayrıca her satıra şu etiketi gireriz: nopadding noktalı virgülle ayrılmalıdır.

Önemli! Aynı menü satırında iki düğmenin yan yana olmasını istiyorsanız, kod satırlarından sonra ENTER'a tıklamayın. Düzenleyici, uymayan parametreleri otomatik olarak yeni bir satıra aktaracaktır! Bu kod düzenlemeden sonra olmalıdır:

[][-][-][-][-]

Şimdi "önizleme"ye giderek her şeyin yerli yerinde olduğunu görüyoruz. Koddaki düğmelerin her birine gerekli bağlantıları ekleyin; açıklayıcı bir örnek için, ilk düğmenin bağlantısı burada tıklanamaz! | arasındaki fazla boşluğu kaldırmayı unutmayın. ve ].

[][-][-][-][-]

Her şeyin planlandığı gibi yapıldığından emin olduktan sonra "kaydet"e tıklayın ve sayfaya dönün. Lütfen 2018'in yeni sürümünde "sayfaya dön" düğmesinin bulunmadığını, bu nedenle en üstteki sayfa adını tıklamanız gerektiğini unutmayın.

9. Şimdi menümüzü sabitlememiz gerekiyor. Bunun için menümüzden sayfanın bağlantısını kopyalayın ve grubun ana sayfasına dönün.

10. Kopyalanan bağlantıyı yeni mesaj alanına yapıştırın. Menünün bir parçası görüntülendikten sonra bağlantı kaldırılmalıdır! Ve kamera simgesini kullanarak afiş için önceden hazırlanmış bir resim eklemeniz gerekir. "Gönder" düğmesinin solundaki daireye tıklayarak "topluluk adına" koyuyoruz ve "gönder" e tıklıyoruz.

11. Şimdi menüyü düzeltelim, sayfayı yenileyelim ve sonucumuzu değerlendirelim. Tüm iş, yavaş yavaş, yaklaşık 15-20 dakika sürer.

VK grubunda geçişli menü nasıl yapılır

Şimdi geçişlerle nasıl VK grup menüsü yapabileceğinize bakalım.

Peki bir wiki menüsünü diğerinin içinde nasıl yaparsınız? Her şeyden önce, ilk menü hazır olmalıdır. Zaten düğmelere kesilmiş resimden başlayalım. Görüntünün kesilmiş parçalarını wiki düzenleyicideki kamera zulasından ekleyin. Kod yerine resimler görünüyorsa, wiki işaretleme modunun etkinleştirilmediği anlamına gelir, resmi eklemeden önce<>

Sayfanın altındaki "Kaydet"e tıklamayı unutmayın! Gerekirse, görüntüyü yeniden boyutlandırabilir ve koda nopadding etiketi ekleyebilirsiniz, varsayılan olarak yoktur ve görüntünün istenen boyuta düzeltilmesi gerekiyorsa görüntünün boyutu maksimum 400 piksel genişliğinde olmalıdır. !

1. Kodu düzenledikten sonra kaydedin ve "geri dön"e tıklayın.

2. İlk menünün görüntüsünün doğruluğunu kontrol edin.

3. Her şey olması gerektiği gibiyse, tekrar "düzenle"ye tıklayın.

Şimdi ikinci menünün bulunacağı yeni bir wiki sayfası oluşturmanız gerekiyor. Kodun en sonuna, VK 2 public, well veya ihtiyacınız olan herhangi bir metin için menü değerini yazıyoruz. Kaydedip geri dönüyoruz. Altta yeni bir adla aktif bir bağlantı görünmelidir. En büyük kolaylık için başka bir tarayıcı sekmesinde açın.

Yeni oluşturulan sayfanız hala boşken "düzenle" veya "içerikle doldur"u tıklayın.

Tıpkı en başta yaptığımız gibi, ikinci menünün bölümlerini ekliyoruz, kaydediyoruz ve yeni menünün nasıl göründüğünü görüyoruz.

Her şey olması gerektiği gibiyse, tarayıcınızın adres çubuğundaki yeni menü sayfasının bağlantısını kopyalayın.

İlk menünün "İncelemeler" butonuna tıkladığınızda yeni bir menünün açılması gerektiğini varsayalım. İlk menüyü oluşturduğumuz sekmeye gitmeniz ve üçüncü satırı bulmanız ve bağlantıyı panodan yapıştırıp kaydetmeniz ve geri dönmeniz gerekiyor.

Böylece "İncelemeler" butonuna tıkladığınızda ikinci menümüz açılacaktır.

Telefondan VK grup menüsü nasıl yapılır

VK gruplarının yöneticisi olarak çalışmak veya sadece bir telefonla kendi grubunuzu oluşturmak için "şanslı"ysanız, uyarlarsanız, fazla çaba harcamadan bir telefondan grup menüsü yapmak oldukça mümkündür.

Herkes ve herkes, VK yaratıcılarının kullanıcılarına oldukça uygun bir mobil sürüm sunduğunu biliyor ve daha önce bir menü oluşturmanın farklı yollarını öğrendiniz. Ancak, wiki işaretlemesini kullanarak kodları manuel olarak girmek mümkündür, ancak çok uygun değildir. Ancak, özel hizmetlerin sitelerinden bir şablon indirmek ve onu gerekli sütunlara eklemek oldukça basit ve daha kullanışlıdır ve çok fazla zamanınızı almaz. Böylece Vkontakte gruplarını basit ve rahat bir şekilde yönetebilirsiniz.

Vkontakte grup menü şablonları

Bir VK grup menüsü oluşturmak için yukarıdaki yöntemlerin tümü oldukça basittir ve bunları pratikte uygularsanız, bunda kesinlikle karmaşık bir şey olmadığından emin olabilirsiniz. Wiki işaretlemesini kullanarak resimleri ve tabloları gömmeye alışmak hızlı ve kolaydır. Ancak, yukarıda belirtilen kaynaklarda bulunabilen veya aynı kullanıcıların bloglarından ve sitelerinden indirilebilen grup menüsü için hazır şablonları kullanmak daha da hızlı ve daha uygundur.

Şablonların, çeşitli konulardaki resimlerin ve resimlerin varlığını ima ettiğini belirtmekte fayda var. Ayrıca çok yönlü bir tasarıma sahiptirler. Görsel aramaya vaktiniz yoksa veya parlak bir menü oluşturacak hayal gücünüz yoksa hazır menüleri kullanmanız daha iyi olur.

Bir sosyal ağda bir grup tasarlamak için kullanışlı ve basit bir wiki işaretlemesi VKontakte grubu için. Html koduna benzer şekilde çalışır, ancak basit bir kullanıcı, bir grup sahibi için daha sezgisel ve anlaşılması daha kolaydır. Bu işaretleme Wikipedia (özgür ansiklopedi) tarafından ve dolayısıyla adı tarafından kullanılır.
Wiki işaretlemesi ile, haftalarca takılıp kalabileceğiniz html ormanına gitmenize gerek kalmadan, tuhaf veya geleneksel bir şekilde bir grup tasarlayabilirsiniz. Wiki işaretlemesini öğrenmesi o kadar kolaydır ki en deneyimsiz kullanıcıyı sadece bir saat içinde alt eder. Bu işaretleme ayrıca, herhangi bir grubun görünümünü niteliksel olarak değiştirebilecek görüntü ve metin, bağlantı, spoiler, bağlantı, grafik tablo ve diğer öğelerin biçimlendirilmesiyle de baş eder.

Bir kişide çeşitli şekillerde bir menü oluşturmak mümkündür ve bunların seçimi VK grubunun yönü ve teması nedeniyledir. Sosyal ve ticari gruplar için kullanıcılar ciddi metin tabanlı menüleri, eğlence için ise grafik menüleri tercih ediyor.

Wiki biçimlendirme, fotoğraflarla veya herhangi bir tür görüntüyle çalışmak için harikadır, ancak birkaç püf noktası vardır. Wiki işaretlemesi ile eklenen bir resim, yalnızca albümde mevcutsa görünecektir. Basit bir manipülasyonla, fotoğraf (örneğin: photo55775_55775) hemen sayfada görünecektir. Bunu yapmak için adresini kopyalayın ve ona çift köşeli parantez ekleyin.

Şuna benziyor - [] - ve bu işaretleme albümlerdeki herhangi bir görüntüye uygulanabilir. İşaretlemeyi tamamladıktan sonra, görüntüyle birlikte hem metni hem de bağlantıyı ekleyebilir, böylece görünümünü değiştirebilirsiniz.

Bunu yapmak için aşağıdaki wiki işaretlemesini kullanmanız gerekir - []. "Seçenekler" kelimesi, her biri fotoğrafın görünümünü değiştirecek olan diğer değerlerle değiştirilebilir. Ve değerler aşağıdaki gibidir:

• noborder çizimi çerçevesiz yapacaktır;
• nopadding, görüntüleri aralarındaki boşlukları kaldırarak birleştirir;
• düz resimden bir bağlantı yapacak;
• NNNpx, görüntüyü yeniden boyutlandırmanıza izin verir;
• kutusu yeni bir pencerede açılacaktır.

Wiki işaretlemesini kullanarak tablolarla mı çalışıyorsunuz?

Özel tablolar olmadan hem grafikli menüler hem de resimli menüler imkansızdır. Basit bir kod ve sembol seti öğrendikten sonra, VKontakte grubunuz için hızlı bir şekilde tabloları nasıl oluşturacağınızı öğreneceksiniz. Semboller şöyle görünür:

• (| bu başlangıç ​​sembolü olmadan bir tablo oluşturmak imkansızdır;
• | + tabloyu ortalamak için kullanılan isteğe bağlı karakter
• | - bu karakterle yeni bir satır başlar;
• | bu sembol hücrelerin şeffaflığından sorumludur;
• ! bu sembolü kullanarak koyu renkli bir hücre yapabilirsiniz;
• |) bu isteğe bağlı karakter tabloyu sonlandırır.

Aşağıdaki çok basit koddan böyle bir menü elde edilecektir:

{|
|-
|

"Yeni" '||"'Oyunlar"'||"' Tüm türler "'
|-
![]!![]!![]
|-
|
[[Çevrimiçi oyunlarda yeni | Yeni]]

[[Bulmaca]]

|
[[Balonlar]]

[[Görevler]]

[[Oyun makinesi]]

[[Oyun Tartışmaları]]

|-
|}

Bir wiki ile bağlantı kurma - işaretleme?

Bir kişide, wiki işaretlemeli bir grup tasarlamak için üç tür bağlantı kullanabilirsiniz.

• Geleneksel bağlantı:

• Normal bağlantı + metin:

• Resim şeklinde bağlantı: []

Bir grafik menü ile mi çalışıyorsunuz?

Oluşturmak için basit bir eylem algoritması kullanılır. Ancak, en azından yüzeysel olarak Photoshop'un çalışmasını bilmeniz ve wiki işaretlemesini incelemeniz gerekir. Ancak VKontakte eğlence grubundaki grafik menü çok çekici görünüyor ve bu nedenle onu oluşturmak için zaman ayırın. Algoritma aşağıdaki gibidir:

• Düzenleyicide gerekli grafikleri kesin ve "web için kaydet";
• Grafikleri, kalitelerini düşürmemek için flaş kullanmadan sıradan resimler gibi yükleyin;
• Özel nopadding etiketini kullanarak menüyü oluşturun;
• Tüm bağlantıları dikkatlice yazın;
• Eğlence grubunuz için güzel bir menü hazır.

Wiki işaretlemesinin birkaç sırrı

Bu işaretleme html koduna benzemiyor ve bazı özellikleri sadece deneysel olarak denenebilir. Ancak deneme yapmak sizin işiniz değilse, hatalardan kaçınmak ve belirli bir öğenin neden wiki işaretlemesine uymadığını merak etmek için aşağıdaki özellikleri inceleyin. İşaretleme hileleri:

• İzin verilen resim genişliği 610 pikselden fazla değildir;
• Genişliği değiştirmek, resmin yüksekliğini otomatik olarak değiştirir;
• 134 pikselden küçük resimler kaliteyi daha da kötüleştirir;
• Bir işaretleme satırında yalnızca 7 liste öğesi bulunabilir;
• Bir sayfada 18'den fazla kapatılmamış etiket bozulmaya ve hatalara yol açacaktır.

Wiki işaretlemesi için programcı uygulamaları

İşaretleme sizin için çok karmaşık görünüyorsa, yazarların kendilerinin öğretici olarak adlandırdığı basit uygulamaları kullanın. İşaretlemenin sırlarını öğrenmek istiyorsanız budur. Size bilim verilmediyse, doğru kodu kendisi yazan basit bir görsel düzenleyici kullanarak VK grupları tasarlayın.

Gelin biraz wiki nedir ve bu sistemin neden icat edildiğinden bahsedelim. Bu terim 1995 yılında Ward Cunningham tarafından icat edildi. Aynı zamanda ilk wiki ortamı ortaya çıktı. Bu arada, "wiki" kelimesi "hızlı" anlamına gelen Hawaililerden ödünç alındı.

"Wiki" teriminin birkaç anlamı vardır:

1. Herhangi bir site ziyaretçisinin düzenleyebileceği özel türde sayfalar ve gönderiler. Burada sadece resimli metinleri değil, aynı zamanda sitenin yapısını da düzenleyebilirsiniz.
2. Kapsamlı sanal ansiklopediler oluşturmak için yapıcı.
3. Bütün bir felsefi teori ve özel teknolojiler.

wiki işaretlemesi nedir

VKontakte wiki işaretlemesinin nasıl yapıldığını bilmek ister misiniz? Ancak eğitimden önce, size wiki hakkında tüm bilgileri sunduğumuz teorik materyalimize mutlaka bakmalısınız.

Bugün en ünlü wiki sitesi devasa Wikipedia'dır. İkinci sırada çok kullanıcılı Wikia projesi yer alıyor ve bunu çeşitli küçük ansiklopediler takip ediyor. Fakat bu tür kaynaklar nasıl organize edilir? Hangi bileşenlerden yapılmıştır? Anlayalım!

Bir elektronik ansiklopedinin birçok sayfası, başlığı, bölümü vb. olabilir. Tüm bu bileşenler ortak bir ağ oluşturacak şekilde örülür ve ortak bir alan oluşturur. Özel bir araç - wiki işaretlemesi - böylesine büyük bir kaynak oluşturmaya yardımcı olur. Yardımı ile yalnızca her türlü ansiklopedi oluşturabilmeniz değil, aynı zamanda her türlü VKontakte topluluğu tasarlayabilmeniz de önemlidir.

Wiki işaretlemesi - grubunuz için kişiselleştirilmiş bir görünüm oluşturmanıza izin veren özel etiketler. Bu araç, topluluğa birçok ek sayfa ve bağlantı eklemeyi mümkün kılar. Böylece topluluğunuzda küçük bir ansiklopedi düzenleyebilirsiniz. Özünde, bir wiki bir HTML diline benzer, ancak bu tür biçimlendirme kendi kuzeninden çok daha hafif ve basittir.

Wiki ve VKontakte nasıl ilişkilidir?

VKontakte wiki işaretlemesinin ne olduğunu ve nasıl kullanılacağını öğrenmeliyiz. Ama önce, bu aracın VK'ya ne gibi faydalar sağlayabileceğini görelim.

Bu işaretleme türü, orijinal menüler, etiketler, plakalar oluşturmanıza ve ayrıca yeni gezinme öğeleri eklemenize olanak tanır. Bu nedenle, topluluğunuzu birçok rakipten ayıran güzel, benzersiz bir tasarım bulmalısınız.

Önemli! Bir grubun tasarımını değiştirmeden önce, onu oluşturan unsurları nasıl kullanacağınızı öğrenin. Bunlara "Videolar", "Fotoğraflar", "Duvar" ve daha fazlası dahildir. İlginç ve faydalı bilgiler seçmek de gereklidir, aksi takdirde topluluğunuz yeni aboneleri çekemez ve elde tutamaz.

Wiki faydaları

"VKontakte" wiki işaretlemesinin nasıl yapıldığını bulmak istiyoruz. Ama önce, bu aracın neden bu kadar iyi olduğunu görelim.

İlk olarak, bir wiki HTML'den çok daha hafiftir. Bu, herkesin herhangi bir sorun yaşamadan ustalaşabileceği anlamına gelir. İkinci avantaj, wiki işaretlemesinin çeşitli sayfalarda yaptığınız tüm değişiklikleri korumasıdır. Aynı malzemenin tüm çeşitlerini istediğiniz zaman karşılaştırabilir ve en iyisini seçebilirsiniz.

Bazı wiki sırları

Profesyonel bir wiki işaretlemesi olmak çok zaman alır. Ancak bu sistemde ilk adımlar atılırken dikkat edilmesi gereken birkaç şey var.

Örneğin, boyutu 131 pikselden küçük olan resimler kalitesiz hale gelir. Bir sayfa en fazla 17 etiket içermeli ve bir satır 8'den fazla bileşen içermemelidir. Resmin genişliğini ayarlarsanız, tüm oranlar dikkate alınarak yüksekliği bağımsız olarak değişecektir. listelerin oluşturulmasından sorumludur.

Wiki işaretlemesi "VKontakte": gruptaki sayfalara bağlantılar

Topluluğunuzda yeni bir sayfa oluşturmak için metinde yeni bir makaleye bağlantı belirtmeniz yeterlidir. Ayrıca, yeni metin malzemesi yazıldıktan hemen sonra ek sayfalar görünür.

Bu parantezler [], wiki işaretlemesine bağlantı girmekten sorumludur. Bu parantezlerin içindeki semboller kesinlikle bir link olacak ve üzerine tıkladığınızda hemen yeni bir sayfaya yönlendirileceksiniz. Şimdi doldurulması ve düzenlenmesi gerekiyor. Yeni sayfa hazır! VKontakte wiki işaretlemesi, bu sayfaların çoğunu oluşturmanıza olanak tanır. Sonuç, grubunuz içinde minyatür bir site olabilir.

Güzel tasarlanmış metnin özellikle önemli olduğunu lütfen unutmayın. Okuması ve anlaması kolaydır. Başlıklar, hizalama, harf biçimleri vb. üzerinde çalıştığınızdan emin olun. Wiki'nin her bir biçimlendirme türü için kendi etiketleri vardır. Ancak bazı HTML karakterlerini de kullanabilirsiniz. Bu, wiki işaretlemesinin yalnızca özel etiketler değil, aynı zamanda HTML dilinden birçok karakter kullanması gerçeğiyle açıklanmaktadır. Ve bu, çoğu durumda, belirli işlevlerin çift tanımını kullanabileceğiniz anlamına gelir.

İlginç bir şekilde, wiki akıllı bir şeydir. Metninizdeki HTML işaretlemesinden öğeleri fark ederek, bunları kendi dilinden karakterlerle değiştirebilir.

Çapa bağlantısı nasıl yapılır

Bağlantılar güzel düğmeler veya ciddi çapalar olabilir. VKontakte wiki işaretlemesi, her ikisini de oluşturmanıza olanak tanır. Ancak önemli bir kuralı unutmayın! Metin her zaman bağlantının sağına, resim ise her zaman bağlantının soluna yerleştirilir.

Ardından, bağlantıya nasıl çapa ekleneceğini öğrenmemiz gerekecek. İstediğiniz bağlantıyı açın ve yapıştırın. Ardından, eleman ayırma işaretini - ǀ koyarız ve ondan sonra gerekli metni yazarız. Şimdi parantezleri kapatabilirsiniz.

Bir fotoğrafa bir bağlantı nasıl bağlanır

Şimdi bir buton oluşturalım. Bir resim eklemek için topluluğunuzun albümündeki "fotoğraf" kelimesini ve numarasını kullanacağız. Tüm bilgileri tekrar parantez içine alıyoruz. Önce bir fotoğraf, sonra bir bağlantı kaydediyoruz.

Örneğin, şöyle bir düğme almalısınız: [].

Resmimizle çalışmak için mevcut işlevlere dikkat edin!

• düz - resimsiz bir fotoğrafa metin bağlantısı;
• noborder - çerçeveyi resimden çıkarın;
• kutu - resmi yeni bir pencerede açın;
• nolink - fotoğrafın bağlantısını kaldırın;
• nopadding - resimler arasındaki boşlukları kaldırın;
• NNNpx - görüntü genişliği;
• NNNxYYYpx - fotoğraf boyutları (genişlik * yükseklik).

Bu işlevler, ayırma işaretiyle dönüşümlü olarak bağlantıdan önce yerleştirilmelidir. Bu öğelerle birlikte, resmi diğer karakterlerden ayırmayı unutmadan, resme bir başlık da ekleyebilirsiniz.

Wiki kullanarak tablolar oluşturma

VKontakte wiki işaretlemesi başka ne yapabilir? Tablolar oluşturabilir. Bu, diğer tüm nesnelerde olduğu gibi kolayca yapılır. Metne tablo eklemek için özel karakterler de kullanılır.

İlk olarak, plakanın kendisinin nelerden oluştuğunu görelim:

• (| - masayı aç;
• | + - tablo başlığı, ortalanmış (isteğe bağlı);
• | - - yeni satır;
• | - plakayı şeffaf hale getiriyoruz;
• ! - karanlık hücreler;
• |) - tabloyu kapatın (hataları önlemek için kullanılan isteğe bağlı öğe).

Sondan bir önceki iki işlem değişkendir! Örneğin, karanlık bir hücre yaptıysanız, ona Şeffaflık işlevini uygulayamazsınız!

Şimdi ortaya çıkan plakayı dolduralım:

• | - hücreyi aç;
• || veya!! - bir hücreyi diğerinden ayırırız.

Sonuç olarak, şöyle bir şey elde edeceksiniz (1 * 3 boyutunda bir plaka):

| '' 'Güzellik'' ' || '' Sağlık '' '||' '' Spor '' '

Tablonuza herhangi bir şey ekleyebilirsiniz: resimler, bağlantılar, metinler. Sadece VKontakte wiki işaretlemesinin bize sunduğu kuralları dikkate almak önemlidir.

Menüyü tasarlıyoruz

"VKontakte" menüsünün wiki işaretlemesinin nasıl yapıldığını görelim. Bunun için güzel bir çizime ve bilgiye ihtiyacımız var.

Menünün şunlar olabileceğini lütfen unutmayın:

• Metin (bağlantı bağlantıları oluşturmanız gerekir).
• Grafik (bağları sevimli düğmelerle bağlamanız gerekir).
• Tablo (tüm menü öğeleri plakaya girilmelidir).

Genişliği 610 pikselden fazla olmaması gereken bir resmi önceden hazırlayın. Bu genişliğin grubunuzun duvarının boyutundan kaynaklandığını unutmayın. Gerekli sayıda düğmeyi elde etmek için görüntüyü Photoshop'ta veya başka bir düzenleyicide açın. Her düğmeye belirli bir menü öğesinin adını yazın.

Grubunuza gidin. Burada kontrol paneline gitmeniz ve "Malzemeler" aracını bağlamanız gerekiyor. Ana sayfaya dönerseniz, tartışmaların üzerinde bir "Son Haberler" bağlantısı göreceksiniz. "Haberleri" düzenleyerek, bunlara dayalı güzel bir menü oluşturabilirsiniz.

1. Resimleri grubun bir albümüne kaydedin.
2. Yerleşik görsel düzenleyiciyi kullanarak bunları doğrudan "Haberler" makalesine yapıştırın.

Artık "Haberler"i düzenlemeye başlayabilirsiniz. Bunu yapmak için, birinden "VKontakte" wiki işaretleme "moduna (""<->"). Ayrıca, çeşitli menü öğelerine bağlantılar içeren yukarıda açıklanan her şeyi dikkate alarak.

Wiki işaretlemesinin nasıl yapıldığını nereden öğrenebilirim?

VKontakte, tamamen wiki işaretlemesine adanmış resmi bir gruba sahiptir. Orada eğitim materyallerini okuyabilir, pratik tavsiyeler alabilirsiniz. kullanıcılarının wiki dilini kullanmasını mümkün olduğunca kolaylaştırmaya karar verdi. Bunun için üzerinde grup tasarlama alıştırması yapabileceğiniz çeşitli uygulamalar oluşturulmuştur.

Burada topluluk tasarımları da var. Onların yardımıyla, hiç zamanınız yoksa hızlı bir şekilde bir grup ayarlayabilirsiniz. Ayrıca, şablonları düzenlemek, acemi grup yöneticileri için iyi bir uygulamadır. VKontakte wiki işaretlemesinin ne olduğu konusunda hala yetersiz bir anlayışa sahip misiniz? Bu durumda tasarım şablonları sizin için büyük bir yardımcı olacaktır. Bu tür tasarım örneklerini yalnızca resmi wiki işaretleme topluluğunda değil, aynı zamanda World Wide Web'in genişliğinde de bulabilirsiniz.

Bir wiki öğrenmekte zorluk çekenler için birçok öğretici ve referans kitabı da mevcuttur. Alternatif olarak, daha deneyimli kullanıcılardan tavsiye isteyebilirsiniz. Sonuç olarak, topluluğunuz için özgün bir tasarım alacaksınız!

Vkontakte sosyal ağını aktif olarak kullanan herkesin güzel tasarlanmış gruplar ve halklarla tanıştığını düşünüyorum. Birçoğunda, menüye ek olarak, birçok stilize iç içe sayfalar, dizinler vb. vardır, bu da aslında sosyal ağın içinde küçük bir site oluşturur.

İşte herkesin bunun ne hakkında olduğunu anlaması için bazı örnekler.

Bu tür gruplar, rakiplerinizden öne çıkmanıza ve daha fazla kullanıcı çekmenize olanak tanır. Özellikle içerik de ilginçse :)
Bu makale çerçevesinde, tüm bunların nasıl yapıldığından bahsedeceğiz. Her şeyi daha ayrıntılı olarak sökmek ve tüm incelikleri incelemek için belirli bir örnek alalım. Grup tasarımında küçük bir ustalık sınıfı olacak.

Çalışmamızın ilk aşaması bir fikirdir. Neyi ve kime anlatmak istediğimizi anlamamız gerekiyor. Temasta çeşitli topluluk biçimleri vardır ve belirlenen görevlere göre seçim yapmaya değer. Gelecekte, grup genel bir biçime dönüştürülebilir ve bunun tersi de mümkündür.

Bunu parmaklarımla açıklıyorum. Halk- bu bir blogla karşılaştırılabilecek bir şey. Zaman çizelgesi. Yani abonelerimize bazı şeyleri anlatıyoruz ve onlar topluluğumuzun duvarına yazamayacaklar. Maksimum yorum yapmaktır.

Grup insanların akışta kendi adlarına gönderi paylaşabilecekleri, konuşma ve tartışma için daha açık bir topluluk oluşturmanıza olanak tanır. Ayrıca listenizden arkadaşlarınızı da buna ekleyebilirsiniz. Kamuda böyle bir imkan yok. Ek olarak, grubun wiki işaretlemesini entegre etmek için biraz daha seçeneği vardır (menüyü entegre edebileceğiniz bir "Haberler" bölümü vardır).

Global olarak şu şekilde düşünebilirsin: Mağaza için bir topluluk oluşturmamız gerekirse, o zaman "genel" formatı alırdım. Örneğin, balıkçılık meraklıları hakkında konuşuyorsak, bir "grup" almak daha iyidir. Yine de herkes uygun gördüğü gibi yapmakta özgürdür. Sonuçta, format herhangi bir zamanda değiştirilebilir. Ancak, Vkontakte'nin topluluk biçimini yeniden değiştirme konusunda bir kısıtlama getirdiğini ve ilk seferden sonra gerekirse her şeyi geri alabilmeniz 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ı adlı filme dayanan Mad Max oyununu başlangıç ​​noktası olarak alacağım ve bu oyunda çeşitli materyallere sahip oyuncular için bir topluluk oluşturacağım. . Ana amaç, oyun sitenize trafik çekmektir.

Doğal bir izleyici akışı oluşturmanız ve topluluk içindeki iletişimi en üst düzeye çıkarmanız gerektiğinden, biçim "Grup" olacaktır. Hem grup formatında hem de halka açık olarak uygulanabilecek evrensel bir teknik kullanacağımı hemen açıklayacağım. Her yerde çalışır.

Çok fazla içerik var, fikri hayata geçirmeye başlıyoruz!

Grup oluşturma

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

Grubumuzun adını girdiğimiz ve formatı seçtiğimiz bu pencere görünmelidir.

Gerekli bilgileri girdikten sonra önümüze topluluğumuz için bir kontrol paneli açılıyor. Benim durumumda, buna benziyor.

Gördüğünüz gibi, birkaç parametre ekledim: Video, ses kayıtları, tartışmalar ve içerik toplarken gelecekteki çalışmalarımda bana faydalı olacak bir dizi başka özellik ekledim. Bütün bunlar herhangi bir kısıtlama olmaksızın daha da değiştirilebilir. Sitemin adresini de kaydettim. Bir siteniz yoksa veya konusu topluluk formatına uymuyorsa (bunlar farklı şeyler hakkındadır ve birbirleriyle hiçbir şekilde ilişkili değildirler), bu satır boş bırakılabilir.

yaş sınırı koydum bu durum 18'den itibaren, geliştiricilerin oyuna maruz kaldıklarına benzeterek. Gerçi çocukların da oynadığından neredeyse hiç şüphem yok.

Her şey. Grup oluşturuldu!

Şimdi onu tasarlamaya başlayabilirsiniz.

Vkontakte grup tasarımı

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

İşaretleme şablonu

Şablon nedir ve genel olarak nedir? Şablon bir tür boşluktur. Bu durumda * .psd formatında menü ve grubun avatarları altında resim için alanları işaretledik.

Bu yazının başındaki ikinci örnekte de göreceğiniz gibi avatar ve menü resmi için tasarımı aynı tarzda yapabiliriz. Aynı zamanda görsel olarak 2 parçaya böler. Böylece şablon, grafiklerin yer değiştirmesini ortadan kaldıracak ve resimleri mümkün olduğunca tek bir düzeye sığdıracak şekilde bir görüntü oluşturmanıza olanak tanır.

Daha açık hale getirmek için, işte bir örnek.

Yerleşim alanına bakan resmin her iki tarafında bir şerit olduğunu görebiliriz. Bir şablon kullanmadan tam olarak ilk kez yapmak neredeyse imkansızdır. Tutarsızlıkları 1 piksele kadar ölçerek görüntüleri ayarlamanız gerekecek. Oysa bir şablon kullanırken, işaretleme içinde ona grafikler ekleriz ve hemen istenen sonucu alırız.

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

Bu arada direkt olarak yeni grubumuzun grafik tasarımına geçiyoruz. Burada en az dirençli yolu seçiyorum ve tasarım parçalarını bulmak için Google Görseller'e gidiyorum. Yandex'i de kullanabilirsiniz. Kim neyi daha çok sever.

Tasarım eğitimim yok, bu yüzden yazı tipi ve diğer önemsemelerin seçimi üzerinde ayrıntılı olarak durmayacağız. Photoshop'ta biraz sihirden sonra aşağıdaki sonucu aldım.

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

Grafiklerle çalışmanın ilk aşaması tamamlandı. İletişime dönüyoruz.

Grup için avatar ve menüyü ayarlama

Grubumuzun ava'sının olduğu yerde iki türe tıklıyoruz ve oraya imajımızı yüklüyoruz. Bu adamlar, altlarında da "Fotoğraf yükle" yazıyor.

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

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

"? Gid ="'den sonraki bu sayılar istenen grup kimliğidir. Ortaya çıkan değeri script formuna ekliyoruz ve oluşturmak istediğimiz sayfanın adını yazıyoruz. Bu durumda, "Menü" de sürüyorum.

Sayfanın, yalnızca yandaki sekmede grubun bulunduğu pencerenin açık olması durumunda oluşturulacağına dikkat edilmelidir. Basitçe söylemek gerekirse, aynı tarayıcıda VK'da oturum açmış olmanız gerekir. Gerçekten de, yalnızca grup yöneticisi ve onlara atanan kişiler bu tür manipülasyonlara erişebilir. Sıradan bir yoldan geçen bir kişi, yönetici panelinde erişimi olmayan bir grubun ayarlarını kolayca alamaz ve değiştiremez.

Her şey doğru yapılırsa, bu sayfa açılacaktır.

Bu, daha sonra wiki işaretlemesini yapacağımız ve grubumuz için dahili bir menü oluşturacağımız penceredir. Şimdilik buraya bir şeyler yazmamız yeterli. Bundan sonra mavi "Sayfayı kaydet" butonuna basıyoruz ve en üstte Sayfaya dön bağlantısına basıyoruz.

Kendime bir "Menü" yazdım ve kaydettikten sonra sayfam böyle görünmeye başladı.

Henüz bir tasarım yok, ancak şimdi sadece bu sayfaya bir bağlantıya ihtiyacımız var. Tarayıcının adres çubuğundan alıyoruz ve grubumuzun ana sayfasına dönüyoruz. Kasetin içine.

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

Gönder'i tıklayın. Bundan sonra mesajın gönderilme zamanına tıklıyoruz ve tüm seçenekler arasından "Pin" öğesini seçiyoruz. Sayfayı güncelleriz (klavyede F5 tuşu) ve her şey doğru yapılırsa ilk sonucu alırız: grup bir avatar ve menü bölümüne gitmek için bir bağlantı aldı.

Vkontakte grup menüsünün Wiki işaretlemesi

Şimdi menülerin kendisini tasarlamaya başlayalım. Photoshop'a geri dönün ve menümüz için bir tasarım oluşturun. Arayüzü tasarlarken, uygulama aracılığıyla cep telefonlarından VK'ya girecek kişileri hatırlamanız gerekir. Başka bir deyişle, küçük unsurlara sahip olmamalıyız ve ayrıca her şeyi mümkün olduğunca netleştirmeye çalışmalıyız. Burada her şeyin nasıl düzenlendiğini ve nereye tıklamamız gerektiğini tahmin etmek zorunda kalmamak için ... sadece istenen noktaya dalın ve gerekli bilgileri inceleyin.

Şimdi menüyü tam olarak nasıl kurduğum konusunda ayrıntılı olarak durmayacağım. Ben de öyle yaptım.

Minimum alan sayısı. Dikey düzen. Duyarlı menüler için ideal format. Yani, cep telefonlarında hiçbir şey hiçbir yere gitmeyecek. Her şey tam olarak bilgisayar ve tablet ekranlarındaki gibi olacak. 500 piksel genişliğini alıyorum, böylece daha sonra hiçbir şey küçülmeyecek ve görüntünün kalitesini iki kez kaybetmeyecek. Yükseklik önemli değil.

Görüntüyü parçalara ayırın ve kaydedin.

Her şey. Son akorun zamanı geldi - menüyü zaten grubun kendisinde topluyoruz.

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

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

Ardından wiki işaretleme moduna geçiyoruz (sayfanın sağ üst köşesindeki kapat düğmesinin altında, böyle bir çerçeve ile çizilir)<>içeri). İstenen mod etkinleştirildiğinde, bu düğme gri renkle gösterilir.

Ardından kamera ikonunu dürterek menümüzün tüm parçalarını tek seferde ekliyoruz. Wiki modunda, resimlerin kendisini görmeyeceğiz, sadece bu resimlerin boyutları ve parametreleri ile kodu.

Menüyü, parçalar arasında boşluk kalmayacak şekilde merkeze yerleştirmek istiyorum. Bu nedenle, öğelerin her birini bir etikete sarıyoruz

ve zaten iç içe geçmiş "noborder" parametresine "nopadding" ikinci parametresini ekliyorum. İlki, tablo hücrelerinin parçalarının ve kenarlıklarının vuruşunu devre dışı bırakır. İkincisi, kenardaki dolguyu kaldırır.

İlk ve son menü öğeleri düğmeler olmamalıdır - benim resmimde bu yalnızca dahili bir sayfaya bağlantısı olmayan bir grafik öğesidir, bu nedenle onlara "nolink" parametresini ekliyoruz. Bu, resmin bir parçasını ayrı bir pencerede açmak için bu öğeye tıklama özelliğini kaldıracaktır. Şimdi bir fare tıklamasından hiçbir şey olmayacak. Bu normal bir 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 gömülü sistemin bazen görüntülerin boyutunu yanlış gösterdiğini belirtmek isterim. Bu nedenle, bunu yakından izlemeniz ve tasarımın tasarım aşamasında tam olarak planladıklarımızı sergilemeniz gerekiyor. Aksi takdirde, her şey ters gidebilir ve bulmaca sonunda çalışmayacaktır.

Kodu yazıp tüm öğeleri hizaladığımızda, sayfayı kaydedip Photoshop'takiyle aynı şeyi görüyoruz.

Son dokunuş kalır - menümüzün insanları göndereceği sayfaları oluşturmanız gerekir. Bunu yapmak için tekrar wiki sayfaları oluşturmak için komut dosyasına döneceğiz ve bu sefer aynı anda üç sayfa sipariş edeceğiz. Bu durumda, her birine bir şeyler yazmanız ve adreslerini tarayıcının adres çubuğundan bir yere kaydetmeyi unutmayın.

Daha sonra menünün wiki koduna page-102302049_51013384 şeklinde yeni sayfalara bağlantılar ekliyoruz, burada ilk sayı grup kimliği, ikincisi sayfa numarası. Bununla birlikte, bu genellikle önemli değildir. Sonuçta, bu URL parçasını kopyalamamız ve 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 önemli noktaları açıkladılar ve kataloglarında gerekli öğeyi kolayca bulabilir ve onu wiki sayfanıza nasıl ekleyeceğinizi anlayabilirsiniz.

Sadece resim ve müzikle başka bir halk değil, aynı zamanda faydalı içeriğe sahip gerçekten ilginç bir topluluk mu yaratmak istiyorsunuz? O zaman sadece bir wiki sayfasını nasıl oluşturacağınızı bilmeniz gerekir. Ve bugün nasıl yapılacağını öğreneceğiz.

Wiki işaretlemesi ne için?

Aslında onlarca kullanım durumu var. Örneğin, Wikipedia'da tüm makaleler bu biçimlendirme dili kullanılarak biçimlendirilir. VKontakte web sitesi ayrıca wiki sayfalarının oluşturulmasını da destekler: onların yardımıyla bir grup menüsü oluşturabilir veya metnin fotoğraf, video ve diğer materyallerle serpiştirildiği hacimli bir makale hazırlayabilirsiniz.

Normal gönderilerden farklı olarak, burada çok daha fazla biçimlendirme seçeneğiniz var: başlık ekleme, kalın veya italik yazma, herhangi bir resim, bağlantı vb. Ve isterseniz, tam teşekküllü bir mini site bile oluşturabilirsiniz.

Şimdi bir wiki sayfasının nasıl oluşturulacağından bahsedelim.

Adım 1: grup kimliğini bulun ve yeni bir sayfa oluşturun

İlk önce grubunuzun veya genelinizin kimliğini almanız gerekir. Çoğu durumda, sayısal bir kombinasyon yerine güzel URL'ler kullanılır. Topluluk istatistiklerini açarak bir kimlik alabilirsiniz:

Bir sonraki adıma geçelim. Bir grup için nasıl wiki sayfası oluştururum? Aslında, tarayıcınızın adres çubuğuna yeni bir komut bağlantısı girmeniz yeterlidir. Şuna benziyor:

XXXX yerine topluluğumuzun kimliğini ve "Sayfa_adı" yerine bulduğumuz gerçek adı giriyoruz. Bundan sonra Enter tuşuna basmalısınız. Otomatik olarak yeni bir wiki sayfası oluşturulacak ve ekranda "İçerikle doldurun" mesajı görünecektir.

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

Belki de bu, dili kullanarak yapılabilecek en basit şeydir.

En azından banal Not Defteri'nde çalışmış olan herkes, görsel düzenleyicinin işlevselliğini anlayabilir. Panel, hızlı erişimde tüm ana işlevlere sahiptir:

• yazı tipi (kalın / italik);
• hizalama (sol, sağ, orta);
• H1-H3 başlıklarının eklenmesi;
• tırnak vurgulama;
• bağlantı ekleme;
• multimedya ekleme (fotoğraf, video, ses).

3. Adım: yayınlayın

Yani, bir VKontakte wiki sayfasını nasıl oluşturacağınızı zaten biliyorsunuz. O zaman sadece topluluğunuzda yayınlamanız gerekir. Abonelerin bağlantıyı görebilmesi için hemen güzel bir kapak hazırlamak daha iyidir. Resmin aşağıdaki "Görüntüle" düğmesine tıklamak için bir bağlantı veya bir çağrı içermesi istenir.

Yararlı "hileler"

Temel olarak, standart bir wiki sayfasının nasıl oluşturulacağını anlamak fazlasıyla yeterlidir. Ayrıca, istediğiniz zaman "Önizleme" düğmesine tıklayabilir ve yayınınızın yayınlandıktan sonra nasıl görüneceğini görebilirsiniz. Bir grupta gezinmek için güzel ve kullanışlı bir menü oluşturmanız gerekiyorsa, bu başka bir konudur. Burada zaten biçimlendirme dilinin kendisi hakkında temel bir bilgiye ihtiyacınız olacak.

Fotoğraf Sarma

Resmin iki paragraf arasında sayfanın ortasında değil de metnin yan tarafında olmasını istiyorsanız, resmin koduna | sağa veya | sola eklemelisiniz.

spoiler

Bir VKontakte wiki sayfasının nasıl oluşturulacağıyla ilgilenen herkes, başka bir çok yararlı etiketi hatırlamalıdır - Hider. Onun yardımıyla, tıklayarak bilgilerin açıldığı gizli bloklar oluşturabilirsiniz.

çapalar

Çok sayıda başlık ve alt bölüm içeren uzun bir makale yayınlıyorsanız bu harika. Ardından, sayfanın en üstünde, kullanıcının anında ilgilendiği bloğa atlayabilmesi için bir içindekiler tablosu oluşturabilirsiniz. Tek gereken, karmadan sonra ve düz çizgiden sonra tam bağlantıyı girmektir - bağlantı metni.

Tablolar

Yalnızca amaçlanan amaçları için değil, aynı zamanda herhangi bir bilgiyi doğru bir şekilde düzenlemek için de kullanılabilirler. Simgelerle bir menü oluşturmak için dahil. Yalnızca birkaç ana etiket vardır:

• (| - tablonun başlangıcı;
• | + - başlık;
• | - - yeni satır;
• | - yeni hücre;
• ! - seçilen hücre (karanlık bir arka plana sahip);
• |) - tablonun sonu.

Hücrelerin kendileri herhangi bir bilgiyi içerebilir - metin, resimler, videolar, belgeler. Pratikte şöyle görünür:

grafik menü

Bu muhtemelen bir wiki sayfasını nasıl oluşturacağınızı bildiğiniz zaman yapılacak en havalı şeydir. Aslında, karmaşık bir şey yok, ancak düzeni düşünmek ve görüntüleri dilimlemekle uğraşmanız gerekiyor. Menünün doğru görüntülenebilmesi için boyutların tam olarak gözlemlenmesi, 510 veya 504 piksel genişliğe odaklanılması gerekir. Fotoğrafların birbirine "yapışmasını" istiyorsanız, resim koduna nopadding eklemeniz gerekir.

Bunun yerine noborder parametresini kullanırsanız, resimler arasında 6 piksel mesafe olacaktır. Ardından, bir satırdaki tüm fotoğrafların toplam genişliği, 510-6 * N formülü kullanılarak hesaplanır (N, arka arkaya görüntü sayısıdır).

Benzer etiketler ve tanımlamalar, wiki sayfalarının oluşturulmasını destekleyen tüm kaynaklarda kullanılmaktadır.