Nhóm menu liên hệ. Cách tạo menu động trên VKontakte với hiệu ứng điều hướng

5 phiếu bầu

Chúc một ngày tốt lành, độc giả thân mến của blog của tôi. Với bài viết này tôi mở ra một loạt ấn phẩm về chủ đề thiết kế đẹp của nhóm VKontakte. Bây giờ chúng ta sẽ tạo một menu, sau đó chúng ta sẽ chuyển sang tạo một hình ảnh đơn phong cách và cuối cùng chúng ta sẽ học cách làm cho hình ảnh có thể nhấp được.

Cuối cùng, bạn sẽ có một cộng đồng trông giống như thế này. Khi bạn nhấp vào nút chuyển tiếp, một trang phong cách bổ sung sẽ thực sự mở ra.

Công việc phía trước không khó lắm, tôi sẽ giải thích chi tiết cách tiến hành. Công việc sẽ mất không quá một vài giờ. Hãy nói về mọi thứ theo thứ tự.

1. Chuẩn bị làm việc. Công cụ bạn không thể làm mà không có

Vì vậy, trước khi tôi đi đến câu hỏi chính và chúng ta bắt đầu xem cách tạo thực đơn trong nhóm VKontakte, hãy nói về những gì bạn sẽ cần.

1.1. Photoshop

Tất nhiên, bạn có thể làm mà không cần Photoshop, hãy xem video này giải thích mọi thứ một cách chi tiết. Nếu bạn muốn. Tuy nhiên, nếu bạn không có đủ kỹ năng thì tôi thực sự khuyên bạn nên bận tâm và xem qua cả ba ấn phẩm của tôi.

Nếu bạn muốn có một nhóm bình thường thì bạn không có lựa chọn nào khác ngoài việc học Photoshop. Bạn không thể đi bất cứ đâu mà không có những bức ảnh chất lượng cao. Tôi có thể khuyên bạn khóa học của Zinaida Lukyanova . Bạn sẽ làm quen với nghề mới một cách nhanh chóng và không cảm thấy nhàm chán, thậm chí có thể kiếm tiền bằng kỹ năng thiết kế của mình. Đủ kiến thức!

Vì vậy, chúng ta hãy tiếp tục. Mọi thứ bạn cần đều có sẵn? Sau đó, bạn đã sẵn sàng để đi tiếp.

2. Làm việc trong Photoshop hoặc các menu tự làm

Chà, bây giờ bạn có thể trực tiếp tiến hành hướng dẫn từng bước để tạo menu. Mở Photoshop, sau đó là hình minh họa bằng menu. Tôi hy vọng sẽ không có vấn đề gì. Ở góc trên bên phải, chọn “Tệp” rồi chọn “Mở”. Chúng tôi tìm thấy tài liệu trên máy tính. Cái gì tiếp theo?

Hình ảnh cần phải được cắt ra. Chọn công cụ “Cắt”. Như bạn có thể thấy, nó được ẩn dưới “Khung”. Chỉ cần nhấp vào nó và giữ nút chuột trái trong vài giây cho đến khi một menu bổ sung xuất hiện.

Bây giờ, trên chính bức ảnh, nhấp chuột phải và tìm “Tách đoạn”.

Trong trường hợp cụ thể này, tôi sẽ chia hình ảnh thành 4 phần. Tại sao cái này rất? Bất kỳ nút nào trên Internet đều là một hình ảnh được gán một mã cụ thể. Bạn chỉ mũi tên vào đoạn hình minh họa mong muốn và trình duyệt của bạn sẽ truyền thông tin đến máy tính: “Cậu bé, ở đây có các tính năng bổ sung.”

Đôi khi toàn bộ hình ảnh thay đổi. Ví dụ, các nút chìm khi nhấn chỉ là hình ảnh thứ hai, không có hình ảnh động ở đó.

Trong trường hợp của tôi, một bức ảnh cần được chia thành nhiều phần và mỗi phần cần được chỉ định hành động riêng. Đâu đó là liên kết đến danh sách sản phẩm, đâu đó là liên kết đến trang web. Ngoài ra còn có một phần của bức tranh được gắn nhãn “Menu”. Sẽ không có gì xảy ra khi bạn di chuột.

