Форум Сайтостроение Веб-строительство

Wordpress. Кнопка входа, регистрации.

P
На сайте с 04.04.2016
Offline
1
plscomeback
4430

Нашел на просторах такой простенький код, вставляется в function.php, проблема в том что кнопки падают в nav_menu, не могу сдвинуть им туда куда мне нужно, а именно - вправо, каким образом это реализовать? 


//добавляем нужные кнопки в меню

add_filter('wp_nav_menu_items', 'add_login_logout_link', 10, 2);



function add_login_logout_link($items, $args) {

$loginoutlink = wp_loginout('index.php', false);

if(!is_user_logged_in()) 

	 $items .= '<li><a href="wordpress/reg/">Регистрация</a></li>';

else 

$items .= '<li><a href="/wordpress/wp-admin/">Кабинет Автора</a></li>';

$items .= '<li>'. $loginoutlink .'</li>';

 return $items;

}
P
На сайте с 04.04.2016
Offline
1
plscomeback
#1

Добавил id к li, прописал в css сам сдвиг, но вот как теперь запозиционировать "Войти" относительно "Регистрации" 

//добавляем нужные кнопки в меню

add_filter('wp_nav_menu_items', 'add_login_logout_link', 10, 2);



function add_login_logout_link($items, $args) {

$loginoutlink = wp_loginout('index.php', false);

if(!is_user_logged_in()) 

	 $items .= '<li id="lol"><a href="wordpress/reg/">Регистрация</a></li>';

else 

$items .= '<li><a href="/wordpress/wp-admin/">Кабинет Автора</a></li>';

$items .= '<li>'. $loginoutlink .'</li>';

 return $items;

}


.main-menu { 

	font-family: 'Roboto Slab', sans-serif;

	font-size: 0.9em; 

	text-align: center;

}





.main-menu li { position: relative; }



.main-menu > li { float: left; }



.main-menu > li:before {

	content: "/";

	display: block;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -9px;

	margin-right: -3px;

	font-size: 16px;

	color: #13c4a5;

	font-weight: 300;

	z-index: 1000;

}



.main-menu > li:last-child:before { content: none; right: auto; }



.main-menu > li > a {

	display: block;

	padding: 27px;

	font-size: 0.85em;

	color: #fff;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 700;

}



.main-menu > li:first-child > a { margin-left: 0; }



.main-menu > .has-children > a,

.main-menu > .page_item_has_children > a { padding-right: 47px; position: relative; }



.main-menu > .has-children > a::after,

.main-menu > .page_item_has_children > a::after {

	content: "";

	display: block;

	border: 5px solid transparent;

	border-top-color: #fff;

	position: absolute;

	z-index: 1001;

	right: 29px;

	top: 50%;

	margin-top: -2px;

}



#lol {



	position: absolute;

	right: 20%;

}
Nomiki
На сайте с 28.03.2012
Offline
117
Nomiki
#2

Да надо вживую смотреть, е-моё. Может как-то так сканает:

#lol a, #lol:hover, #lol a:link 
{ 	margin-left: 450px !important;
}

И да, зачем вы черед id сделали? можно же по menu-itemXXX (условному) выхвать/спозиционировать?

Заказать дизайн сайта: nomiki@yandex.ru | Портфолио: behance.net/nomiki | ВК: vk.com/nmk_msk
P
На сайте с 04.04.2016
Offline
1
plscomeback
#3
Nomiki:
Да надо вживую смотреть, е-моё. Может как-то так сканает:
#lol a, #lol:hover, #lol a:link 
{ 	margin-left: 450px !important;
}

И да, зачем вы черед id сделали? можно же по menu-itemXXX (условному) выхвать/спозиционировать?

Через маргины это конечно вариант, но проблема будет потом, что если добавить в меню пункт, то мои кнопки еще больше сдвинуться. Это функция не добавляет menu-itemXXX... Мы решили проблему, точнее ее помог мне решить товарищ ffreest , огромное ему спасибо. Если кому нужно выложу сюда правки.Как мы это решили, в кратце - создали доп [ul], и привязали к нему css class, вставили функцию php, из function убрали фильтр.

меню на html+css Проблема с яндексом Meta-теги для WordPress

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий