WordPress как сделать ссылку на пост

Как сделать ссылку в wordpress. Инструкция для новичков.

Здравствуйте, уважаемые коллеги!

Опытных сайтостроителей прошу как можно быстрее покинуть страницу, поскольку эта инструкция написана исключительно для новичков в нашем деле.

Даже я, великий мастер, автор и родитель wordpress-book.ru, когда-то, на заре своей юности, не знал многих элементарных вещей по wordpress, включая те действия, которые мы сейчас с легкостью освоим.

Итак, начнем по порядку.

Как сделать ссылку в wordpress на любую другую страницу

В панели администратора своего сайта откройте для редактирования требуемую страницу в режиме визуального редактора и далее (см. рисунок выше):

1. Выделите левой клавишей мыши слово или часть текста, которую надо сделать ссылкой.
2. Кликните по иконке ссылки в панели редактирования.
3. Откроется маленькое окошко в которое вставьте полный URL страницы, на которую вы хотите сделать ссылку, после чего нажмите на кнопку Enter справа. На этом действие можно считать завершенным.
4. Если вы достаточно внимательный человек, то никак не заметите кнопку дополнительных параметров в виде шестеренки справа. Кликните по ней, откроется новое окошко, больше старого.
5. Если активировать функцию « Открывать в новой вкладке », то в html код ссылки пропишется атрибут target=»_blank» , обеспечивающий открытие страницы по ссылке в новой вкладке. Остальные функции тут недостойны нашего внимания.
6. Не забудьте нажать на кнопку « Добавить ссылку ».

Редактирование ссылки производится точно также с той лишь разницей, что участок текста теперь не надо выделять, достаточно на него поставить курсор.

Как в wordpress сделать картинку ссылкой

Картинку сделать кликабельной еще проще, чем текстовую составляющую.

1. В визуальном редакторе выделите картинку левой клавишей мыши.
2. Как и в предыдущей инструкции сделайте картинку ссылкой кликнув по соответствующему значку в панели редактора и прописав полный URL страницы, на которую будет ссылаться картинка-ссылка.

Как сделать ссылку на файл в вордпресс

• 1. Зайдите в библиотеку медиафайлов и добавьте туда свой файл.
• 2. Кликните по загруженному файлу.

• 3. Скопируйте ссылку на файл.

• 4. Создайте ссылку на файл для его скачивания по аналогии с текстовой ссылкой или ссылкой-картинкой на другие страницы.

Как сделать относительную ссылку внутри страницы на какую-либо ее часть

Такую фишку делают в основном для длинных текстов и, как правило, в начале статьи, в ее содержании.

Так читателю гораздо удобнее, он всегда сможет мгновенно перейти к интересующей его части текста.
Для наглядности, посмотрите как это работает ну, например, в этой статье.

• 1. Участок текста, который хотите сделать ссылкой, в редакторе «Текст» (соседняя вкладка с вкладкой визуального редактора) заключите в конструкцию, как показано на рисунке.

Обратите внимание, после хеша # идентификатор прописывается латинскими буквами и может состоять хоть из хаотичного набора букв и цифр, какой сами придумаете.

• 2. Затем, перед заголовком или требуемым участком страницы, куда должен быть переброшен пользователь, пропишите последние теги с идентификатором внутри.

Вот как примерно это будет выглядеть в текстовом редакторе статьи:

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

Источник

Добавление ссылок в WordPress

Вступление

Здравствуй, новичок. Продолжаю «шерстить» возможности CMS WordPress. Сегодня простая, но очень важная тема, добавление ссылок в WordPress в материалы сайта.

Что такое ссылка

Ссылка это HTML контракция, позволяющая переходить со страницы сайта на другие страницы того же сайта или внешние интернет ресурсы. Первый вариант ссылки называется внутренняя ссылка сайта, второй вариант ссылки называют внешняя ссылка сайта.

Ссылка должна содержать URL адрес страницы перехода и может содержать анкор, заголовок, указатель на способ перехода. Смотрим фото.

Ссылка имеет важнейшее значение в продвижении сайта, а правильное оформление ссылки имеет значение в оптимизации сайта. Именно по ссылкам, поисковые боты находят новые ресурсы и новые страницы, опубликованные в интернет и именно по ссылкам и по их качеству, определяется значимость сайта для поисковых систем.

Добавление ссылок в WordPress, варианты

Посмотрим, как добавить ссылку на сайте WordPress в разных частях контента, а именно в статье, виджетах, включая картинки.

Ссылка в статье

Добавить ссылок в WordPress статье, делается в редакторе на страницах «Добавить запись» или «Редактировать запись». Нужно выделить слово или фразу, которая будет анкором (текстом) ссылки и воспользоваться кнопкой ссылка в инструментах редактора в визуальном режиме.

Поле для написания URL ресурса откроется рядом с выделенным анкором ссылки.

Если нажать на значок «шестеренка», то система переведет тебя в поиск внутренних URL сайта. Называется окно «Вставить/Изменить ссылку»

Здесь ты можешь найти нужную статью или страницу сайта и поставить на неё ссылку. Для этого:

1. В поле «Поиск» нужно вписать, что ищешь;
2. Нажать на найденную статью;
3. Отметить или нет чек «открыть в новой вкладке». Это добавит элемент target=»_blank» к ссылке;
4. Проверить URL в поле;
5. Добавить или обновить ссылку.