Nói cho hay thì lẽ ra tôi nên đánh dấu 5 phần để các nút tách đều nhau hơn, nhưng tôi biện minh cho mình rằng nếu một người bắn trượt thì vẫn làm theo ý mình, còn nếu bấm đúng thì cũng không biết. bất cứ điều gì.

Việc tạo thêm danh mục hoặc sắp xếp chúng thành hai cột không thành vấn đề. Nếu bạn hiểu những thông tin cơ bản, bạn có thể xử lý mọi thứ khác.

Tôi di chuyển các dòng để làm cho nó mượt mà hơn. Nó không khó, nó được thực hiện bằng cách sử dụng con trỏ.

Đảm bảo rằng hình ảnh được lưu dưới dạng jpeg (danh mục trên cùng bên phải). Tiếp theo, nhấp vào “Lưu”.

Được rồi, mọi chuyện đã kết thúc rồi.

Chúng ta đã hoàn thành việc đó, bây giờ chúng ta có thể chuyển sang nhóm và làm việc với mã.

3. Bố cục trong VK dành cho người giả

Tôi từng nghĩ rằng đánh dấu wiki chỉ có thể áp dụng cho các cộng đồng. Tôi không biết liệu có điều gì đó đã thay đổi hay nó luôn như vậy, nhưng bây giờ việc bạn tạo nhóm hay trang công khai không còn quan trọng nữa. Các trang có thể được thực hiện cả ở đây và ở đó.

Chà, tất cả những gì còn lại là vấn đề nhỏ về bố cục. Mở “Danh sách các trang Wiki”.

Và thêm một cái mới.

Đặt cho nó một cái tên. Trong trường hợp của chúng tôi, menu.

Và chuyển sang chỉnh sửa.

Bước đầu tiên là thêm tất cả các phần của bức ảnh của chúng ta.

Đang tải.

Thực hiện việc này từ thư mục từ dưới lên trên danh sách. Từ cái cuối cùng (cái dưới cùng, trong trường hợp của tôi là “Viết cho quản trị viên”) đến cái trên cùng (“Menu”), sau đó mọi thứ sẽ khớp chính xác, mặc dù việc kéo các đoạn bằng chuột không quá khó. Bất cứ điều gì thuận tiện hơn cho bạn.

Bây giờ chúng ta cần loại bỏ vết lõm và tạo các liên kết đoạn khác nhau, đồng thời loại bỏ hoàn toàn khả năng nhấp chuột ở một số nơi. Hãy chuyển sang chế độ mã.

Thẻ “trung tâm” cho biết rằng ảnh và các mảnh của nó nằm ở trung tâm. Mình sẽ loại bỏ chúng để các bạn dễ dàng nắm bắt thông tin hơn.

Nếu muốn, bạn có thể làm tương tự, nhưng hãy nhớ rằng hình minh họa sẽ di chuyển sang bên phải.

Chúng ta quay lại mã một lần nữa để loại bỏ các vết lõm giữa các mảnh của hình ảnh.

Để thống nhất lại hình ảnh sau khi thay đổi kích thước, hãy đặt dấu chấm phẩy và viết thẻ nopadding (;nopadding).

Nó sẽ trông giống thế này.

Đương nhiên, không được có vết lõm sau mỗi đoạn và do đó các thẻ cần phải được sao chép.

Bây giờ hình minh họa có vẻ thống nhất. Nếu không được, hãy kiểm tra xem bạn đánh vần từ đó có đúng không và đặt dấu chấm phẩy, xóa dấu cách nếu cần để giống như trong ví dụ của tôi. Mỗi chi tiết nhỏ đều quan trọng đối với kết quả.

Bây giờ khi bạn nhấp vào các phần khác nhau của hình ảnh, chúng sẽ mở trong một cửa sổ mới.

Để ngăn điều này xảy ra, bạn sẽ cần một thẻ khác. Không có liên kết. Đừng quên dấu chấm phẩy.

Sẽ không có chuyển đổi chỉ trong ảnh đầu tiên mà bạn có thể thay thế URL của riêng mình cho phần còn lại.

Bạn có thể chuyển hướng người đọc đến các trang wiki, bài đăng, blog và mạng xã hội khác. Bây giờ không khó để làm điều này, bạn có thể làm mọi thứ. Tất cả những gì còn lại là tiết kiệm.

Thực đơn của chúng tôi trông như thế này.

Và đây là liên kết mong muốn.

