W artykule:
Jeśli korzystasz z sieci WordPress Multisite do hostowania wielu powiązanych witryn, przydatne może być dołączenie linków do wszystkich witryn w każdej z witryn.
Pomoże to odwiedzającym, którzy trafią na niewłaściwą stronę w Twojej grupie,a także zachęci osoby przeglądające jedną z witryn w Twojej sieci do odwiedzenia innych. Jeśli Twoja sieć oferuje użytkownikom możliwość tworzenia własnej witryny, przeglądanie innych witryn w sieci pomoże im zobaczyć, co mogą uzyskać, jeśli się zarejestrują.
Nasza wtyczka katalogu blogów pozwala łatwo to zrobić na swojej stronie głównej, dodając stronę „witryny” do witryny głównej. Ta strona automatycznie wyświetla listę wszystkich witryn w Twojej sieci.
Ale co, jeśli chcesz dodać to do każdej witryny w sieci? Jest to możliwe, ale musisz napisać jakiś kod. W tym poście pokażę Ci jak.
Czego potrzebujesz, aby śledzić ten Post
Aby śledzić ten post, musisz:
- Rozwój lub instalacja testowa WordPress z aktywacją Multisite,
- Odpowiedni motyw do użycia jako rodzic dla wszystkich stron w sieci (przesłałem ten, którego używam do GitHub),
- Niektóre strony dodane do sieci, a
- Edytor kodu, jak Sublime lub Atom.
Pierwsze Kroki
Będziemy pracować z naszym motywem nadrzędnym plus motywem podrzędnym tego rodzica. Będę tutaj używał tylko jednego motywu potomnego-jeśli Twoja sieć ma witryny w tej samej organizacji lub dla różnych użytkowników, musisz użyć różnych motywów potomnych.
Metoda, którą tutaj przedstawiam, zakłada, że będziesz używał tego samego motywu nadrzędnego dla wszystkich witryn w sieci, co jest najbardziej odpowiednie, gdy używasz sieci do hostowania witryn klienckich lub wszystkich witryn dla jednej organizacji.
Uwaga: Możesz dostosować to do użytku we wtyczce, którą następnie aktywujesz we wszystkich witrynach w sieci. Musisz jednak dodać kod, aby aktywować funkcję do motywu każdej witryny, lub musisz upewnić się, że motyw używany dla każdej witryny ma ten sam haczyk, do którego możesz dołączyć funkcję wtyczki.
Kroki, które podejmiemy, to:
- Utwórz motyw potomny do użycia w witrynie w sieci.
- Edytuj plik funkcji motywu nadrzędnego.
- Dodaj trochę stylizacji do motywu nadrzędnego dla naszej listy witryn.
Zacznijmy od motywu dziecięcego.
Tworzenie motywu potomnego
Jeśli korzystasz już z motywu podrzędnego w witrynach w sieci, nie musisz postępować zgodnie z tym krokiem. Zamierzam utworzyć jeden motyw potomny, ale zakładam, że używasz innego motywu potomnego dla każdej witryny w sieci. Tak długo, jak wszystkie mają ten sam motyw nadrzędny, technika będzie nadal działać.
Utwórz nowy folder motywów w swoim wp-content / themes katalogu i dodać pusty styl.css zgłoś to. Otwórz ten plik i dodaj komentarz na początku:
To powie WordPress, że jest to dziecko motywu nadrzędnego, do którego dodamy kod.
Teraz Aktywuj ten motyw na co najmniej jednej z witryn w sieci i odwiedź jedną z tych witryn.
Oto moja strona startowa:
Tworzenie funkcji listy witryn
Teraz stworzymy funkcję, która wyświetli listę witryn z linkami. Otwórz funkcje.php plik w temacie nadrzędnym (lub utwórz go, jeśli go jeszcze nie ma) i dodaj ten:
To wykorzystuje get_sites() funkcja pobierania informacji o wszystkich witrynach w sieci i przechowuje, że jako zmienna o nazwie $subsites. Następnie sprawdza, czy coś zostało pobrane przez tę funkcję, a jeśli tak, otwiera listę nieuporządkowaną i foreach pętla. Całość jest podpięta do wpmu_before_header hook, który jest hakiem akcji w moim motywie nadrzędnym.
Uwaga: Jeśli Twój motyw nadrzędny nie ma żadnych hooków, musisz zakodować funkcję wpmu_list_sites() w nagłówku motywu lub dodać hook.
Teraz wewnątrz tej pętli, dodaj to:
Pobiera identyfikator bloga dla podwitryny (co jest konieczne, ponieważ get_sites() funkcja pobiera informacje jako obiekt, a nie tablica). Następnie przypisuje zmienne do każdej nazwy witryny i jej adresu URL, używając get_blog_details(), a na koniec ECHA nazwy z linkiem do adresu URL, w pozycji listy.
Oto pełna funkcja:
Teraz rzućmy okiem na stronę:
Tam jest! Ale to nie wygląda za dobrze. Dodajmy trochę stylizacji.
Stylizacja listy
Otwórz arkusz stylów motywu nadrzędnego i dodaj ten styl do naszej listy:
To unosi elementy listy obok siebie, dodaje kolor tła i tekstu oraz usuwa punktory.
Teraz jest na stronie:
Wygląda dobrze! Ale jest problem. Na szerszych ekranach lista znajduje się po lewej stronie i nie jest wyrównana z resztą zawartości witryny:
Możemy to łatwo naprawić. Najpierw w swojej funkcji Dodaj element kontenera. Funkcja będzie teraz wyglądać następująco:
Po drugie, dodaj stylizację dla tego elementu kontenera do arkusza stylów:
Edytuj stylizację dla ul element:
Na koniec dostosuj marginesy linków, aby wyrównały się z lewą stroną treści:
Teraz twoja lista będzie wyglądać o wiele ładniej:
No i proszę! Jeśli chcesz, możesz dodać to gdzie indziej w witrynie, na przykład w stopce lub pasku bocznym. Jeśli tak, to pewnie poprawiłbyś stylizację.
Promowanie Twojej sieci i jej stron
Jeśli witryny w sieci wielostanowiskowej są połączone, na przykład jeśli wszystkie odnoszą się do części jednej większej grupy lub organizacji, dobrym pomysłem jest umożliwienie odwiedzającym łatwego przełączania się między nimi.
Użycie tej techniki w motywie nadrzędnym pozwoli uniknąć konieczności ręcznego dodawania linków do innych witryn za każdym razem, gdy dodasz nową witrynę do sieci. Jeśli chcesz dostosować go do swoich podstronach, możesz łatwo edytować arkusz stylów dla każdej witryny, aby zmienić kolory i układ, lub możesz usunąć funkcję z Hooka akcji i dołączyć ją do innego Hooka, aby wyświetlić ją w innym miejscu.
Tagi:
