Đánh dấu Wiki cho menu VKontakte. Tạo biểu ngữ cho nhóm VKontakte miễn phí! Thông tin về các sự kiện sắp tới

Tôi nghĩ tất cả những người tích cực sử dụng mạng xã hội Trên VKontakte, tôi đã thấy các nhóm và trang công khai được thiết kế đẹp mắt. Nhiều trong số chúng, ngoài menu, còn có nhiều trang con, danh mục, v.v. được cách điệu, về cơ bản tạo ra một trang web nhỏ ngay trong mạng xã hội.

Dưới đây là một vài ví dụ để mọi người hiểu chúng ta đang nói về điều gì.

Những nhóm như vậy cho phép bạn nổi bật giữa các đối thủ cạnh tranh và thu hút nhiều người dùng hơn. Đặc biệt nếu nội dung cũng thú vị :)
Trong bài viết này, chúng tôi sẽ nói về cách thực hiện tất cả điều này. Để phân tích mọi thứ chi tiết hơn và đi sâu vào tất cả những điều tinh tế, chúng ta hãy ví dụ cụ thể. Sẽ có một lớp học nhỏ về thiết kế nhóm.

Giai đoạn đầu tiên trong công việc của chúng tôi là ý tưởng. Chúng ta cần hiểu mình muốn nói gì và nói với ai. Có một số định dạng cộng đồng trong VKontakte và bạn nên chọn dựa trên mục tiêu của mình. Mặc dù trong tương lai nhóm có thể được chuyển sang định dạng công khai và ngược lại.

Tôi giải thích bằng ngón tay của mình. Công cộng- đây là một cái gì đó giống như một blog. Nguồn cấp tin tức. Nói cách khác, chúng tôi nói với những người đăng ký của mình về một số điều nhất định và họ sẽ không thể viết lên tường cộng đồng của chúng tôi. Tối đa là bình luận.

Nhóm cho phép bạn tạo một cộng đồng cởi mở hơn để trò chuyện và thảo luận, nơi mọi người có thể thay mặt họ đăng bài trong nguồn cấp dữ liệu. Bạn cũng có thể thêm bạn bè từ danh sách của mình vào đó. Không có lựa chọn như vậy ở nơi công cộng. Ngoài ra, nhóm còn có thêm một chút tùy chọn để tích hợp đánh dấu wiki (có phần “Tin tức” mà bạn có thể tích hợp một menu vào đó).

Trên toàn cầu, chúng ta có thể nghĩ như thế này: nếu chúng ta cần tạo cộng đồng cho một cửa hàng, thì tôi sẽ sử dụng định dạng “công khai”. Nếu như Chúng ta đang nói về, ví dụ, đối với những người yêu thích câu cá, tốt hơn nên chọn một “nhóm”. Mặc dù vậy, mọi người đều có quyền tự do làm những gì họ thấy phù hợp. Rốt cuộc, định dạng có thể được thay đổi bất cứ lúc nào. Tuy nhiên, hãy nhớ rằng VKontakte đưa ra hạn chế trong việc thay đổi lại định dạng cộng đồng và sau lần đầu tiên, bạn sẽ phải đợi vài ngày cho đến khi có thể trả lại mọi thứ nếu cần. Vì vậy, tốt hơn hết bạn nên kiểm tra chức năng trước khi nhóm bắt đầu điền nội dung.

Trong lớp học nâng cao này, tôi sẽ lấy trò chơi làm điểm khởi đầu Max điên dựa trên bộ phim cùng tên được phát hành cách đây vài tuần và tôi sẽ tạo ra một cộng đồng cho người chơi với nhiều tài liệu khác nhau về trò chơi này. mục tiêu chính— làm cạn kiệt lưu lượng truy cập vào trang web trò chơi của bạn.

Hình thức sẽ là “Nhóm”, vì nó cần thiết để tạo ra lượng khán giả tự nhiên và tối đa hóa khả năng giao tiếp trong cộng đồng. Tôi sẽ làm rõ ngay những gì tôi sẽ sử dụng. kỹ thuật phổ quát, có thể được sử dụng cả ở định dạng nhóm và ở nơi công cộng. Điều này hoạt động ở khắp mọi nơi.

Có rất nhiều nội dung, hãy bắt đầu biến ý tưởng thành hiện thực!

Tạo một nhóm

Để tạo nhóm, hãy đi tới “Nhóm của tôi” trong menu bên phải tài khoản VKontakte của bạn và nhấp vào nút màu xanh lam ở trên cùng “Tạo cộng đồng”.

Một cửa sổ như thế này sẽ xuất hiện, nơi chúng ta nhập tên cho nhóm của mình và chọn định dạng.

Bằng cách nhập thông tin cần thiết Bảng điều khiển của cộng đồng chúng tôi mở ra trước mặt chúng tôi. Trong trường hợp của tôi nó trông như thế này.

Như bạn có thể thấy, tôi đã thêm một số tham số: Tôi đã bao gồm video, bản ghi âm, thảo luận và một số tính năng khác sẽ hữu ích cho tôi trong công việc tiếp theo khi thu thập nội dung. Tất cả điều này có thể được thay đổi trong tương lai mà không có bất kỳ hạn chế nào. Tôi cũng đã viết ra địa chỉ trang web của tôi. Nếu bạn không có trang web hoặc chủ đề của trang web không tương ứng với định dạng của cộng đồng (đó là về những thứ khác và không liên quan đến nhau), thì dòng này có thể để trống.

Tôi đặt giới hạn độ tuổi ở trong trường hợp này từ 18, tương tự như những gì các nhà phát triển đặt ra cho trò chơi. Mặc dù tôi có chút nghi ngờ rằng trẻ em cũng chơi.

Tất cả. Nhóm đã được tạo!

Bây giờ bạn có thể bắt đầu thiết kế nó.

Định dạng nhóm VKontakte

Giai đoạn này có thể chia thành 2 thành phần: đồ họa và kỹ thuật. Để làm việc, chúng ta cần một mẫu để tạo hình đại diện và menu nhóm, cũng như một chút trí tưởng tượng và kiến thức cơ bản về Photoshop (hay còn gọi là Adobe Photoshop).

Mẫu đánh dấu

Mẫu là gì và thậm chí nó là gì? Mẫu là một loại trống. Trong trường hợp này, ở định dạng *.psd, chúng tôi đã đánh dấu các khu vực cho hình ảnh trong menu và hình đại diện của nhóm.

Như bạn có thể thấy trong ví dụ thứ hai ở đầu bài viết này, chúng ta có thể thiết kế theo phong cách thống nhất cho hình đại diện và hình ảnh menu. Đồng thời, nó được cắt trực quan thành 2 phần. Vì vậy, mẫu cho phép bạn tạo hình ảnh theo cách loại bỏ sự dịch chuyển của đồ họa và điều chỉnh các hình ảnh ở cùng mức độ nhất có thể.

Để làm cho nó rõ ràng hơn, đây là một ví dụ.

Chúng ta thấy ở cả hai phần của bức tranh đều có một dải nhìn ra khu dân cư. Nếu không sử dụng mẫu thì gần như không thể thực hiện chính xác ngay lần đầu tiên. Bạn sẽ cần điều chỉnh hình ảnh, đo độ chênh lệch lên tới 1px. Trong khi đó, khi sử dụng mẫu, chúng tôi chỉ cần thêm đồ họa vào đó trong phần đánh dấu và ngay lập tức nhận được kết quả mong muốn.

Tôi muốn lưu ý rằng mẫu nàyđược thiết kế cho 1 dòng trong phần giải thích. Trong ảnh chụp màn hình ví dụ có điện thoại. Nếu dòng thứ hai xuất hiện, bạn sẽ cần sử dụng mẫu khác hoặc sửa thiết kế theo cách thủ công.