4. Giai đoạn đăng ký cuối cùng

Cuối cùng, đã đến lúc quyết định xem bạn có trang công khai hay nhóm. Chiến lược tương lai phụ thuộc vào điều này.

Nếu bạn không biết mình có gì, hãy chuyển đến phần quản lý từ danh mục “Nhóm của tôi”.

Nếu bạn muốn làm như tôi đã làm và đưa nó vào thực đơn thì hãy sang phần thứ hai và chúng ta sẽ tiếp tục thiết kế đẹp mắt cho công chúng. Kết quả sẽ giống như thế này.

Tôi không phải là người thích biến thực đơn thành một bức ảnh trạng thái, nhưng một số người chỉ muốn điều đó. Tôi không có quyền chỉ trích bất cứ ai, và nếu bạn có một nhóm thì bạn có thể nhận ra nhiệm vụ của mình.

5. Video hướng dẫn

Hãy xem video, chúng ta đã làm xong mọi công việc chính, chỉ còn lại một việc nhỏ.

6. Một phương pháp thay thế dành cho Hình nộm với giá 100 rúp.

Nếu bạn gặp khó khăn khi tự tạo menu, vui lòng sử dụng dịch vụ này - VkMenu.ru , với mức giá khiêm tốn là 100 rúp. (hôm nay nó như thế này), bạn có thể tạo menu thông qua một công cụ xây dựng trực tuyến.

Theo ý kiến của tôi, đó là một giải pháp thay thế tuyệt vời cho công việc thủ công và chửi bới mọi người và mọi thứ nếu không có kết quả gì với đánh dấu wiki.

Với điều này tôi nói lời tạm biệt, nhưng không lâu. Nghỉ ngơi một chút và chuyển sang phần tiếp theo.

Đăng ký của tôi Nhóm VKontakte . Chúc bạn vui vẻ và hẹn gặp lại sớm!

Để làm cho diện mạo tổng thể của cộng đồng trở nên thẩm mỹ hơn và làm việc với nó thoải mái hơn, giải pháp tốt nhất là tạo một menu nhóm. Bằng cách này, bạn có thể đặt tất cả các yếu tố quan trọng vào một danh sách gọn gàng, đặt mỗi liên kết bằng biểu tượng hoặc hình ảnh riêng và thông báo cho khách truy cập về mọi thay đổi một cách nhanh chóng và rõ ràng. Menu có thể bao gồm các thành phần sau: các liên kết khác nhau đến các trang web bên ngoài, bong bóng thảo luận, album, âm nhạc và các phần khác trong trang VKontakte, hình ảnh và đơn giản là cấu trúc nhóm của bạn. Làm theo hướng dẫn bên dưới, hãy thử tạo menu của riêng bạn cho cộng đồng VKontakte.

Cách tạo menu đơn giản trong nhóm VKontakte

Nếu bạn muốn mỗi dòng menu dẫn đến một chủ đề thảo luận cụ thể, trước hết, bạn cần tạo các cuộc thảo luận giống nhau và đặt tên cho chúng. Để chúng đóng hoặc mở để nhận xét là vấn đề hoàn toàn cá nhân, vì tùy chọn này không ảnh hưởng đến việc hiển thị trang trong menu.

Cố gắng tạo một menu đơn giản thể hiện cấu trúc nhóm của bạn và chứa tất cả các phần quan trọng nhất.

Hãy nhớ rằng các menu sẽ xuất hiện hơi khác nhau trong các nhóm và cộng đồng. Do đó, nếu muốn chuyển nhóm sang cộng đồng, hãy nhấn vào biểu tượng ba dấu chấm cạnh tên nhóm và chọn dòng “Chuyển sang trang”. Xin lưu ý rằng bạn sẽ không thể biến cộng đồng trở lại thành một nhóm.

Bây giờ hãy truy cập liên kết “Quản lý cộng đồng” trong cùng một menu.
Bạn sẽ thấy một khối có tất cả cài đặt cho nhóm của mình, tại đây bạn có thể thay đổi tên, thông tin liên hệ, quyền riêng tư và quản lý người tham gia. Chuyển đến danh mục “Phần”.

Trong dòng “Tài liệu”, đặt giá trị thành “Đã tắt” hoặc “Bị hạn chế” để các thành viên trong nhóm không thể vô tình làm hỏng các tệp cần thiết để đăng ký của bạn. Đừng quên lưu lựa chọn của bạn.

