The Quest for menu hoàn hảo ...
Đây là phần 1 của các hướng dẫn
Phần 2 của hướng dẫn này, dạy như thế nào để xây dựng đơn dọc + bảng màu tối cho ngang một
Tôi đã quyết định lấy chủ đề Luận văn tốt nghiệp, bởi vì một trong những khách hàng của tôi thông báo cho tôi về những vấn đề tương thích giữa Luận văn tốt nghiệp và thành viên trang web wordpress plugin MemberWing của tôi. Tôi cố định nó và sau đó quyết định đi xét kỹ hơn Luận văn tốt nghiệp và thực sự bực để xem video trên trang đầu của trang web Thesis chính - Diythemes.com.
Điều gì gây ấn tượng cho tôi tính năng SEO nhất là chú ý đến từng chi tiết, thân thiện với người dùng và hầu hết tất cả - đó là tư tưởng của rất tốt.
MemberWing plugin thành viên được thiết kế từ mặt đất lên cho các trang web thành viên mà có thể cần phải kéo như nước trái cây SEO nhiều càng tốt. Vì vậy, tôi trả tiền rất nhiều sự chú ý đến vô số cải tiến SEO và perfections trong MemberWing. Nhiều khách hàng của riêng tôi được hỏi về chủ đề khác nhau để sử dụng và chủ đề có được như vậy cũng SEO tối ưu hóa từ bên trong sâu sẽ là một thành viên phù hợp tuyệt vời cho các nhà doanh nghiệp portal.
Kết hợp các quyền hạn của SEO MemberWing với quyền hạn của SEO chủ đề Luận án sẽ cung cấp cho những cơ hội tốt nhất của bảng xếp hạng cho các khách hàng của tôi. Vì vậy, tôi đã nhận Luận văn tốt nghiệp và chơi với nó trong một ngày.
Nó là một chủ đề xuất sắc trong tất cả các cách khác nhau. Phần menu của nó mặc dù là một chút hạn chế về chức năng. Bắt đầu từ Luận án 1,5 + nó là một trong những cấp chỉ đơn. Mong muốn bình thường của tôi là để có thể tùy chỉnh menu nhiều như cần thiết. Một số trang web chỉ có vài trang, nhiều người khác đã tấn của các trang tĩnh + zillions điều / bài viết + rất nhiều loại.
Vì vậy, trong lý tưởng thế giới có một cơ hội để tạo ra tốt đẹp tìm hierarchically tổ chức đơn chuyển hướng thân thiện với người sử dụng là phải. Luận án phải ra dơi đã tìm hướng tốt, nhưng tôi nhận thấy rằng tất cả các Luận văn tốt nghiệp, các trang web dựa đang tìm kiếm như anh em sinh đôi. Luận án chuyển hướng trình đơn tùy biến là không thực sự dễ dàng nhất để mọi người chỉ rời khỏi nó như là. Không có cách nào để thay đổi thứ tự các mục trong trình đơn, hoặc họ ở vị trí giữa các trang. Và một lần nữa, khả năng tạo cấu trúc đơn lồng nhau là mất tích. Vì vậy, tôi quyết định xem những gì có thể được thực hiện về nó.
Sau khi thử khoảng một nửa đơn tá / menu plugins liên quan tôi đặt sự lựa chọn của tôi trên Wordpress Danh mục chính sách Plugin NAVT.
NAVT plugin về bản chất là danh sách có thứ tự với máy phát điện siêu lạ mắt và một chút khó khăn để con số giao diện quản trị untraditional. Điều gì gây hiểu lầm về nó là nó không thực sự tạo ra các menu tìm kiếm ưa thích của chính nó. Nó là một phần khó khăn nhất của công việc mặc dù - cho bạn một khả năng kéo trực quan với nhau, và tạo ra danh sách có thứ tự - Bộ xương của trình đơn của bạn-to-be. Và bạn có thể tạo ra các menu nhiều quá. Bạn có thể kéo tất cả các loại Wordpress cụ vào trình chuyển hướng: trang, bài viết, bài viết, chuyên mục, người sử dụng, khối mã, các liên kết bên ngoài, ngăn, tách và trộn và phù hợp và làm tổ và sắp xếp và tùy chỉnh chúng trong cây nào giống như cấu trúc bạn muốn.
NAVT tạo ra cho bạn kết quả HTML danh sách có thứ tự. Thứ hai vẻ đẹp của NAVT là nó giúp bạn nạp đơn mới của bạn vào chủ đề của bạn thông qua JQuery nổi tiếng dựa trên logic, nhưng mà không cần phải thay đổi bất kỳ mã! NAVT cho phép bạn xác định: "thay thế yếu tố này # với thực đơn NAVT mới của tôi". # phần tử có thể được một id hoặc lớp của con đường thực đơn hiện hành hoặc thẻ div rằng yếu tố này đang được tạo ra bởi các chủ đề hiện tại của bạn. Vì vậy, không NAVT này thay thế cho bạn mà không buộc bạn phải đi vào mã chủ đề và làm cho nó thêm lộn xộn hơn nó đã là. Nếu tất cả các âm thanh như tiếng vô nghia - đừng lo lắng - Tôi sẽ hướng dẫn bạn từng bước sớm. Các phần thử thách của NAVT cho tất cả mọi người là bạn sẽ phải đến với thực tế CSS + hình ảnh + javascript mã cho đơn của chính mình. Và nó vào bạn để tìm ra ở đâu và làm thế nào để tích hợp các tập tin này và thực hiện các công cụ này đúng cách có được kết nối với nhau.
Trân trọng mà không biết một số JQuery + PHP + CSS + có kinh nghiệm phong nha với Wordpress - điều này là khó khăn để kéo.
Gladly tôi biết công cụ này một chút vì vậy tôi đã quyết định cắn đạn và nhân loại hướng dẫn để tự do trong việc xây dựng tốt nhất của các menu chuyển hướng tốt nhất cho Wordpress. Tôi chỉ cần thiết để tìm ra nguồn cho một số nhìn đẹp ngang menu CSS. Tôi chọn trang web ổ năng động cho các lựa chọn tốt nhất của họ, trình diễn và các nguồn.
Tôi dành riêng một ngày để học Luận văn tốt nghiệp và chơi với NAVT plugin. Cuối cùng tôi tự hào được tạo tùy chỉnh, linh hoạt, SEO tối ưu hóa, multilevel, lồng nagivation cấu trúc cho Wordpress của tôi dựa trên trang web + Thesis.
Danh sách các tính năng của multilevel, đơn lồng nhau chuyển hướng Wordpress cho Thesis Theme
(bạn GOT cho tình yêu cụ này):
- Chuyên nghiệp, sạch sẽ nhìn và cảm nhận.
- Hỗ trợ cho tất cả các trình duyệt hiện đại, trong đó có 6,7 MSIE, Opera, Safari, Firefox 3.x, Google Chrome ở cả hai javascript và phi javascript chế độ.
- Gracefully downgradable cho phi javascript trình duyệt. Bạn đơn sẽ được sử dụng được, trực quan tương tự và thậm chí làm việc cho các trình duyệt javascript bị vô hiệu hoá (mặc dù chỉ trên cấp độ menu sẽ được nhìn thấy và không có flyouts tất nhiên sẽ xảy ra khi chúng được làm bằng javascript).
- Tính năng thân thiện với SEO - thứ tự danh sách trình đơn mã được tạo ra trong mã HTML. Google và thu thập công cụ tìm kiếm khác sẽ có thể chỉ mục cấu trúc menu của bạn và tìm thấy các liên kết đến các trang bên trong.
- Hỗ trợ cho các cấp không giới hạn và làm tổ sublevels.
- Hỗ trợ cho bất kỳ thứ tự hoặc các trang, bài viết (thông qua người dùng xác định URIs), loại, người sử dụng, tùy chỉnh mã khối và liên kết ngoài trong trình đơn.
- Hỗ trợ của văn bản cũng như hình ảnh dựa trên các yếu tố trình đơn. (Tôi chưa thử mặc dù các).
- Menu cấu trúc và nội dung trực quan có thể điều chỉnh thông qua khu vực admin NAVT.
- Compact: JQuery flyouts dựa cho các cấp lồng nhau.
- Fast: JQuery cho trình đơn được tải từ máy chủ của Google (Tôi rất muốn Thesis chính nó cũng làm như vậy, thay vì kéo nó tại địa phương). Điều này sẽ đẩy nhanh việc một chút.
- Khả năng mở rộng - Loại đơn là có thể chỉnh sửa và cấu hình bất cứ lúc nào thông qua các cài đặt plugin NAVT mà không có bất cứ nhu cầu mã hóa ở bất cứ đâu.
Tôi sử dụng menu này xuất sắc từ cổng ổ động làm căn cứ. Tôi đã phải tùy chỉnh mã javascript một chút cũng như bao gồm đoạn PHP vào custom_functions.php để làm cho nó hoạt động với Luận văn tốt nghiệp. Ngoài số tiền trang hiện có, thể loại và các bài viết từ trang web của tôi đã được sử dụng để lắp ráp cấu trúc đơn. Chi tiết cụ thể của trang web sẽ khác nhau - nhưng sẽ có những khái niệm như nhau.
Vì vậy, hãy tiếp tục, thì chúng ta?
Hướng dẫn từng bước để NAVT thiết lập dựa trên lồng nhau, tùy biến, multilevel, thân thiện với SEO
và chỉ là đồng bằng mát tim menu cho Wordpress và Luận đề
- Đi đến bảng quản trị Wordpress. Plug-> Thêm mới, tìm "navt". Plugin này sẽ được hiển thị. Click vào [Cài đặt], [Cài đặt bây giờ], "Kích hoạt Plugin".
- Tools-> Danh NAVT, Inside "khu vực" Danh mục Nhóm tìm "tên nhóm" và nhập: "menu1" trong lĩnh vực này, bấm [Tạo] nút. "Menu1" khu vực hình chữ nhật đã tạo ra.
Điều này "menu1" khu vực sẽ là sân chơi chính xây dựng công trình đơn. Bạn sẽ được kéo và thả ở đây yếu tố đơn của bạn. - Trong "tài sản" khu vực tìm thấy "khác" ListBox và bấm vào "sự lựa chọn" Trang chủ. "Trang chủ" thingie sẽ xuất hiện bên trong của "unassigned" khu vực. Weird, eh? Đừng lo, miễn là nó hoạt động - và nó sẽ cho chúng tôi.
- Kéo này "Trang chủ" thingie từ "tài sản" khu vực thành "menu1" hình chữ nhật diện tích. Nó sẽ trở thành "Trang chủ" mục trong trình đơn.
- Lặp lại các bước 3-4 cho một số trang từ "khu vực" Các trang, cũng như cho các mục trong "loại" khu vực. Kéo mục nào khác bạn muốn có trên trình đơn của bạn bên trong "menu1" hình chữ nhật. Bạn có thể bấm vào các trang, chuyên mục, người sử dụng và tùy chỉnh một số yếu tố như "divider danh sách" và khối mã "". Mã số khối là mát cách để thêm đoạn tuỳ chỉnh bên trong trình đơn.
- Bạn có thể kéo các mục menu bên trong "menu1" khu vực để sắp xếp lại trật tự của họ.
- Bạn có thể điều chỉnh vị trí thứ bậc của mỗi mục trình đơn bằng "<" và ">" mũi tên.
- Cách bấm vào tên văn bản của từng mục menu - mở hộp thoại tuỳ biến tâm boggling thêm cho mặt hàng này. Tôi chủ yếu được sử dụng mặc định kỹ thuật, nhưng bạn có thể đi điên và bắt đầu làm cho hình ảnh dựa trên sự lựa chọn trình đơn và thêm khối mã HTML vào nó. Tiến hành thận trọng mặc dù.
- Đối với menu con linkless unclikable rằng sẽ phục vụ như là "cha mẹ" cho con "khác-trẻ em" Tôi sử dụng "Mã khối" loại. Ví dụ như khi tùy biến mặt khối mã tôi đã nhập về "bí danh mục Menu" = "MemberWing" và "Nhập mã khóa:" = "<a href='#'> MemberWing </ a>". Có href = "#" sẽ làm cho nó không nhấp được nhưng hành động như là một phụ huynh "hợp lệ" sự lựa chọn thực đơn.
- Đây là cách NAVT của tôi 'menu1' xây dựng cơ cấu giống của gần như hoàn thành:
- Hoàn thành xây dựng ban đầu và sau đó bấm vào "bánh" biểu tượng tuỳ chỉnh cơ cấu trình đơn của bạn:
- Nó sẽ mở hộp thoại với 4 tab: Tùy chọn, Display, CSS, Theme.
- Vào "Tùy chọn" và chắc chắn rằng tất cả mọi thứ không được đánh dấu và "Tên nhóm" nói: "menu1"
- Go to "tab" Hiển thị và làm cho mọi thứ chắc chắn về "nhóm menu hiển thị trên ..." khu vực được chọn [x]. Để lại phần còn lại lúc mặc định.
- Go to "tab" CSS và nút chọn (x) "Không áp dụng CSS lớp học".
- Go to "tab" Chủ đề và điền nó vào như:
Chèn vào "Thêm thẻ trước khi ..." khu vực mã này:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Chèn vào "Thêm thẻ sau ..." khu vực mã này:
<br style='clear: left' /></div> - Báo chí [lưu / đóng] nút
- Lúc này xây dựng đơn điểm từ bên trong tùy chọn plugin NAVT hoàn tất.
Bây giờ là lúc để làm một điều chỉnh nhỏ cho Thesis chủ đề để làm cho nó sẵn sàng. Cho rằng chúng ta cần phải thêm các tập tin tùy chỉnh một vài - CSS và javascript đó thuộc về trình đơn và cập nhật custom_functions.php Luận án ' - Tải xuống hoàn tất bộ các tập tin ở đây.
- Giải nén kho lưu trữ. Nếu bạn đã cập nhật custom_functions.php của bạn với các tùy chỉnh của bạn - bạn cần phải hợp nhất chúng lại với công cụ của tôi. Tôi sẽ rời khỏi nó vào bạn.
Nếu bạn chưa đụng nó - cảm thấy tự do để ghi đè lên nó với tôi. Xin lưu ý: Tôi thích vị trí trình đơn dưới tiêu đề trang web (mặc định là ở trên) - vì vậy điều chỉnh của tôi bao gồm ưu đãi này như là tốt. - Tải lên kho lưu trữ bao gồm tất cả các thư mục con và các tập tin theo chủ đề Luận văn tốt nghiệp của bạn 'tuỳ chỉnh' thư mục, như thế này:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
Tôi đã không đụng custom.css - Tôi muốn giữ trình đơn cụ thể CSS theo địa điểm riêng của họ để tránh việc tạo ra lộn xộn bên trong custom.css - Vào lúc này, bạn có thể tải lại trang web của bạn và thấy trình đơn mới đẹp mới multilevel, lồng, SEO tối ưu hóa.
- Bạn luôn luôn có thể trở lại các thiết lập NAVT và tuỳ chỉnh trình đơn của bạn với sự lựa chọn nhiều hơn hoặc đặt lại vị trí bất cứ điều gì. Nó sẽ được phản ánh trên trang web tự động.
Con đường phía trước ...
Hướng dẫn này bao gồm ví dụ sáng tạo của một loại thực đơn tôi chơi với nhau -. Chỉ để xem cách thực đơn có màu sẫm sẽ như:
Luận án đề - multilevel lồng CSS menu - tối Palette
Tôi nghĩ rằng đó là khá tốt đẹp. Có rất nhiều điều hướng các mẫu có sẵn tại Dynamic Drive - tất cả trong số đó là có thể tùy chỉnh cho Luận văn tốt nghiệp và Wordpress chủ đề khác với một số nỗ lực:
Dynamic Drive ngang Menus
Tôi hy vọng bạn sẽ tìm thấy hướng dẫn này có lợi và hữu dụng. Như tôi đã nói, có thể tùy chỉnh bất kỳ của những thực đơn cho Luận văn - đó là cho thời gian và mong muốn làm cho nó xảy ra.
Tôi có thể làm điều này làm việc cho bạn trên cơ sở hợp đồng. Chỉ cần chọn menu mà bạn thích, liên hệ với tôi và tôi sẽ làm việc trên đoạn code và hướng dẫn cho trang web của bạn.
$ 20
Và tất nhiên nếu bạn đang lên tới xây dựng siêu SEO tối ưu hóa cổng cao thành viên wordpress - giải pháp tốt nhất cho điều này:
Luận án đề + MemberWing plugin thành viên + tự tổ chức Wordpress của khóa học.