Trong khi đó, chúng tôi tiến hành trực tiếp thiết kế đồ họa của anh ấy nhóm mới. Ở đây tôi chọn con đường ít trở ngại nhất và đi đến Google Hình ảnh. Bạn cũng có thể sử dụng Yandex. Ai thích cái gì hơn?

Tôi không có trình độ học vấn về thiết kế, vì vậy chúng tôi sẽ không đi sâu vào vấn đề chọn phông chữ và các chi tiết khác. Sau khi thực hiện một chút phép thuật trong Photoshop, tôi đã nhận được kết quả này.

Ở đoạn bên trái (có ghi “Menu”), bạn cũng có thể thêm một số trình kích hoạt. Trong trường hợp này, tôi quyết định làm mà không có chúng. Tất cả. Thiết kế avatar đã sẵn sàng. Trong Photoshop, nhấn tổ hợp phím nóng Shift+Ctrl+Alt+S và lưu các đoạn của chúng tôi vào một thư mục trên ổ cứng của bạn.

Giai đoạn đầu tiên làm việc với đồ họa đã hoàn thành. Chúng ta hãy liên lạc lại.

Đặt hình đại diện và menu cho nhóm

Chúng tôi nhấp vào hai loại thay cho ava của nhóm và tải hình ảnh của chúng tôi lên đó. Đây là những người này, bên dưới họ cũng có dòng chữ “Tải ảnh lên”.

Thêm một hình ảnh. Chỉ định các trường và chọn hình thu nhỏ. Mọi thứ ở đây đều đơn giản và sẽ không có vấn đề gì.

Như chúng ta có thể thấy, bạn cần biết id cộng đồng. Rất dễ dàng để nhận ra anh ấy. Tìm menu trong nhóm của bạn (ngay dưới hình đại diện) và mở “Thống kê cộng đồng”. Đồng thời, trong thanh địa chỉ trình duyệt một cái gì đó tương tự sẽ xuất hiện (các con số sẽ khác nhau).

Những con số này sau “?gid=” là id nhóm mong muốn. Chúng ta dán giá trị kết quả vào dạng tập lệnh và viết tên cho trang mà chúng ta muốn tạo. Trong trường hợp này, tôi gõ vào “Menu”.

Điều đáng chú ý là trang sẽ chỉ được tạo nếu cửa sổ nhóm được mở trong tab liền kề. Nói một cách đơn giản, bạn phải đăng nhập vào VK trên cùng một trình duyệt. Rốt cuộc, chỉ có quản trị viên nhóm và những người do anh ta chỉ định mới có quyền truy cập vào các thao tác như vậy. Một người qua đường ngẫu nhiên sẽ không thể dễ dàng truy cập và thay đổi cài đặt của nhóm mà anh ta không có quyền truy cập vào bảng quản trị.

Nếu mọi thứ được thực hiện chính xác, một trang như thế này sẽ mở ra.

Đây cũng chính là cửa sổ nơi chúng ta sẽ tạo đánh dấu wiki sau đó và tạo thực đơn nội bộ cho nhóm của bạn. Hiện tại, tất cả những gì chúng ta phải làm là viết một cái gì đó ở đây. Sau đó nhấp vào nút “Lưu trang” màu xanh lam và nhấp vào liên kết Quay lại trang ở trên cùng.

Tôi đã viết “Menu” và trang của tôi sau khi lưu bắt đầu trông như thế này.

Chưa có thiết kế nào nhưng bây giờ chúng ta chỉ cần một liên kết đến trang này. Chúng tôi đưa nó vào thanh địa chỉ của trình duyệt và quay lại trang chủ nhóm của chúng tôi. Đến nguồn cấp dữ liệu.

Ở đây chúng ta tạo một bài viết có nội dung như sau: chèn hình ảnh và link vào trang menu của nhóm.

Bấm gửi. Sau đó nhấp vào thời gian tin nhắn được gửi và chọn “Ghim” trong số tất cả các tùy chọn. Chúng tôi cập nhật trang (phím F5 trên bàn phím) và nếu mọi thứ được thực hiện chính xác, chúng tôi sẽ nhận được kết quả đầu tiên: nhóm đã tìm thấy hình đại diện và liên kết đến phần menu.

Đánh dấu Wiki cho menu nhóm VKontakte

Bây giờ hãy bắt đầu thiết kế menu. Hãy quay lại Photoshop một lần nữa và tạo một thiết kế cho menu của chúng ta. Khi thiết kế giao diện, bạn cần nhớ những người sẽ truy cập VK thông qua ứng dụng với điện thoại di động. Nói cách khác, chúng ta không nên có những yếu tố nhỏ nhặt và ngoài ra, chúng ta cần cố gắng làm mọi thứ rõ ràng nhất có thể. Để chúng ta không phải đoán xem mọi thứ ở đây hoạt động như thế nào và nên nhấp vào vị trí nào... mà chỉ cần chỉ vào đúng mục và nghiên cứu thông tin chúng ta đang tìm kiếm.

Bây giờ tôi sẽ không đi vào chi tiết về cách tôi sắp xếp thực đơn một cách chính xác. Đây là những gì tôi có.

Các trường tối thiểu. Bố trí theo chiều dọc. Định dạng lý tưởng cho thực đơn thích ứng. Nghĩa là, sẽ không có gì đi đến đâu trên điện thoại di động. Mọi thứ sẽ chính xác như trên màn hình máy tính và máy tính bảng. Tôi lấy chiều rộng thành 500 px để sau này không có gì bị co lại và tôi sẽ không làm giảm chất lượng hình ảnh hai lần. Chiều cao không quan trọng.

Chúng tôi cắt hình ảnh thành nhiều mảnh và lưu chúng.

Tất cả. Đã đến lúc thực hiện hợp âm cuối cùng - chúng tôi đang thu thập thực đơn trong nhóm.

Để thực hiện việc này, chúng tôi quay lại trang chính của nhóm (nơi chứa nguồn cấp dữ liệu và liên kết hình ảnh của chúng tôi dẫn đến menu). Chúng tôi nhấp vào hình ảnh menu và đến cùng một trang mà chúng tôi đã tạo trước đó cho menu.

Nếu bạn là quản trị viên hoặc người tạo nhóm (trong trường hợp này là trường hợp của chúng tôi), thì ở đầu trang sẽ có liên kết “Chỉnh sửa”. Hãy nhấp chuột vào nó.

Sau đó chúng ta chuyển sang chế độ đánh dấu wiki (dưới nút đóng ở góc trên bên phải của trang có một khung có<>bên trong). Khi chế độ mong muốn kích hoạt, nút nàyđược phác thảo bằng màu xám.

Sau đó, chúng tôi nhấp vào biểu tượng máy ảnh và thêm tất cả các phần của menu của chúng tôi cùng một lúc. Ở chế độ wiki, chúng ta sẽ không nhìn thấy chính các bức ảnh mà chỉ nhìn thấy mã của những hình ảnh này cùng với kích thước và thông số.

Tôi muốn đặt menu ở giữa và sao cho không có khoảng trống giữa các phần. Vì vậy, chúng tôi gói từng thành phần trong một thẻ

và với tham số đã được lồng vào “noborder”, tôi thêm tham số thứ hai là “nopadding”. Cái đầu tiên vô hiệu hóa đường viền của các đoạn và đường viền của các ô trong bảng. Cái thứ hai loại bỏ lề khỏi cạnh.