Đi tới nhóm và đi tới cửa sổ “Tin tức mới nhất”, đây là nơi bạn sẽ tạo menu.

Nhấp vào “Chỉnh sửa”.

Trước hết, bạn cần đổi tên “Tin tức mới nhất” thành “Menu” hoặc tên nào khác để người tham gia thấy rõ rằng tại đây họ có thể nhanh chóng theo các liên kết cần thiết.
Chuyển chế độ chỉnh sửa mục nhập sang “chỉnh sửa đánh dấu Wiki” bằng cách sử dụng mũi tên nhỏ ở góc bên phải.

Bây giờ tạo cấu trúc:

Điều quan trọng là bạn phải có các cuộc thảo luận, tài liệu hoặc album trong nhóm mà bạn sẽ sử dụng tên trong menu.
Viết tất cả tên của các phần chính trên một dòng, đóng khung chúng hai lần trong ngoặc vuông.
Để làm cho văn bản xuất hiện dưới dạng danh sách, hãy đặt dấu hoa thị trước các mục.

Từ ảnh chụp màn hình này, chúng ta có thể giả định rằng nhóm có tài liệu tên là “Phần 1”, cuộc thảo luận “Phần 2” và một album “Phần 3”. Nhấp vào “Xem trước” hoặc “Lưu thay đổi”.

Phần của bạn sẽ thay đổi thành “Menu” và nó sẽ chứa các liên kết hoạt động đến các danh mục chính của nhóm, được sắp xếp gọn gàng trong một danh sách.

Cách chèn link vào menu nhóm VKontakte

Để tăng tốc độ truy cập vào trang web chính thức của bạn hoặc các phần trực tiếp trong nhóm, tốt hơn hết bạn nên chèn các liên kết hoạt động.

Quay lại chỉnh sửa phần menu. Sao chép liên kết mong muốn và chỉ cần dán nó vào cửa sổ ở chế độ đánh dấu Wiki. Sau khi lưu nó sẽ hoạt động.

Đây là giao diện của tất cả các liên kết mà bạn có thể chèn vào menu nhóm của mình.

Cách tạo menu VKontakte bằng hình ảnh

Nếu bạn muốn menu bao gồm các biểu tượng đẹp mắt dẫn đến một phần cụ thể, chỉ cần làm theo hướng dẫn bên dưới.

Để bắt đầu, hãy tạo một album đặc biệt trong đó chỉ lưu trữ những hình ảnh kỹ thuật dành cho thiết kế nhóm.

Tải lên hình ảnh ở định dạng jpeg không lớn hơn 500 pixel x 500.

Sao chép URL của hình ảnh được tải lên.

Bây giờ hãy sao chép liên kết đến cuộc thảo luận, tài liệu hoặc trang web bên ngoài khác.

[[Liên kết tới hình ảnh trong album của bạn | kích thước tính bằng pixel; không đệm | Liên kết đến cuộc thảo luận hoặc trang web]]

Một ví dụ được hiển thị trong ảnh chụp màn hình.
Nhấp vào “Lưu trang”.

Bây giờ một liên kết gọn gàng sẽ xuất hiện trong menu của bạn. Bạn có thể đặt giá trị pixel khi bạn thấy phù hợp.
Để thêm nhiều hình ảnh, chỉ cần nhập liên kết mới trên một dòng mới.

Thiết kế đẹp của nhóm VKontakte là một trong những chìa khóa giúp họ quảng bá thành công. Nhưng bên cạnh vẻ đẹp thì sự tiện lợi cho người dùng cũng rất quan trọng. Thật không may, không có nhiều lựa chọn để thiết kế một nhóm, trái ngược với khả năng thiết kế một trang web được tạo ra. Tuy nhiên, một lựa chọn thú vị là tạo một menu. Trong bài viết này bạn sẽ học cách tạo menu trong nhóm VKontakte.

Kích thước của menu nhóm VKontakte là bao nhiêu?

Trước khi tạo một thứ gì đó, bạn cần quyết định kích thước của nó. Điều này rất quan trọng vì kích thước hình ảnh sai có thể bị biến dạng khủng khiếp. Vì thế, kích thước của menu nhóm VKontakte là bao nhiêu cần phải lựa chọn?

