Czy kiedykolwiek chciałeś wyświetlić mapę witryny widoczną dla odwiedzający na WordPressie? Widoczna mapa witryny pozwala przedstawić hierarchiczny diagram różnych stron i sekcji. W tym artykule pokażemy, jak utworzyć mapę witryny w WordPress bez pisania kodu.
Różnica między mapą witryny HTML, mapą witryny XML i widoczną mapą witryny WordPress
Mapa serwisu (sitemap) XML jest generowany dla maszyn i wyszukiwarek. Używa języka znaczników XML do reprezentowania treść Twojej witryny. Wyszukiwarki mogą używać tych map witryn do zarządzania współczynnikiem wykorzystania Twojej witryny. strona internetowa.
Ponadto mapa witryny HTML jest przeznaczona do użytku przez odwiedzający swój Witryna internetowa (prawdziwi ludzie). Po prostu wyświetla listę Twoich stron i różnych sekcji witryny na jednej stronie. Chociaż mapa witryny (sitemap) HTML jest używany do pokazania struktury Twojej witryny, jednak często nie jest to idealna opcja do wyświetlenia hierarchii Twojej witryny Witryna internetowa.
Tutaj przydaje się mapa serwisu widoczna dla użytkowników. Umożliwia wyświetlanie elementów, elementów podrzędnych, elementów rodzeństwa, a wszystko to w strukturze drzewa. Biorąc to pod uwagę, przyjrzyjmy się, jak łatwo dodać widoczną dla użytkownika mapę witryny na WordPress.
Dodaj mapę witryny widoczną dla użytkowników w WordPress
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Slick Sitemap. Teraz, przed zainstalowaniem wtyczki, musisz utworzyć menu nawigacyjne w WordPress. Korzystając z menu nawigacji WordPress, możesz tworzyć menu z podmenu. Podobnie podmenu mogą mieć własne podmenu.
To menu nawigacji będzie zawierało wszystkie strony lub elementy, które chcesz wyświetlić na mapie. Możesz nazwać to menu „ Widoczna mapa witryny I zapisz to.
Możesz także utworzyć inne menu lub użyć istniejącego menu z zaledwie kilkoma ważnymi stronami. To menu będzie używane jako menu narzędziowe nad widoczną mapą witryny.
Po utworzeniu menu nadszedł czas na skonfigurowanie mapy witryny. Po prostu przejdź do strony Ustawienia »Zręczna mapa witryny i skonfiguruj wtyczkę.
W opcji „Domyślne menu mapy witryny”, musisz wybrać menu główne „VisualSitemap”. Wybierz liczbę kolumn, które chcesz wyświetlić. Na koniec musisz wybrać menu narzędziowe i kliknąć przycisk „ Zapisz zmiany Aby wszystko zapisać.
Wyświetl mapę witryny widoczną w witrynie WordPress
Teraz, gdy pomyślnie utworzyłeś i skonfigurowałeś mapę witryny widoczną dla użytkownika, następnym krokiem jest wyświetlenie tej mapy na stronie witryny WordPress.
Po prostu utwórz nową stronę w WordPressie i dodaj ten krótki kod w polu treść.
[slick-sitemap]
Następnie kliknij przycisk „Nagraj” ou "Publikować" zapisać zmiany. Teraz możesz odwiedzić tę stronę i zobaczyć mapę witryny w akcji.
Mamy nadzieję, że ten artykuł pomoże Ci dodać mapę witryny widoczną dla użytkownika na WordPress. Jeśli masz komentarze do tego artykułu lub sugestie, daj nam znać w specjalnej sekcji.
Re,
Tak, absolutnie, to wszystko: struktura drzewa jest wyświetlana, ale jak powiedziałem, widzimy linie i przesunięcie w prostokątach o różnych kolorach, w których znajdują się nazwy stron. Nie ma sposobu, aby zniknęły. A może jestem zbyt wymagający? Ponieważ na twoim demo jest wręcz przeciwnie idealnie!
Dziękuję, że mi powiedziałeś…
Jean-Marc
Witam,
Przepraszam za opóźnienie, byłem trochę zajęty, wszystko co musisz zrobić w tym przypadku to użyć niestandardowego kodu CSS, mam dla ciebie kod, spróbuj zainstalować wtyczkę Header & Footer (myślę, że to jest nazwa) i dodaj następujący kod:
# post-kod 1255 {
wypełnienie: 0px; ważne;
}
Jeśli kod nie zadziała, daj mi znać zawsze za pomocą tego formularza.
Ten kod ma zastosowanie tylko do tej strony, więc jeśli planujesz użyć drzewa na innej stronie, będziesz musiał skontaktować się z nami, aby podać kod dla tej strony.
Witam,
Dziękuję za odpowiedź. To bardzo słodkie.
Nie wiem, jak sobie radzić z kodami i innymi językami, niestety ...
Zainstalowałem wtyczkę wskazaną ustawieniami, które wstawiłem nad stroną zawierającą mapę witryny (która jest źle wyświetlana). Link poniżej:
http://sante.entre-coeurs.org/plan-site-entre-coeurs-module-sante/
Oczywiście tak jak ja Twój kod pojawia się na wszystkich stronach z tym samym komunikatem bo nie wiem jak inaczej (wstaw go na stronie planu i tylko na tej) ... Proszę mi powiedzieć gdzie ułóż to dokładnie, jak tylko będziesz miał czas, to bardzo miłe.
Doskonały dzień dla ciebie.
Jean-Marc
Witam,
Wybaczcie, ale mogłem zauważyć, sprawdzając adres, który mi podałeś, że rzeczywiście wyświetlana jest struktura drzewiasta stron (przynajmniej tak, jak przewiduje to menu).
Pozwoliłem sobie zrobić zrzut ekranu, aby zapytać Cię, czy wyświetlane dla Ciebie treści są takie same jak dla mnie.
http://wp-labo.tendoo.org/wp-content/uploads/2016/03/screenshot-newtab-2016-03-27-11-09-40.jpg
Z poważaniem.
Witam,
Przede wszystkim dziękuję za ten samouczek.
Wypróbowałem to na swojej stronie i niestety pojawiają się małe kreski, które „przesuwają” prostokąty o różnych kolorach, w których są nazwy stron. Nie ma sposobu, aby zniknęły (nie ma wielu opcji)… szkoda. Poszukam innej wtyczki tego typu, ponieważ jest bardzo przydatna. Dzięki jeszcze raz. Wspaniały dzień
JMarc
Witam, Jean Marc,
Dziękuję za zwrotną informację.
Proszę.
Zapomniałem podać adres, pod którym widoczne są te graficzne "przesunięcia".
http://sante.entre-coeurs.org/plan-site-entre-coeurs-module-sante/
Nic złego, ale… nie jest zbyt ładne!
Szukałem innych od wczoraj, ale nie mogłem znaleźć niczego, co pokazuje schemat stron witryny. Najwyraźniej standardem pozostaje „Sitemap-page”, dzięki której otrzymujemy tylko wulgarną alfabetyczną listę stron, artykułów… (bez grafiki).
Świetny dzień
Jean-Marc
Witam, Jean-Marc,
Jak tylko znajdziemy coś lepszego, polecamy go na tej stronie.
Z poważaniem,
Witam,
Czy możesz zrobić zrzut ekranu swojego ekranu ustawień i opublikować go? W zasadzie ta wtyczka działa normalnie. Jeśli nie, prawdopodobnie wystąpił błąd lub pominięcie podczas ustawień.
Z poważaniem.
Witam,
Przede wszystkim dziękuję za zainteresowanie moją sprawą… Jest super.
Po pierwsze, oto adres, pod którym ten plan jest widoczny:
http://sante.entre-coeurs.org/plan-site-entre-coeurs-module-sante/
Ustawienia Slick Sitemap:
Domyślne menu mapy witryny: Wybrałem nazwę menu, która jest taka sama, jak ta wyświetlana po prawej stronie na pasku bocznym (patrz powyższy link) mojego motywu (dwadzieścia szesnaście, że nie mam nic ze zmianami).
Kolumny domyślne: kolumny 3
Domyślne menu narzędzi: Nic nie wybrałem, więc pojawia się komunikat „Wybierz menu narzędzi”.
Tutaj mam nadzieję, że był kompletny.
Dziękuję bardzo za tę pomoc, ponieważ ta wtyczka jest bardzo przyjazna wizualnie.
Wielka niedziela
Jean-Marc
PS: Zrobiłem zrzut ekranu, ale funkcja „wklejania” na tej stronie komentarzy nie działa ...