Các mục menu đầu tiên và cuối cùng không phải là nút - trong ảnh của tôi, chúng chỉ là yếu tố đồ họa mà không cần tham khảo trang bên trong, vì vậy chúng tôi thêm tham số “nolink” cho chúng. Điều này sẽ loại bỏ tùy chọn để nhấp vào phần tử này Mở một phần của hình ảnh trong một cửa sổ riêng biệt. Bây giờ sẽ không có gì xảy ra với một cú click chuột. Đây là nền trang bình thường. Không hoạt động.

Trong trường hợp của tôi, mã menu trông như thế này.

Riêng biệt, tôi muốn lưu ý một thực tế là sau khi nhập ảnh vào VK, hệ thống tích hợp đôi khi chỉ ra không chính xác kích thước hình ảnh. Vì vậy, chúng ta cần theo dõi cẩn thận điều này và hiển thị chính xác những gì chúng ta đã lên kế hoạch ở giai đoạn thiết kế. Nếu không, mọi thứ có thể sụp đổ và cuối cùng câu đố sẽ không kết hợp được với nhau.

Khi chúng tôi đã viết mã và căn chỉnh tất cả các thành phần, chúng tôi lưu trang và thấy điều tương tự như trong Photoshop.

Điểm nhấn cuối cùng vẫn còn - chúng ta cần tạo chính những trang mà menu của chúng ta sẽ gửi mọi người đến. Để làm điều này, chúng ta hãy quay lại tập lệnh tạo các trang wiki và lần này sắp xếp ba trang cùng một lúc. Trong trường hợp này, bạn cũng cần viết một cái gì đó lên mỗi cái và đừng quên lưu địa chỉ của chúng ở đâu đó từ thanh địa chỉ browser.

Sau đó, chúng tôi chèn liên kết đến các trang mới vào mã wiki của menu ở dạng page-102302049_51013384, trong đó số đầu tiên là id nhóm và số thứ hai là số trang. Mặc dù, nói chung, điều này không quan trọng. Cuối cùng, chúng ta chỉ cần sao chép đoạn URL này và dán vào phần đánh dấu.

Kết quả là mã menu có dạng sau.

Bề ngoài, không có gì thay đổi. Nhưng khi chúng ta nhấp vào các mục menu, chúng ta có thể thấy rằng nó đã hoạt động!

Đối với bản thân đánh dấu và các quy tắc viết mã, tôi khuyên bạn nên đọc nhóm VKontakte dành riêng cho vấn đề này. Các chàng trai đã mô tả mọi thứ những điểm chính và trong danh mục của họ, bạn có thể dễ dàng tìm thấy phần tử cần thiết và tìm ra cách thêm nó vào trang wiki của mình.

Trước khi đi sâu vào đánh dấu wiki, hãy tạo thực đơn tương tác , một số việc cần phải làm hành động chuẩn bị Trước hết, hãy thay đổi một số cài đặt trong nhóm. Nhấp vào “Quản lý cộng đồng”, mở “Thảo luận” và kết nối “Tài liệu”.

Bây giờ chúng ta hãy chuyển sang việc chuẩn bị hình ảnh. Nếu bạn không làm việc với các biên tập viên đồ họa, bạn sẽ phải chuyển sang làm việc tự do. Công việc tiếp theo sẽ được hiển thị bằng Photoshop, nhưng cũng có thể được thực hiện trong các trình chỉnh sửa khác.

Chúng tôi chuẩn bị vật mẫu cho nhóm VKontakte theo hình ảnh.

Kích thước của cửa sổ A, nơi menu sẽ được đặt, có thể khác với kích thước được chỉ định. Tất cả phụ thuộc vào kích thước bạn đặt cho các nút menu. Tùy chọn được đề xuất cung cấp một nút trên mỗi dòng. Nếu bạn cần đặt hai nút liên tiếp thì chiều rộng của cửa sổ A cần giảm xuống tối đa là 377 px. Chiều cao của cửa sổ này trong hầu hết các trường hợp được chọn theo kinh nghiệm. Trong tùy chọn được đề xuất, chiều cao 377 px đã được chọn khi đặt từng thành phần thông tin trên một dòng trên trang đầu của nhóm.

Tiếp theo chúng ta chuẩn bị hình ảnh phù hợp, viết ra các dòng chữ và cắt toàn bộ bản vẽ thành nhiều phần, có tính đến thực tế là mỗi phần cốt truyện riêng biệt, với dòng chữ tương ứng, sẽ đóng vai trò là nút menu. Ở đây chúng ta sẽ không đi sâu vào cách thực hiện tất cả những điều này vì bài viết này không phải là một bài học về Photoshop.

Sau khi lưu và xóa những đoạn không cần thiết (Photoshop cắt và lưu toàn bộ hình ảnh cũng như các trường màu trắng), chúng ta sẽ đổi tên các đoạn, đánh số thứ tự vị trí của chúng trong menu.

Bây giờ chúng ta hãy chuyển trực tiếp đến nhóm. Sau khi điều chỉnh cài đặt, hai tab xuất hiện trên tường: “Tin tức mới nhất” và “Thảo luận”. Bấm vào " Chủ đề mới» trong tab thảo luận và tạo trang đầu tiên trong menu của chúng tôi.

Bạn cần đặt tên theo tên trên menu đồ họa và điền vào trường mô tả. Sau khi điền đầy đủ các thông tin cần thiết, nhấp vào “Tạo chủ đề”.

Tin nhắn được tạo sẽ xuất hiện trên tường. Tương tự như vậy, chúng ta tạo số lượng trang mình cần (theo các phần menu).

Sau khi hoàn thành các thao tác chuẩn bị, chúng ta có thể chuyển sang chỉnh sửa menu của mình. Để làm điều này, chúng ta cần có tab “Tin tức mới nhất”. Đặt con trỏ lên nó và nhấp vào “Chỉnh sửa”.

Tiếp theo, một điều gì đó quen thuộc sẽ được tiết lộ cho chúng ta. Khi ở chế độ chỉnh sửa trực quan, bằng cách nhấp vào biểu tượng máy ảnh trong trình chỉnh sửa, chúng tôi tải tất cả các mảnh theo trình tự mà chúng nằm trong hình ảnh tổng thể. Chúng tôi cũng đang đổi tên thành tên nào đó dễ hiểu hơn đối với khách truy cập. Sau đó, chuyển sang chế độ đánh dấu wiki và chỉnh sửa mã.

Mã mẫu cho menu được đề cập:

[]
[]
[]
[]

Điều quan trọng cần lưu ý là đối với các đoạn không đóng vai trò là nút, bạn phải nhập “nolink” thay vì liên kết đến trang. Nếu không, đoạn đó sẽ có thể nhấp được và mỗi lần bạn nhấp vào nó, đoạn đó sẽ mở ra dưới dạng một hình ảnh riêng biệt.

Nếu mọi thứ được thực hiện chính xác và không có lỗi trong mã thì khi bạn quay lại nhóm của chúng tôi và sau khi nhấp vào tên của tab (Menu chính của nhóm), menu chúng tôi đã tạo sẽ mở ra, trông giống như hình đại diện . Menu tương tác và thiết kế đồ họa của nhóm đại diện cho một thành phần duy nhất. Khi nhấn vào các phần menu chúng ta sẽ được đưa tới các phần tương ứng của nhóm.

Nếu menu không khớp mức độ thấp hơn với hình đại diện, trong mã ở đoạn dưới, thay đổi chiều cao tính bằng px, đạt được sự căn chỉnh. Nếu điều này được phản ánh qua chất lượng của hình ảnh thì trong mẫu ban đầu biên tập đồ họa thực hiện các thay đổi về kích thước của đoạn mong muốn và vẽ lại bố cục.

