2013-10-11 3 views
0

Скажите, что у меня есть MyAccount и MyStats в навигации, и я хочу обернуть тег вокруг текста «Мой». Как я могу сделать это в Wordpress?Как добавить HTML в Wordpress?

например Мой Дом, Мой Улица.

+0

Вы используете любой JavaScript/JQuery? – Wez

ответ

1

Если я понять вопрос правильно, вы просто хотите, чтобы слово «Мой» жирным?Посмотрите на этот снимок экрана, вы должны быть в состоянии отправить его прямо в меню Nav, в зависимости от того, что вы хотите добавить:

enter image description here

+0

Выше работал для меня –

+0

Это было бы идеально. Ниже я использовал более сложное решение. – scottgemmell

0

Для этого вам необходимо, скорее всего, отредактировать файл head.php/header.php. Для этого вам нужно сделать одну из двух вещей. Или FTP на ваш сервер и перейдите на

sitefolder/wp-content/themes/themefolder/header.php 

и найдите навигацию или меню. В качестве альтернативы в задней части wordpress перейдите к

appearance->editor 

найти файл здесь и внести необходимые изменения.

С помощью этого метода вам потребуется жестко указать элемент меню. Поэтому любые изменения названия страницы и т. Д. Не будут представлены. Но это самый простой способ сделать это.

+0

Да, извините, я должен был сказать. Я не ожидаю, что это сработает с помощью графического интерфейса. Я ожидаю, что мне придется изменить свой шаблон еще немного. – scottgemmell

0

Если вы хотите пользовательские имена навигации вы можете просто сделать пользовательское меню:

Getting there

Modifying it

Selecting it

0

Если вы используете JQuery вы могли бы сделать что-то вроде этого чтобы обернуть первые две буквы каждого пункта меню элементом <span>.

$('li').each(function(){ 
    $(this).html('<span>'+$(this).text().substring(0,2)+'</span>'+$(this).text().substring(2)); 
}); 

Вы, возможно, потребуется изменить селектор, или быть более конкретными для того, чтобы вы не осуществить все li «S на вашем сайте.

Вот рабочая скрипку - http://jsfiddle.net/dM5sb/

Для решения PHP, если вы используете wp_nav_menu() вы можете переключиться на get_pages() и сделать что-то вроде этого.

<ul> 

<?php 

$args = array(
'sort_order' => 'ASC', 
'sort_column' => 'menu_order', 
'hierarchical' => 1, 
'child_of' => 0, 
'parent' => -1, 
'offset' => 0, 
'post_type' => 'page', 
'post_status' => 'publish' 
); 

$pages = get_pages($args); 

foreach($pages as $page) { 

    $title = $page->post_title; 
    $my = substr($title, 0, 2); 
    $the_rest = substr($title, 2); 

?> 

<li><a href="<?php echo get_page_link($page->ID); ?>"><span><?php echo $my ?></span><?php echo $the_rest?></a></li> 

<?php } ?> 

</ul> 

Это проверялось, но вы можете прочитать больше о функции WordPress get_pages() здесь - http://codex.wordpress.org/Function_Reference/get_pages

+0

Я думал об этом, но я предпочел бы использовать PHP. – scottgemmell

+0

Я только что добавил вариант использования PHP. – Wez

Смежные вопросы