Trong bài viết trước về thiết kế nhóm VKontakte, chúng tôi đã xem xét chi tiết kích thước của các thành phần khác nhau (hình đại diện, v.v.), tôi khuyên bạn nên tự làm quen với nó. Tuy nhiên, như người ta nói, “sự lặp lại là mẹ của việc học”, và do đó trong hình bên dưới, bạn có thể thấy kích thước chính xác của tất cả các thành phần của nhóm VKontakte.

Theo quy định, menu của nhóm VKontakte bao gồm hai thành phần: một hình ảnh, khi nhấp vào, một menu sẽ xuất hiện và chính menu đó. Hình ảnh được ghim trong mô tả nhóm, có hoặc không có menu, phải có chiều rộng tối thiểu 510 pixel và chiều cao phải bằng chiều rộng hoặc nhỏ hơn - điều này có tính đến thiết kế mới.

Kích thước của menu nhóm VKontakte rộng 607 pixel. Nó có thể rất khác nhau về chiều cao. Vì vậy, có đủ không gian cho bất kỳ giải pháp thiết kế nào.

Làm cách nào để chèn ảnh vào phần mô tả của nhóm VKontakte?

Tiểu học. Tất cả những gì bạn phải làm là lấy một hình ảnh phù hợp với kích thước phù hợp và thay mặt cộng đồng thêm nó vào tường nhóm.

Đối với nhiều người, việc tạo ra một bức tranh sẽ khó khăn hơn nhiều. May mắn thay, thiết kế mới của VKontakte ít thất thường hơn về kích thước hình ảnh và nếu hình ảnh bạn chọn tương ứng với các kích thước được mô tả ở trên trong bài viết thì nó sẽ được hiển thị tốt. Vì vậy, bạn có thể tải xuống một hình ảnh làm sẵn, cắt nó theo chiều rộng hoặc chiều cao và thế là xong.

Nhưng nếu bạn muốn tạo một hình ảnh đẹp và độc đáo để mô tả nhóm VKontakte, bạn cần sử dụng Photoshop. Trên thực tế, nó không khó như người mới bắt đầu. Nhưng bạn sẽ phải dành thời gian nghiên cứu nó. Tôi có thể giới thiệu cho bạn một khóa học video tuyệt vời - “Photoshop từ đầu ở định dạng video 3.0”. Với nó, bạn sẽ nhanh chóng thành thạo chương trình này.

Làm cách nào để tạo menu trong nhóm VKontakte? Hướng dẫn

Bây giờ hãy chuyển sang tạo menu. Hãy tạo một quy trình hành động dưới dạng hướng dẫn. ĐẾN làm thực đơn trong nhóm VKontakte, bạn sẽ cần phải làm theo một số bước đơn giản:

Điều đầu tiên chúng ta cần làm là vào cài đặt nhóm và kích hoạt phần “Vật liệu”. Giá trị phải được đặt thành “hạn chế” hoặc “mở”.

Tiếp theo, chúng ta chuẩn bị hình ảnh cho menu nhóm VKontakte. Nếu không muốn phiền phức, bạn có thể làm menu ở dạng văn bản, nhưng như vậy sẽ kém hấp dẫn hơn. Để làm ví dụ, hãy lấy bức ảnh sau, có thể nhìn thấy bên dưới.

Nhân tiện, bức ảnh này được tạo ra bằng Photoshop trong vòng chưa đầy nửa giờ. Điều này sẽ khó thực hiện hơn trong một trình soạn thảo khác. Vì vậy, tôi khuyên bạn nên làm quen với khóa học mà tôi đã viết ở trên. Sau khi hình ảnh được chọn, nó cần được cắt thành từng mảnh và lưu trên máy tính.

Bức ảnh được cắt bằng Công cụ cắt trong Photoshop và sau đó được lưu lại. Mỗi phần được chạm khắc trở thành một hình ảnh riêng biệt.

Sau đó, bạn cần tạo album ảnh trên trang VKontakte cá nhân của mình. Album này thậm chí có thể được đóng lại hoàn toàn. Sau khi tạo album, hãy điền vào đó tất cả các phần của hình ảnh của chúng ta.

Tiếp theo, đi đến nhóm của bạn và trong phần tin tức mới nhất, hãy nhấp vào nút “Chỉnh sửa”.