Chúng tôi đã xem xét cách thực hiện thực đơn tương tác hoặc tạo một nhóm theo phong cách wiki. Nếu bạn có bất kỳ câu hỏi nào về quá trình chuẩn bị, hãy viết bình luận và chúng ta sẽ cố gắng cùng nhau giải quyết.

Tôi nghĩ rằng tất cả những người tích cực sử dụng mạng xã hội VKontakte đều đã gặp các nhóm và trang công khai được thiết kế đẹp mắt. Nhiều trong số chúng, ngoài menu, còn có nhiều trang con, danh mục, v.v. được cách điệu, về cơ bản tạo ra một trang web nhỏ ngay trong mạng xã hội.

Dưới đây là một vài ví dụ để mọi người hiểu chúng ta đang nói về điều gì.

Những nhóm như vậy cho phép bạn nổi bật giữa các đối thủ cạnh tranh và thu hút nhiều người dùng hơn. Đặc biệt nếu nội dung cũng thú vị :)
Trong bài viết này, chúng tôi sẽ nói về cách thực hiện tất cả điều này. Để phân tích mọi thứ chi tiết hơn và đi sâu vào tất cả những điều tinh tế, hãy lấy một ví dụ cụ thể. Sẽ có một lớp học nhỏ về thiết kế nhóm.

Trên toàn cầu, chúng ta có thể nghĩ như thế này: nếu chúng ta cần tạo cộng đồng cho một cửa hàng, thì tôi sẽ sử dụng định dạng “công khai”. Ví dụ, nếu chúng ta đang nói về những người đam mê câu cá, thì tốt hơn nên lấy một “nhóm”. Mặc dù vậy, mọi người đều có quyền tự do làm những gì họ thấy phù hợp. Rốt cuộc, định dạng có thể được thay đổi bất cứ lúc nào. Tuy nhiên, hãy nhớ rằng VKontakte đưa ra hạn chế trong việc thay đổi lại định dạng cộng đồng và sau lần đầu tiên, bạn sẽ phải đợi vài ngày cho đến khi có thể trả lại mọi thứ nếu cần. Vì vậy, tốt hơn hết bạn nên kiểm tra chức năng trước khi nhóm bắt đầu điền nội dung.

Là một phần của lớp học nâng cao này, tôi sẽ bắt đầu trò chơi Mad Max dựa trên bộ phim cùng tên, được phát hành chỉ vài tuần trước và sẽ tạo ra một cộng đồng cho người chơi với nhiều tài liệu khác nhau về trò chơi này . Mục tiêu chính là giảm lưu lượng truy cập vào trang web chơi game của bạn.

Hình thức sẽ là “Nhóm”, vì nó cần thiết để tạo ra lượng khán giả tự nhiên và tối đa hóa khả năng giao tiếp trong cộng đồng. Hãy để tôi làm rõ ngay rằng tôi sẽ sử dụng một kỹ thuật phổ quát có thể được sử dụng cả ở dạng nhóm và nơi công cộng. Điều này hoạt động ở khắp mọi nơi.

Có rất nhiều nội dung, hãy bắt đầu biến ý tưởng thành hiện thực!

Tạo một nhóm

Để tạo nhóm, hãy đi tới “Nhóm của tôi” trong menu bên phải tài khoản VKontakte của bạn và nhấp vào nút màu xanh lam ở trên cùng “Tạo cộng đồng”.

Một cửa sổ như thế này sẽ xuất hiện, nơi chúng ta nhập tên cho nhóm của mình và chọn định dạng.

Sau khi nhập thông tin cần thiết, bảng điều khiển cộng đồng của chúng tôi sẽ mở ra trước mặt chúng tôi. Trong trường hợp của tôi nó trông như thế này.

Như bạn có thể thấy, tôi đã thêm một số tham số: Tôi đã bao gồm video, bản ghi âm, thảo luận và một số tính năng khác sẽ hữu ích cho tôi trong công việc sau này khi thu thập nội dung. Tất cả điều này có thể được thay đổi trong tương lai mà không có bất kỳ hạn chế nào. Tôi cũng đã viết ra địa chỉ trang web của tôi. Nếu bạn không có trang web hoặc chủ đề của nó không tương ứng với định dạng của cộng đồng (chúng nói về những thứ khác nhau và không liên quan gì đến nhau), thì dòng này có thể để trống.

Trong trường hợp này, tôi đặt giới hạn độ tuổi từ 18, tương tự như giới hạn mà nhà phát triển đặt ra cho trò chơi. Mặc dù tôi có chút nghi ngờ rằng trẻ em cũng chơi.

Tất cả. Nhóm đã được tạo!

Bây giờ bạn có thể bắt đầu thiết kế nó.

Định dạng nhóm VKontakte

Giai đoạn này có thể chia thành 2 thành phần: đồ họa và kỹ thuật. Để làm việc, chúng ta sẽ cần một mẫu để tạo hình đại diện và menu nhóm, cũng như một chút trí tưởng tượng và kiến thức cơ bản về Photoshop (hay còn gọi là Adobe Photoshop).

Mẫu đánh dấu

Như bạn có thể thấy trong ví dụ thứ hai ở đầu bài viết này, chúng ta có thể thiết kế hình đại diện và hình ảnh menu theo cùng một phong cách. Đồng thời, nó được cắt trực quan thành 2 phần. Vì vậy, mẫu cho phép bạn tạo hình ảnh theo cách loại bỏ sự dịch chuyển của đồ họa và điều chỉnh các hình ảnh ở cùng mức độ nhất có thể.

Để làm cho nó rõ ràng hơn, đây là một ví dụ.

Tôi muốn lưu ý rằng mẫu này được thiết kế cho 1 dòng giải thích. Trong ảnh chụp màn hình ví dụ có điện thoại. Nếu dòng thứ hai xuất hiện, bạn sẽ cần sử dụng mẫu khác hoặc sửa thiết kế theo cách thủ công.

Trong thời gian chờ đợi, chúng tôi đang trực tiếp tiến hành thiết kế đồ họa cho nhóm mới của mình. Đây là nơi tôi đi theo con đường ít trở ngại nhất và truy cập Google Hình ảnh để tìm các phần của thiết kế. Bạn cũng có thể sử dụng Yandex. Ai thích cái gì hơn?

Giai đoạn đầu tiên làm việc với đồ họa đã hoàn thành. Chúng ta hãy liên lạc lại.

Đặt hình đại diện và menu cho nhóm

Thêm một hình ảnh. Chỉ định các trường và chọn hình thu nhỏ. Mọi thứ ở đây đều đơn giản và sẽ không có vấn đề gì.

Như chúng ta có thể thấy, bạn cần biết id cộng đồng. Rất dễ dàng để nhận ra anh ấy. Tìm menu trong nhóm của bạn (ngay dưới hình đại diện) và mở “Thống kê cộng đồng”. Trong trường hợp này, một cái gì đó tương tự sẽ xuất hiện trên thanh địa chỉ của trình duyệt (các số sẽ khác nhau).

Nếu mọi thứ được thực hiện chính xác, một trang như thế này sẽ mở ra.

Đây cũng chính là cửa sổ mà sau này chúng ta sẽ tạo đánh dấu wiki và tạo menu nội bộ cho nhóm của mình. Hiện tại, tất cả những gì chúng ta phải làm là viết một cái gì đó ở đây. Sau đó nhấp vào nút “Lưu trang” màu xanh lam và nhấp vào liên kết Quay lại trang ở trên cùng.

Tôi đã viết “Menu” và trang của tôi sau khi lưu bắt đầu trông như thế này.

