как - заменить текст ссылки на изображение (используя wp_nav_menu)

Question

В первый раз я пытаюсь это сделать, поэтому, пожалуйста, потерпите меня:)

Я создаю тему WordPress, и при использовании wp_nav_menu я пытаюсь заменить сгенерированный текст ссылки на собственное изображение, которое я сделал.

Итак, по сути, что мне нужно сделать:

    1) <a href="blah">this text needs to be replaced</a>
    2) <img src="<?php bloginfo('template_url'); ?>/images/with-this-image.png" />

Я пробовал несколько разных тестов с jQuery, но я не могу найти правильную комбинацию, чтобы она работала.

Любая помощь будет принята с благодарностью, спасибо!

Answer 1

Создайте новое меню, чтобы не перезаписывать текущее (проще переключиться обратно, если вы решите изменить его.

В новом меню, которое вы создали, вместо добавления страниц илипубликовать традиционным способом (используя флажки и добавляя в меню), вы можете использовать этот метод:

Открыть пустую страницу (она не будет сохранена, просто легчеполучите HTML-код для следующего шага.) Когда откроется пустая страница, нажмите HTML, чтобы войти в представление HTML. Теперь загрузите изображение, которое вы хотите использовать для ссылки навигации. Скопируйте HTML-код (убедитесь, что вы не копируете PТеги. Копированный результат будет выглядеть примерно так:

<img src="http://yoursite.com/wp-content/uploads/2011/08/Home48x48.png" alt="Home" title="Home" width="48" />

Теперь, чтобы добавить его в новое созданное меню: Перейдите в новое созданное меню и вставьте источник изображения изпоследний шаг в пользовательской метке меню (если пункты меню уже добавлены, будет написано метка навигации), где в поле с URL-адресом будет добавлена ​​фактическая ссылка на вашу страницу.

Answer 2

заменить текст, который генерируется "этот текст должен быть заменен" на

 <img src="/images/with-this-image.png" />

если вы хотите сделать это с помощью jquery, добавьте идентификатор в тег и укажите этот идентификатор.