Sau đó, một trang sẽ mở ra, bạn có thể đặt tên tùy ý và viết văn bản sau trong ngoặc vuông. Tiếp theo, nhấp vào nút Lưu trang.

Sau đó quay lại trang nhóm của bạn hoặc làm mới trang đó (nếu nó đã mở). Nhấp vào liên kết "Mở Menu". Sau đó, một liên kết bổ sung đến trang chúng tôi đã tạo sẽ xuất hiện. Nhấn vào nó.

Trang này sau đó sẽ mở ra. Vì nó mới được tạo nên không có gì trong đó và chúng ta cần điền vào. Nhấp vào liên kết “Điền nội dung”.

Tiếp theo chúng ta viết đoạn mã sau, như trong hình bên dưới. Trong đó, bạn cần cho biết số ảnh (để thực hiện việc này, bạn có thể mở ảnh đã tải lên album của mình và sao chép địa chỉ của nó như “photo15535684_427525646”) này, kích thước của ảnh (bạn có thể tìm thấy nó trong thuộc tính ảnh), và cũng chỉ ra liên kết mà bức ảnh này dẫn đến.

Để đảm bảo chúng tôi đã làm mọi thứ chính xác, hãy nhấp vào nút “Xem trước”. Bên dưới mã, menu nhóm VKontakte đã tạo sẽ xuất hiện. Nếu mọi thứ được hiển thị chính xác, hãy nhấp vào nút "Lưu", còn nếu không, chúng tôi sẽ tìm và sửa lỗi.

Bây giờ chúng ta cần một hình ảnh sẽ trở thành trình bảo vệ màn hình của menu và sẽ nằm trong phần mô tả nhóm của chúng ta. Chúng tôi đã viết ở trên kích thước của hình ảnh để mô tả nhóm VKontakte, nhưng nếu ai quên – chiều rộng là 510 pixel và chiều cao bằng hoặc nhỏ hơn chiều rộng. Bạn có thể sử dụng kích thước lớn hơn, nhưng với tỷ lệ tương tự.

Sau đó, chúng tôi mở trang đã tạo của mình bằng menu nhóm VKontakte đã tạo và sao chép liên kết đến trang đó. Để sao chép liên kết chính xác, bạn cần nhấp vào “Chỉnh sửa trang”. Sau đó, mã đã viết trước đó sẽ xuất hiện và bạn có thể sao chép địa chỉ từ dòng trình duyệt, trông giống như sau: “https://vk.com/page-119301077_51764020”.
Tiếp theo, hãy vào nhóm của chúng tôi và dán địa chỉ menu đã sao chép vào biểu mẫu gửi tin nhắn. Và sau đó một bức ảnh sẽ đóng vai trò là trình bảo vệ màn hình. Sau đó, nhấp vào nút “Gửi”.

Bây giờ tất cả những gì còn lại là đảm bảo mục nhập này. Làm tương tự như cách tôi đã làm trong hình dưới đây.

Đây là giao diện menu đã tạo của chúng tôi cho nhóm VKontakte. Nếu bạn muốn xem trực tiếp thì đây

Trong bài viết này, tôi sẽ cho bạn biết cách thiết kế một nhóm liên lạc đẹp mắt. Đồng ý, nhóm càng đẹp thì đăng ký vào càng thú vị. Đồng thời, nhóm sẽ có một menu tiện lợi mà bạn chỉ muốn vào và xem nội dung trong đó.

Ít nói hơn, hãy bắt đầu sáng tạo menu cho một nhóm trên VKontakte.
Trước tiên, bạn cần phải tự tạo nhóm đó, như tôi đã viết trong bài viết trước.

Và thế là, tất cả bắt đầu trong Photoshop, chúng ta tạo ra một bức ảnh về menu mà bạn muốn. Về cơ bản, đây là một loại hình nền có tên của các tiêu đề. Một người quen vừa nhờ tôi lập một nhóm đẹp cho công ty aero-stomadent của anh ấy, chuyên về thông gió công nghiệp, nên tôi sẽ làm.

Tôi đã tìm thấy một bối cảnh tuyệt vời về thiên nhiên Alaska và trên thực tế, tôi sẽ làm mọi thứ trên đó.

Chúng tôi viết menu trong nền. Ví dụ, tôi viết về những gì công ty làm. Đây sẽ là những nút mà sau này tôi sẽ tạo nhiều trang hơn. Mỗi từ sẽ là một nút menu trong tương lai.