Chưa có thiết kế nào nhưng bây giờ chúng ta chỉ cần một liên kết đến trang này. Chúng tôi chọn nó trên thanh địa chỉ của trình duyệt và quay lại trang chính của nhóm chúng tôi. Đến nguồn cấp dữ liệu.

Ở đây chúng ta tạo một bài viết có nội dung như sau: chèn hình ảnh và link vào trang menu của nhóm.

Đánh dấu Wiki cho menu nhóm VKontakte

Bây giờ hãy bắt đầu thiết kế menu. Hãy quay lại Photoshop một lần nữa và tạo một thiết kế cho menu của chúng ta. Khi thiết kế giao diện, bạn cần nhớ những người sẽ truy cập VK thông qua ứng dụng từ điện thoại di động. Nói cách khác, chúng ta không nên có những yếu tố nhỏ nhặt và ngoài ra, chúng ta cần cố gắng làm mọi thứ rõ ràng nhất có thể. Để chúng ta không phải đoán xem mọi thứ ở đây hoạt động như thế nào và nên nhấp vào vị trí nào... mà chỉ cần chỉ vào đúng mục và nghiên cứu thông tin chúng ta đang tìm kiếm.

Bây giờ tôi sẽ không đi vào chi tiết về cách tôi sắp xếp thực đơn một cách chính xác. Đây là những gì tôi có.

Các trường tối thiểu. Bố trí theo chiều dọc. Định dạng lý tưởng cho một menu đáp ứng. Nghĩa là, sẽ không có gì đi đến đâu trên điện thoại di động. Mọi thứ sẽ chính xác như trên màn hình máy tính và máy tính bảng. Tôi lấy chiều rộng thành 500 px để sau này không có gì bị co lại và tôi sẽ không làm giảm chất lượng hình ảnh hai lần. Chiều cao không quan trọng.

Chúng tôi cắt hình ảnh thành nhiều mảnh và lưu chúng.

Tất cả. Đã đến lúc thực hiện hợp âm cuối cùng - chúng tôi đang thu thập thực đơn trong nhóm.

Sau đó chúng ta chuyển sang chế độ đánh dấu wiki (dưới nút đóng ở góc trên bên phải của trang có một khung có<>bên trong). Khi chế độ mong muốn được kích hoạt, nút này có viền màu xám.

Tôi muốn đặt menu ở giữa và sao cho không có khoảng trống giữa các phần. Vì vậy, chúng tôi gói từng thành phần trong một thẻ

Các thành phần menu đầu tiên và cuối cùng không phải là các nút - trong ảnh của tôi, chúng chỉ là một thành phần đồ họa không có liên kết đến trang nội bộ, vì vậy chúng tôi thêm tham số “nolink” vào chúng. Điều này sẽ loại bỏ khả năng nhấp vào phần tử này để mở một phần hình ảnh trong một cửa sổ riêng. Bây giờ sẽ không có gì xảy ra với một cú click chuột. Đây là nền trang bình thường. Không hoạt động.

Trong trường hợp của tôi, mã menu trông như thế này.

Khi chúng tôi đã viết mã và căn chỉnh tất cả các thành phần, chúng tôi lưu trang và thấy điều tương tự như trong Photoshop.

Điểm nhấn cuối cùng vẫn còn - chúng ta cần tạo chính những trang mà menu của chúng ta sẽ gửi mọi người đến. Để làm điều này, chúng ta hãy quay lại tập lệnh tạo các trang wiki và lần này sắp xếp ba trang cùng một lúc. Trong trường hợp này, bạn cũng cần viết gì đó lên mỗi cái và đừng quên lưu địa chỉ của chúng ở đâu đó trên thanh địa chỉ của trình duyệt.

Kết quả là mã menu có dạng sau.

Bề ngoài, không có gì thay đổi. Nhưng khi chúng ta nhấp vào các mục menu, chúng ta có thể thấy rằng nó đã hoạt động!

Đối với bản thân đánh dấu và các quy tắc viết mã, tôi khuyên bạn nên đọc nhóm VKontakte dành riêng cho vấn đề này. Những người này đã mô tả tất cả các điểm chính và trong danh mục của họ, bạn có thể dễ dàng tìm thấy phần tử cần thiết và tìm ra cách thêm nó vào trang wiki của mình.

Sử dụng đánh dấu wiki, bạn có thể thiết kế menu nhóm, bài viết phân tích, trường hợp và hướng dẫn. Tất nhiên, bạn sẽ cần dành nhiều thời gian hơn cho việc này hơn là tạo các bài đăng thông thường trên tường. Nhưng bạn càng bận tâm đến việc thiết kế nội dung thì khán giả của bạn sẽ càng biết ơn hơn.

Đánh dấu Wiki hoạt động như thế nào

Đánh dấu Wiki là ngôn ngữ được sử dụng để bố trí các trang. Thông thường, nó có thể được gọi là em trai của HTML. Các trang Wiki giúp bạn dễ dàng viết và định dạng văn bản, chèn hình minh họa, video, liên kết và bảng biểu. Có thể được tạo thành bài viết đơn giản hoặc tạo toàn bộ hướng dẫn tương tác với các chương và tiêu đề phụ.

Chiều rộng của bất kỳ trang wiki nào là 607px. Chiều cao chỉ bị giới hạn bởi số lượng ký tự; tổng cộng có thể có khoảng 16.000 ký tự.

Tất cả đánh dấu wiki đều dựa trên thẻ, giống như HTML. Có các thẻ đơn (ví dụ:
- ngắt dòng) và các cặp được ghép nối (ví dụ: hình nhỏ).

Cách các thẻ hoạt động đối với văn bản trong đánh dấu wiki

Trong một số trường hợp, đánh dấu wiki sử dụng cú pháp đơn giản hóa (thẻ được thay thế bằng ký tự đánh máy). Ví dụ, để tạo danh sách có dấu đầu dòng Dấu hoa thị “*” được sử dụng và dấu thăng “#” được sử dụng cho số được đánh số.

Cách kiểu chữ hoạt động trong đánh dấu wiki

Tất cả thẻ hiện có và phương pháp sử dụng chúng được thu thập trong tài liệu chính thứcCộng đồng đánh dấu wiki VKontakte . Sử dụng tài liệu của cộng đồng này như một bản ghi chép đáng tin cậy. Trong bài viết này, chúng tôi sẽ giới thiệu các nguyên tắc cơ bản khi làm việc với đánh dấu wiki và chỉ cho bạn từng bước cách sử dụng nó để tạo các trang và menu nhóm.

TRONG soạn thảo tiêu chuẩn Các trang Wiki có hai chế độ: chế độ đánh dấu trực quan và đánh dấu wiki (nút chuyển đổi trông như thế này:<>).

Đây là những gì nó trông giống như chế độ hoạt độngđánh dấu wiki

Một văn bản đơn giản với một vài hình ảnh có thể được tạo ở chế độ trực quan. Đây là trình soạn thảo văn bản thông thường và không yêu cầu bất kỳ kiến thức nào về đánh dấu wiki. Nhưng nếu bạn muốn có một trang wiki gọn gàng với các bảng biểu, liên kết và video được nhúng, bạn chỉ có thể thực hiện điều đó ở chế độ đánh dấu - sử dụng mã.

Cách tạo một trang wiki

Nút “Tạo trang mới” không tồn tại trong giao diện của VKontakte. Vì vậy, chúng ta đang nói về hai phương pháp, tiêu chuẩn và nâng cao (sử dụng ứng dụng).

Tiêu chuẩn

Đối với nhóm.Đi tới “Quản lý cộng đồng” → “Phần” → “Tài liệu” và chọn “Mở” hoặc “Bị hạn chế”.

