• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wordpress automatyczne dodawanie do menu

VPS Starter Arubacloud
0 głosów
272 wizyt
pytanie zadane 3 kwietnia 2017 w HTML i CSS przez svst Nowicjusz (240 p.)

Witam, jestem w trakcie tworzenia strony, tak właściwie to stworzyłem statyczną i uczę się ją zgrać z WordPressem. Stworzyłem poziomą nawigację na stronie, wszystko układa się tak jak ma być, wyflexowane, więc w razie dodania większej ilości linków, obiekty automatycznie się zmniejszą. Problem polega na tym że po próbie zautomatyzowania z wordpressem - owszem wszystko działa, ale niestety wordpress układa linki w pionie, a nie w poziomie (statycznie działa wszystko)

Część kodu: 

 

	<div id="navi">

		<?php 
		
		$defaults = array(
        'menu' => '', 
		'container' => 'nav', 
		'container_class' => 'links',
		'container_id' => '',
		'menu_class' => 'menu',
		'menu_id' => '',
		'echo' => true,
		'fallback_cb' => 'wp_page_menu',
		'before' => '', 
		'after' => '',
		'link_before' => '',
		'link_after' => '',
		'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', 
		'item_spacing' => 'preserve',
		'depth' => 0, 'walker' => '', 
        'theme_location' => 'main',
		);
		
		wp_nav_menu( $defaults );
		
		?>
	<nav class="links">
			<li><a href="#">Strona Główna</a></li>
			<li><a href="#">O mnie</a></li>
			<li><a href="#">Oferta</a></li>
			<li><a href="#">Bajki i Baśnie</a></li>
			<li><a href="#">Aktualności</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Kontakt</a></li>
</nav>
		</div>
#navi
{
    
    margin: auto;
	font-family: 'Sansita', sans-serif;
	width:80%;
	color:red;
	padding: 10px 0;
    border-bottom:3px solid gray;

}
#navi .links
{
    display: flex;
    justify-content:space-around;
    flex-wrap: nowrap;
    flex-direction:row;
   
}
#navi .links li
{
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:16px;
	line-height:200%;
}

#navi .links li a
{
    color:black;
    text-decoration: none;
}
#navi .links li a:hover
{
color:#8AC934;
}

DODATKOWO DORZUCAM SCREENA

1 odpowiedź

0 głosów
odpowiedź 4 kwietnia 2017 przez ShiroUmizake Nałogowiec (46,300 p.)
Bo są od siebie odseparowane, po drugie wordpress nakłada swoje klasy (Sprawdż po przez zbadaj element). Uzyj tego --> https://developer.wordpress.org/reference/functions/wp_list_categories/

To ci wypluwa obiekt, kategorii wszelkimi danymi

To ci wypluwa ile jest kategorii --> https://developer.wordpress.org/reference/functions/get_all_category_ids/

Liczysz długość ilośći kategorii. Ustawiasz tą watość na zmienią stockCategory.

Robisz funkcję na init i lecisz foreach pobierasz kategorię po id (wp_list_categories), ściągasz z obiketu URL, desciption i wstrzykujesz w szablon.
komentarz 5 kwietnia 2017 przez svst Nowicjusz (240 p.)

Dopiero po raz pierwszy liznąłem WordPressa i to mój pierwszy szablon pod którego wp podpinam. PHP też nigdy nie miałem do czynienia. Jest szansa rozpisać to tak bardzo łopatologicznie? Najlepiej w punktach blush

1
komentarz 6 kwietnia 2017 przez ShiroUmizake Nałogowiec (46,300 p.)

Pierw bym się zastanowił, czy faktycznie potrzebujesz generować dynamiczne menu (spójrzmy sobie szczerze miliona kategorii nie wrzucisz).

Dobrze.

1. Pierw szukasz to co odpowiada za to menu po stronie wp (wp-core-CSS pogoogluj).

2.Tworzysz funkcję w pliku function.php 

3.ustawisz wp_filter na swoją funkcję np:(buildNav, init) (Wydaje mi się, że to init)

4.wp_category_list wypluwa ci listę obiektów kategorii (interesuje nas ten ==> 'title_li'> (Teraz spojrzałem, że on wypluwa również HTML)

5. Chwytam je do arrayList , badż do własnego obiektu.

6.buduje szablon.

7.Done.

8.Wrzucam odwołowanie się do funkcji do odpowiedniego pliku php.

9.Finish.

Jak rozumiesz podstawy PHP nie bedziesz mial z tym problemu.

 

Podobne pytania

0 głosów
1 odpowiedź 509 wizyt
pytanie zadane 1 sierpnia 2015 w Inne języki przez marcin1333 Początkujący (400 p.)
0 głosów
2 odpowiedzi 174 wizyt
pytanie zadane 19 września 2017 w HTML i CSS przez Apper97 Obywatel (1,380 p.)
+1 głos
5 odpowiedzi 279 wizyt
pytanie zadane 1 lipca 2017 w HTML i CSS przez Michał Wołoszyn Początkujący (380 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...