Ở bên phải, đặt phần này làm hình đại diện của nhóm trong tương lai.

Bây giờ chế độ là hình ảnh nhỏ. Chọn chức năng "Cắt" từ menu, sau đó nhấp chuột phải vào khung vẽ và cắt sao cho mỗi từ được tách biệt.

Nên cắt nó gần như thế này.

Sau khi cắt, chúng tôi lưu tệp, không chỉ mà còn thông qua “Save for Web and devices…” (hoặc Alt+Shift+Ctrl+S), nó sẽ tạo một thư mục chứa tất cả các tệp đã bị cắt.

Bây giờ chúng ta chưa vào nhóm, chúng ta vẫn cần tạo đánh dấu wiki. Hay nói cách khác là tạo một trang.

Làm cách nào để tạo trang Wiki trên VKontakte?

Mở tab trình duyệt mới và dán liên kết sau vào đó: http://vk.com/pages?oid=-XXX&p=Tên trang có XXX là ID nhóm của bạn. Ví dụ, điều này đã xảy ra với tôi.
http://vk.com/pages?oid=-91934542&p=menu

Sau đó nhấn vào Điền nội dung. Ở đây chúng ta thấy một trình chỉnh sửa rất đơn giản, chọn chức năng camera để thêm tất cả ảnh của chúng ta vào menu. Nó sẽ tạo ra một cái gì đó tương tự như của tôi.

Nhưng có khoảng cách giữa các hình, để xóa khoảng trắng - chúng ta vào chế độ đánh dấu wiki (đây là dấu ngoặc kép ở góc trên bên phải<>) nhập thẻ sau "option;nopadding;" trước kích thước ảnh. Ví dụ []

Và tất cả đã đến với nhau.

Và như vậy, tất cả những gì còn lại bây giờ là chèn liên kết vào từng nút. Một lần nữa, mọi thứ đều được thực hiện trong đánh dấu wiki. Chúng tôi đưa vào các liên kết đã chuẩn bị trước đó tới các bài viết mà bạn cho là cần thiết.

Nhấp vào lưu, xem điều gì đã xảy ra, mọi thứ đều ổn với tôi nếu bạn nhấp vào liên kết "https://vk.com/page-91934542_49969122"

Sau đó tôi vào nhóm và trước đó tôi làm một bức tranh để hiển thị cho những người trong nhóm.

Và tôi chỉ đăng bài. Tôi dán một liên kết vào menu và thêm một bức ảnh tôi vừa chụp.

Xem xét rằng menu này không nằm trong một nhóm mà trên trang VKontakte (công khai), tôi quyết định chỉ cho bạn cách thực hiện tất cả! Lâu lắm rồi mình mới được các bạn đặt câu hỏi: làm sao để tạo menu ở trang công khai, làm sao để mở menu, làm sao để nó dính, v.v.. Đây là hướng dẫn dành cho các bạn!

Vậy làm sao nó có thể tạo menu trên trang công khai trong liên hệ? Tất cả chúng ta đều biết rằng có thể thêm menu wiki tích hợp chỉ trong nhóm, Tôi cũng đã viết về điều này. Nhưng làm cách nào bạn có thể tạo menu trên trang công khai nếu không có chức năng đó trong cài đặt? Không có giới hạn cho một tâm trí tò mò! Đây là giao diện của menu trên trang công khai của công ty chúng tôi:

Thực đơn ở nơi công cộng? Dễ như ăn bánh!

Xem lại các bài viết một lần nữa: và bây giờ chúng ta sẽ cần kiến thức này!

3 bước để có một menu công cộng đẹp mắt!

Có lẽ bạn đã đoán được rằng cơ sở của thực đơn như vậy là… bài viết được ghim với trang bên trong! Cá nhân tôi thực sự thích phương pháp này, ngay cả trong nhóm blog của mình, tôi đã từ bỏ việc nhúng và sử dụng “menu được ghim”. Và bây giờ tôi sẽ hướng dẫn rõ ràng cho bạn “cách thực hiện”!

Bước # 1: Tạo trang menu nội bộ