Cách bật “Vật liệu” trong một nhóm

Bây giờ phần “Tin tức mới nhất” sẽ xuất hiện trên trang chính của nhóm. Đây là vị trí thực đơn được nhóm đề xuất. Để tạo một trang mới, bạn có thể viết tên trang đó trực tiếp ở chế độ chỉnh sửa trang “Tin tức mới nhất”, đặt trang đó trong dấu ngoặc vuông, nhấp vào “Xem trước” và nhận liên kết sẵn sàng sang một trang mới.

Cách tạo trang mới qua Tin tức mới nhất

Đối với công chúng.Để tạo một trang mới, bạn cần tìm ra id của công chúng. Để thực hiện việc này, hãy đi tới phần “Thống kê cộng đồng”. Trong thanh địa chỉ của trình duyệt, bạn sẽ thấy mã như thế này:

https://vk.com/stats?gid= 123456789

Id nhóm bắt buộc là tất cả các số sau “gid=”.

Bây giờ bạn cần nhập đoạn mã sau vào thanh địa chỉ của trình duyệt:

https://vk.com/pages?oid=-ХХХ&p=Page_Name

Thay vì XXX, chúng tôi thay thế id công khai và thay vì “Tên_trang” - tên mà bạn nghĩ ra. Tên có thể sử dụng chữ Cyrillic, tiếng Latin và số. Ký hiệu đặc biệt Việc sử dụng chúng không bị cấm, nhưng tốt hơn hết là đừng mạo hiểm: vì chúng, bạn có thể mất khả năng chỉnh sửa trang. Chúng ta dán tất cả dữ liệu vào đúng vị trí, nhấn Enter và trình duyệt sẽ mở trang đã tạo.

Sử dụng ứng dụng

Các nhà phát triển VKontakte khuyên bạn nên sử dụng ba ứng dụng để làm việc với đánh dấu wiki:"Mobivik" , "Nguồn" và "Áp phích Vicky".

Trong hướng dẫn này, chúng tôi sẽ lấy ứng dụng Mobivik làm ví dụ. Vào tháng 11 năm 2017, nó đã nhận được giải nhì trong chương trình VKontakte Start Fellows. Hoạt động mà không cần cài đặt và đăng ký bổ sung trong phiên bản máy tính để bàn, thiết bị di động của VKontakte và trong ứng dụng điện thoại (nhà phát triển khuyến nghị sử dụng các phiên bản không sớm hơn Android 5.1, iOS 9 và Điện thoại Windows 8.1).

Để tạo một trang mới, từ màn hình chính của ứng dụng, hãy chọn nhóm mong muốn và nhập tên trang mới, rồi nhấp vào "Nhận liên kết".

Cách tạo trang mới bằng ứng dụng Mobivik

Liên kết đến trang wiki mới trong ứng dụng Mobivik

Đây là một mẹo hữu ích dành cho những trường hợp bạn đã tạo một trang phức tạp với một lượng lớn các phần tử và bạn sợ rằng bố cục sẽ sai màn hình nhỏ. Sao chép địa chỉ từ mục “Mã cho trang wiki”. Chuyển sang chế độ chỉnh sửa trang của bạn và dán nó vào đầu mã. Bạn sẽ nhận được một hình ảnh như thế này:

Khi người dùng bấm vào sẽ được đưa đến ứng dụng Mobivik, ứng dụng này sẽ hiển thị gọn gàng phiên bản điện thoại trang của bạn.

Bên trái là trang menu cộng đồng TRỰC TIẾP, mở trên thiết bị di động,
ở bên phải - nó giống nhau, nhưng được mở qua Mobivik

Cách lấy liên kết tới trang wiki

Làm cách nào để tìm một trang đã được tạo trước đó? Đơn giản nhất và phương pháp đáng tin cậy- sao chép tất cả địa chỉ trang wiki vào tập tin riêng biệt, ví dụ, trong Google Trang tính. Một cách khác là thông qua bất kỳ ứng dụng nào để làm việc với các trang wiki. Ví dụ: vào Mobivik, chọn tên cộng đồng và trang mong muốn, nhấp vào “Nhận liên kết” và sao chép địa chỉ từ mục “Liên kết đến trang wiki”.

Cách lấy liên kết tới trang wiki đã tạo trước đó

Cách tạo một bài đăng có liên kết tới trang wiki

Sao chép liên kết đến trang wiki và dán nó vào lối đi mới trên tường của bạn hoặc trên tường cộng đồng. Nếu mọi thứ được thực hiện chính xác, trang web sẽ tạo một khối liên kết bên dưới trương Văn bản Hồ sơ. Bây giờ hãy xóa văn bản liên kết, đính kèm biểu ngữ và nhấp vào “Gửi”. Trong phiên bản máy tính để bàn, biểu ngữ cũng sẽ trở thành một liên kết đến trang wiki và trong phiên bản di động, nó sẽ mở dưới dạng hình ảnh thông thường.

Hình ảnh đính kèm bài viết sẽ trở thành một phần của liên kết tới trang wiki ở phiên bản máy tính để bàn

Chữ

Khả năng định dạng văn bản trong đánh dấu wiki nhìn chung không khác biệt so với các khả năng định dạng thông thường. soạn thảo văn bản. Khi chỉnh sửa văn bản (in đậm, căn lề phải, v.v.), chúng tôi sử dụng thẻ đánh dấu wiki, đừng quên đóng chúng:

văn bản trung tâm .

Để cấu trúc văn bản trong đánh dấu wiki, sự kết hợp của các ký tự đánh máy được cung cấp. Ví dụ: mã này "—- " sẽ đặt một đường phân chia theo chiều ngang trong văn bản và điều này ":: " - thụt lề kép trước đoạn văn.

Bạn có thể chứa khoảng 16 nghìn ký tự trên một trang.

Liên kết

Để hiển thị văn bản thay vì địa chỉ, hãy thêm tên của liên kết:

[] - vào hồ sơ người dùng

[] - đến trang chính của cộng đồng

[] - tới một trang wiki khác

[] - đến cuộc họp VKontakte

Hình ảnh

Chiều rộng tối đa của hình ảnh có thể được sử dụng trong đánh dấu wiki là 607px, tức là chiều rộng của chính trang wiki. Chiều cao thực tế là không giới hạn (hãy nhớ rằng chiều cao của trang là 16.000 ký tự). Hình ảnh có thể được tải lên theo hai cách.

Sử dụng bộ nạp khởi động trong thực đơn trên cùng biên tập viên.

Sử dụng mã.Đang tải hình ảnh lên album riêng nhóm, mở nó ra, xem trong thanh địa chỉ mã dài như thế này

https://vk.com/club12345678?z=ảnh-12345_12345%2Falbum-12345678_12345678

Sao chép id của hình ảnh từ nó (được tô đậm). Sau đó, chúng tôi đóng khung nó bằng dấu ngoặc vuông kép và dán nó vào đúng vị trí trên trang. Hóa ra một cái gì đó như thế này:

[]

Cái gì tiếp theo? Chỉnh sửa căn chỉnh, ngắt dòng văn bản, kích thước, liên kết. Để làm điều này, hãy viết thông số bắt buộc sau đó đường thẳng đứng và cách nhau bằng dấu chấm phẩy. Ví dụ: trong mã này, chúng tôi đặt kích thước hình ảnh 300x100px và gói văn bản ở bên phải:

Băng hình

Trước tiên, bạn cần tải video lên video cộng đồng. Sau khi tải xuống, hãy mở video và sao chép id của nó (in đậm) từ thanh địa chỉ.

https://vk.com/videos-12345678?z=video-12345_12345%2Fclub12345678%2Fpl_-12345678_-2.