Тег «target» с атрибутом [_blank], «Открыть в новом окне» означает, что ресурс, на который поставлена ссылка, откроется в новом окне браузера.

Примечание: На самом деле, если отметить чек «Открыть в новом окне» система добавит не только тег target=»_blank», но и добавляет к ссылкам тег rel=»noopener», который делает переход по ссылке более безопасным.

Ссылка в виджете

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

• Для виджета картинки есть поле для написания URL ссылки;

• Для добавления текстовой ссылки в виджетах «Произвольный HTML» и «Текст», работает визуальный редактор, на котором есть кнопка «Ссылка».

ссылка в виджете HTML

Ссылка на фото

Ты можешь сделать фото в статье или виджете ссылкой. Сделать фото ссылкой в статье можно двумя способами:

Первый постой способ, без описания (alt) и заголовка ссылки (title). На вкладке «Добавить запись» или «Редактировать запись» выдели картинку в тексте и поставь на неё ссылку как, на текстовой анкор. Этот способ не является оптимизированным и его лучше избегать.

Второй правильный способ.

• Вставь картинку в статью;
• Нажми на картинку и перейди в редактор картинки;
• В поле «Ссылка» поставь значение «Произвольный»;
• Ниже впиши ссылающийся URL;
• Заполни поле «Атрибут alt»;
• В «Дополнительные настройки» выдели чек «Открывать в новой вкладке»
• Сохрани изменения.

ссылка на картинку в статье оформление ссылки на картинку

Как закрыть ссылку от поисковиков

Часто добавление ссылок в WordPress бывает необходимо для содержания, но совершенно не нужно для SEO. В этом случае ссылки нужно закрывать от поисковиков. Закрыть ссылку от сканирования поисковиков, можно тегами «nofollow». Эффективность такого закрытия на сегодня вызывает сомнения, однако активно используется на практике.

Закрываются ссылки (именно ссылки) следующим образом.

Для Google

Для Яндекс

Выводы

Теперь ты знаешь, как ставятся гиперссылки на сайте WordPress. Как видишь, добавление ссылок в WordPress упрощено до минимума.

И последнее, НЕ используй выделение ссылок (жирный, курсив, цвет) инструментами редактора. Для цвета и подчеркивания ссылок нужно править класс ссылки в файле CSS рабочей или дочерней темы используемой на сайте. Выделять ссылки курсивом и жирным НЕ нужно это плохая идея для оптимизации сайта.

Источник

the_permalink() │ WP 1.2.0

Выводит УРЛ поста.

Обычно используется внутри Цикла WordPress, однако если указать параметр $post (для какого поста нужно получить ссылку), то можно использовать за пределами цикла.

Хуки из функции

Возвращает

Использование

Примеры

#1 Выведем ссылку на пост в виде простого текста, а не html ссылки

#2 Выведем html ссылку на текущий пост

Текстом ссылки будет: «постоянная ссылка»:

#3 Выведем ссылку на текущий пост

Текстом ссылки будет заголовок поста.

Это стандартный способ вывода ссылки на пост внутри Цикла:

Добавить свой пример

Список изменений

С версии 1.2.0	Введена.
С версии 4.4.0	Added the $post parameter.

Код the_permalink() the permalink WP 6.1

Cвязанные функции

permalink (постоянные ссылки ЧПУ)

loop (Цикл WP)

Записи: посты, страницы, .

Ссылки (УРЛы)

Здравствуйте! Подскажите пожалуйста как здесь сделать чтобы выводилась ссылка не на аттачмент а на пост к которому данная картинка относится.

пробовал делать так:

Чето тоже самое получается:
адрес_сайта/слаг_страницы/название_аттачмента

Тьфу млин, т.е. так:

Теперь работает как надо, спасибо огромное!

Спасибо тебе добрый человек, помог -)

Пожалуйста тебе благодарный человек, приятно

Подскажите, пожалуйста! Как сделать вывод ссылок без www и названия сайта при помощи этой или другой функции? Чтобы ссылки выводились как внутренние. Например, было http://www.example.com/news а стало /news

Заранее большое спасибо!

Прогоните ссылку через эту функцию wp_make_link_relative():

Спасибо за ответ! Но мне нужно, чтобы это работало в следующем случае:

Ну и при простом выводе постов внутри цикла. Kama, помогите, пожалуйста!

Замените get_permalink($post_new->ID);
на
wp_make_link_relative( get_permalink($post_new->ID) );

Мне интересно, зачем вам нужны относительные УРЛ, какую цель преследуете?

Kama, спасибо Вам огромное! Получилось!
Мне это нужно для SEO. Так называемые относительные УРЛ на сайте вроде бы считаются более полезными. Это понимание ко мне пришло из результатов анализа моего сайта на сайте xtool.ru

Если на главной странице много ссылок с http://www.example.com, то в результате анализа в графе «Заспамленность ссылками» будет большой процент «заспамленности». При том, что все эти ссылки ведут внутрь текущего же сайта.

Например, на моём сайте стало более 250 таких ссылок и в анализе появилось 4 красных кружка из пяти в вышеупомянутой графе. И также в графе «Вероятность фильтра
на исх. ссылки (beta):» появилась цифра 15%. Вот такая вот странность. И в связи с этим я решил устранить эту проблему.

Kama, ещё раз огромное Вам спасибо за помощь! Ваш сайт мне очень помог изучить WordPress и создать крутой сайт!

Источник