Vì vậy, để một menu xuất hiện trong nhóm của chúng ta, nó cần được tạo trên một trang nội bộ riêng biệt. Và như bạn nhớ, trong các trang công khai, chúng tôi không có cơ hội thêm menu mà chúng tôi sẽ làm theo cách khác và tạo một trang nội bộ. Để tạo nó, chúng ta phải nhập chính xác địa chỉ vào dòng trình duyệt. Đây là mẫu liên kết:

Cách 1: (thường)

http://vk.com/pages?oid=- XXX &p= tên trang

trong đó XXX là ID trang công khai của bạn,

và “Page_name” là bất kỳ từ nào sẽ được sử dụng để đặt tên trang

Cách 2: (nhẹ nhưng)

Vì vậy, chúng tôi tạo một trang wiki và điền nó theo cách tương tự như khi chúng tôi điền vào menu cho một nhóm. Tức là chúng tôi viết tất cả các hình ảnh và chuyển tiếp ở đó. Chúng ta sẽ nhận được một cái gì đó như thế này:

Đây là mã wiki của menu

Chú ý! Nếu bạn chưa biết cách tạo menu trực quan khi liên hệ thì tôi sẽ nhắc lại bài viết! Nếu mọi thứ đều ổn. sau đó bạn sẽ có được một hình ảnh như thế này:

Và đây là trang menu đã hoàn thành

Bước #2: Tạo bài đăng trên tường

Bây giờ chúng ta cần thêm thực đơn của mình vào tường cộng đồng VKontakte. Để làm điều này, chúng tôi sao chép liên kết đến trang nội bộ và thêm nó vào bài viết, như thế này:

Có thể bạn đã biết rằng liên kết tới một bài đăng được đính kèm tự động và sau khi liên kết được đính kèm từ chính bài đăng đó, địa chỉ trang có thể bị xóa. Nếu bạn xuất bản một liên kết, menu sẽ không xuất hiện trên tường mà chỉ đơn giản là sẽ có một liên kết, bằng cách nhấp vào đó một người sẽ được đưa đến menu của chúng tôi. Đây chỉ là một nửa trận chiến! Chúng ta cần thực đơn được chú ý và cố định tại chỗ, tức là. ở nơi dễ thấy nhất.

Vì vậy bây giờ chúng ta phải xóa liên kết từ “nội dung” của bài đăng (trang đính kèm sẽ vẫn còn) và thêm vào bài đăng hình ảnh, người đăng ký sẽ nhìn thấy. Bí quyết là nếu có một liên kết và một hình ảnh trong một bài đăng thì khi bạn nhấp vào hình ảnh đó, theo một liên kết! Mọi thứ khéo léo đều đơn giản!
Hình ảnh có thể lặp lại một phần hoặc toàn bộ menu, tùy bạn quyết định. Nếu bạn đặt thực đơn cho công chúng thì bạn cũng cần có biểu ngữ, tức là. một hình ảnh sẽ treo trong một clip. Đây là những gì chúng ta sẽ nhận được khi xuất bản một bài viết:

Hình ảnh lặp lại menu và thu hút sự chú ý của khách truy cập trang

Bước #3: Ghim bài viết

Cuối cùng, chúng ta đã chuẩn bị xong mọi thứ và bài đăng được treo kèm một bức tranh và một đường dẫn trên tường! Bây giờ chúng ta cần di chuyển nó vào tiêu đề nhóm, ghim bài đăng vào trang chính, ghim nó... Để làm điều này, hãy nhấp vào ngày/giờ của bài đăng (dưới mỗi bài đăng có ngày xuất bản), chúng tôi nhận được đến trang nội bộ của bài viết, kéo xuống tìm nút “pin” ở đó " Nhìn vào hình để biết những gì bạn cần tìm:

Bấm vào nút này và làm mới trang. Thì đấy, bạn đã hoàn tất! Thưởng thức thực đơn đẹp mắt!

vk.com/frilkacom

Bạn thậm chí có thể chọn một hình ảnh sẽ trở thành phần tiếp theo của hình đại diện của bạn - thiết kế này trông rất đẹp.

Vì vậy, với sự trợ giúp của ba bước đơn giản, chúng tôi đã tạo được một menu đẹp mắt có thể được sử dụng trong bất kỳ cộng đồng VK nào!

Đó là tất cả những gì tôi có cho nó! Chia sẻ bài viết với bạn bè, thêm nó vào mục yêu thích của bạn và theo dõi các cập nhật blog để không bỏ lỡ những bài viết mới thú vị!