Chúng tôi đóng khung cái này bằng dấu ngoặc vuông và nhận mã này:

Chúng tôi nhận được một hình ảnh nhỏ với biểu tượng phát, khi nhấp vào sẽ mở ra một trình phát video chính thức. Để video có thể phát trên chính trang đó, các nhà phát triển VK khuyên bạn nên sử dụng thẻ người chơi.

Nhưng ở đây chúng ta có viền đen không cân xứng xung quanh video:

Để loại bỏ nó, bạn cần điều chỉnh kích thước trình phát theo kích thước của chính video. Ví dụ: trong trường hợp của chúng tôi, các tham số sau là phù hợp:

Chúng tôi đã nhận được video không có khung đen, video sẽ phát trực tiếp trên trang

Những cái bàn

Nếu bạn muốn cấu trúc đẹp mắt nội dung trang wiki của mình và đảm bảo nó hiển thị gọn gàng trên thiêt bị di động, bạn không thể làm gì nếu không có bàn. Ở đây bạn sẽ cần những dấu hiệu đơn giản sau:

Khi làm việc với bảng, bạn có thể sử dụng 4 thẻ: không biên giới (làm cho khung bảng trở nên vô hình), không có lề (làm cho bảng có chiều rộng tối đa của trang wiki), Không đệm (xóa thụt lề trong ô) vàđã sửa (cho phép bạn tạo một bảng có kích thước cố định).Số lượng ô bạn chỉ định trong một hàng sẽ xác định số lượng cột trong bảng.

Đây là một bảng ví dụ2x2 không thụt lề ở đầu và cuối văn bản bên trong tế bào:

Chiều rộng của cột đầu tiên là 200px, chiều rộng của cột thứ hai là 300px.

Đó là kết quả của nó:

Bạn có thể đặt văn bản, hình ảnh, âm thanh và video vào các ô của bảng.

Cách tạo menu wiki

Menu nhóm VK không phải là một loại chức năng riêng biệt mà chỉ đơn giản là một trang wiki với một số hình ảnh, mỗi hình ảnh đều chứa một liên kết đến trang cụ thể. Trên thực tế, mọi thứ ở đây đều đơn giản.

Chuẩn bị bìa cho thực đơn.Bạn có thể chụp bất kỳ bức ảnh phù hợp nào và đặt văn bản lên đó. Hoặc bạn có thể thuê một nhà thiết kế sẽ vẽ bạn khối đẹp và các nút. Chúng ta sẽ có một menu có 6 nút. Để làm điều này, chúng ta cần một hình ảnh trong đó các nút này sẽ được chỉ định. Hãy quyết định về kích thước của nó.

Khi chuẩn bị hình ảnh cho menu, hãy nhớ chiều rộng của trang wiki là 607 px, chiều rộng của hình ảnh không được lớn hơn nếu không hình ảnh sẽ bị co lại và mất chất lượng. Ví dụ: chúng tôi chụp một hình ảnh có kích thước 510x300 px.

Cắt bức tranh này thành 6 phần(mỗi nút một phần). Điều này rất thuận tiện để thực hiện trong Adobe Công cụ Photoshop"Cắt". Ví dụ: nếu bạn không muốn làm phiền, hãy sử dụng một dịch vụ trực tuyến IMTrực tuyến (cắt các hình thành các phần bằng nhau). Chúng tôi đã làm mọi thứ trong Photoshop.

Khi công cụ “Cắt” đang hoạt động, hãy nhấp vào click chuột phải di chuột qua hình ảnh và chọn “Tách đoạn”, cho biết số lượng yêu cầu các mảnh vỡ và nhấp vào “OK”.

Cách cắt ảnh trong Photoshop

Menu của chúng ta sẽ được thiết kế dưới dạng bảng gồm 6 ô: ba hàng và hai cột. Để thực hiện, chúng ta cắt hình ảnh cho menu thành 6 phần bằng nhau có kích thước 255x100 px. Kích thước tương tự sẽ cần phải được nhập cho mỗi ô.

Tạo khung cho bảng.Chúng tôi chuyển sang chế độ chỉnh sửa cho một trang mới và tạo bảng. Chúng tôi mở nó bằng thẻ (| và đặt ngay ba tham số quan trọng:

Không đệm - sẽ cho phép các hình ảnh chạm vào
không biên giới - sẽ ẩn đường viền bảng hiển thị
đã sửa - cho phép bạn thiết lập kích thước chính xác của các ô.

Chúng tôi chỉ định chiều rộng ô cố định - 255px 255px (hai lần, vì cũng có hai cột). Tiếp theo, chúng ta đặt vị trí bắt đầu dòng mới bằng thẻ |- và các ô (cột) mới bằng thẻ |. . Chúng ta đóng bảng bằng thẻ |) và nhận được khung sau:

Đặt ảnh vào ô và đặt liên kết cho chúng. Lần lượt mở các phần cần thiết của ảnh trong album cộng đồng, sao chép id của họ từ dòng trình duyệt (ảnh-12345_12345) , đặt trong ngoặc vuông đôi, ghi kích thước 255x100px và thẻ nopadding để dán ảnh. Sau thanh dọc chúng ta gán link cho từng nút. Chúng tôi nhận được đoạn mã sau.

(| đã sửa lỗi không đệm
|~255px 255px
|-

| []
|-
| []
| []
|-
| []
| []
|}

Sẵn sàng!Nhấp vào “Lưu trang” và nhận thực đơn tiện lợi cho cộng đồng.

Menu nhóm được tạo sẵn trong phiên bản máy tính để bàn

Menu nhóm làm sẵn trong phiên bản di động

Nếu bạn thực hiện một thực đơncho một nhóm, sau đó bạn có thể dễ dàng truy cập nó bằng cách nhấp vào “Tin tức mới nhất” (nhân tiện, trang này có thể được đổi tên thành “Menu” trong chế độ chỉnh sửa).

Nếu bạn thực hiện một thực đơncho công chúng, thì nó có thể được đặt ở một vị trí nổi bật dưới tên của cộng đồng bằng cách sử dụng mục nhập được ghim.

Để ghim một menutrong nhóm, xuất bản một bài đăng có biểu ngữ và liên kết tới trang wiki thay mặt cho cộng đồng (nếu bạn xuất bản thay mặt mình thì sẽ không thể ghim trang).Ở nơi công cộng sẽ không có vấn đề gì với việc buộc chặt: có Bạn có thể ghim bài đăng của bất kỳ tác giả nào.

Cách tạo bài đăng có liên kết tới menu ở chế độ công khai

Cách ghim menu cộng đồng

Trình chỉnh sửa bài viết VKontakte và đánh dấu wiki mới

Chính quyền VKontakte đã thông báo ra mắt trình soạn thảo bài viết vào ngày 22 tháng 12 năm 2017 và định vị nó như một công cụ để xuất bản các bài đọc dài.

Một số người dùng quyết định rằng nó được tạo ra để thay thế đánh dấu wiki. Nhưng còn quá sớm để đưa ra kết luận như vậy, vì chức năng của trình soạn thảo vẫn còn khá kém. Nó không thể chỉnh sửa các tệp phương tiện (kích thước và căn chỉnh) hoặc tạo bảng và chỉ có thể gán siêu liên kết cho văn bản. Không có thẻ hoặc mã, chỉ có chế độ trực quan, giống như trong trình soạn thảo văn bản thông thường.

Từ đó, rõ ràng là vẫn có thể tạo một menu thuận tiện cho cộng đồng hoặc một trang đích wiki chỉ bằng cách sử dụng đánh dấu wiki. Điều gì sẽ xảy ra tiếp theo - thời gian sẽ trả lời.

Đây là giao diện của trình soạn thảo bài viết VKontakte mới

Những điều cần nhớ về đánh dấu wiki

Phương pháp tạo trang wiki tiêu chuẩn tốn nhiều công sức và không thuận tiện lắm. Cách dễ nhất để tạo trang là thông qua ứng dụng Mobivik, “ Nguồn" hoặc "Áp phích Vicky".
Menu cộng đồng cần được tạo thành một bảng để trông gọn gàng trên thiết bị di động.
Khi chỉnh sửa một trang wiki ở giao diện chuẩn, bạn không nên chuyển đổi giữa chế độ chỉnh sửa trực quan và chế độ đánh dấu wiki. Vì điều này, bố cục có thể bị ảnh hưởng.

Không cần thiết phải nhớ hết tag, chỉ cần giữ link trong tay

Để đăng ký một nhóm trong mạng xã hội có một cách thuận tiện và đơn giản đánh dấu wiki cho nhóm VKontakte. Nó hoạt động tương tự Mã HTML y, nhưng dễ dàng hơn và dễ hiểu hơn về mặt trực quan đối với người dùng đơn giản, chủ sở hữu của nhóm. Đánh dấu này được sử dụng trong Wikipedia (bách khoa toàn thư miễn phí) và do đó có tên như vậy.
Sử dụng đánh dấu Wiki, bạn có thể thiết kế một nhóm theo cách độc đáo hoặc truyền thống và bạn sẽ không phải đi sâu vào rừng html, nơi bạn có thể bị mắc kẹt trong nhiều tuần. Đánh dấu Wiki rất dễ học nên bạn sẽ tự học được người dùng thiếu kinh nghiệm chỉ trong một giờ. Đánh dấu này cũng xử lý định dạng hình ảnh và văn bản, neo, tiết lộ nội dung, liên kết, bảng đồ họa và các yếu tố khác có thể thay đổi về chất vẻ bề ngoài bất kỳ nhóm nào.

Menu liên hệ có thể được tạo theo nhiều cách và sự lựa chọn của chúng được xác định bởi trọng tâm và chủ đề của nhóm VK. Đối với các nhóm xã hội và thương mại, người dùng thích sử dụng nghiêm túc menu văn bản và để giải trí - đồ họa.

Đánh dấu Wiki rất hữu ích khi làm việc với ảnh hoặc bất kỳ hình ảnh nào, nhưng có một số thủ thuật. Hình ảnh được chèn bằng đánh dấu wiki sẽ chỉ xuất hiện nếu nó có trong album. Chỉ với một thao tác đơn giản, một bức ảnh (ví dụ: photo55775_55775) sẽ ngay lập tức xuất hiện trên trang. Để làm điều này, bạn cần sao chép địa chỉ của cô ấy và thêm dấu ngoặc vuông kép vào đó.

Nó trông như thế này - [] - và đánh dấu này có thể áp dụng cho bất kỳ hình ảnh nào có trong album. Bằng cách thêm đánh dấu, bạn có thể chèn cả văn bản và liên kết cùng với hình ảnh, từ đó thay đổi diện mạo của nó.

Để thực hiện việc này, bạn cần sử dụng đánh dấu wiki sau - []. Từ "tùy chọn" có thể được thay thế bằng các giá trị khác, mỗi giá trị sẽ thay đổi diện mạo của ảnh. Và ý nghĩa như sau:

noborder sẽ tạo một bản vẽ không có khung;
nopadding sẽ nối các hình ảnh lại với nhau bằng cách xóa khoảng trắng giữa chúng;
plain sẽ tạo liên kết từ hình ảnh;
NNNpx sẽ cho phép bạn thay đổi kích thước hình ảnh;
hộp sẽ mở trong một cửa sổ mới.

Làm việc với các bảng bằng cách sử dụng đánh dấu Wiki?

Cả hai menu có đồ họa và menu có hình ảnh đều không thể thực hiện được nếu không có các bảng đặc biệt. Sau khi học một bộ mã và ký hiệu đơn giản, bạn sẽ học cách tạo bảng nhanh chóng cho nhóm VKontakte của mình. Đây là những gì các biểu tượng trông giống như:

(| không có ký hiệu ban đầu này thì không thể tạo bảng;
|+ ký tự tùy chọn để căn giữa bảng
| - bắt đầu bằng ký hiệu này dòng mới;
| biểu tượng này chịu trách nhiệm về độ trong suốt của các ô;
! sử dụng biểu tượng này bạn có thể tạo một ô có màu tối;
|) Ký tự tùy chọn này kết thúc bảng.

Đây là thực đơn sẽ xuất hiện sau đây mã đơn giản:

{|
|-
|

"Hàng mới"'||"'Trò chơi"'||"'Tất cả các thể loại'"
|-
![]!![]!![]
|-
|
[[Trò chơi trực tuyến mới|Vật phẩm mới]]

[[Câu đố]]

|
[[Bóng bay]]

[[Nhiệm vụ]]

[[Giải trí]]

[[Thảo luận về trò chơi]]

|-
|}

Tạo liên kết bằng wiki - đánh dấu?

Trong một liên hệ, bạn có thể sử dụng ba loại liên kết để thiết kế một nhóm bằng cách sử dụng đánh dấu wiki.

Liên kết truyền thống:

Liên kết thông thường + văn bản:

Link như hình ảnh: []

Làm việc với menu đồ họa?

Để tạo ra nó, một thuật toán hành động đơn giản được sử dụng. Nhưng bạn cần phải biết, ít nhất là bề ngoài, cách Photoshop hoạt động và nghiên cứu đánh dấu wiki. Nhưng trình đơn đồ họa trong nhóm giải trí VKontakte trông rất hấp dẫn nên hãy dành thời gian để tạo ra nó. Thuật toán là như thế này:

Cắt đồ họa cần thiết trong trình chỉnh sửa và “lưu cho web”;
Tải xuống đồ họa dưới dạng hình ảnh bình thường, không có sử dụng đèn flashđể không làm giảm chất lượng của chúng;
Tập hợp menu bằng thẻ “nopadding” đặc biệt;
Viết ra tất cả các liên kết một cách cẩn thận;
Thực đơn đẹp dành cho bạn nhóm giải trí sẵn sàng.

Một vài bí mật về đánh dấu wiki

Đánh dấu này không giống với mã html và một số tính năng của nó chỉ có thể được thử bằng thực nghiệm. Nhưng nếu thử nghiệm không phải là sở thích của bạn, hãy khám phá Các tính năng sau đây, để tránh nhầm lẫn và đoán xem tại sao phần tử này hoặc phần tử kia không tuân theo đánh dấu wiki. Thủ thuật đánh dấu:

Chiều rộng hình ảnh được phép không quá 610px;
Việc thay đổi chiều rộng sẽ tự động thay đổi chiều cao của hình ảnh;
Hình ảnh nhỏ hơn 134px sẽ có chất lượng kém hơn;
Chỉ có thể có 7 phần tử danh sách trong một dòng đánh dấu;
Hơn 18 thẻ không được đóng trên một trang sẽ dẫn đến sự biến dạng và sai sót của nó.

Ứng dụng của lập trình viên để đánh dấu wiki

Nếu bạn thấy đánh dấu quá phức tạp, hãy sử dụng ứng dụng đơn giản, mà chính các tác giả gọi là bài học đào tạo. Đây là nếu bạn muốn tìm hiểu những bí mật của đánh dấu. Nếu khoa học không dễ dàng với bạn, hãy tạo nhóm VK bằng cách sử dụng đơn giản biên tập trực quan, chính nó viết mã chính xác.