Опубликовано: ADv Дата 10.06.2016 в рубрике Настройки 3 комментария
Хотели бы вы задавать произвольные постоянные ссылки в WordPress для записей, страниц и других типов записей? Недавно один из наших читателей спросил, возможно ли создавать произвольные постоянные ссылки в WordPress. Постоянные ссылки играют важную роль в SEO. В сегодняшней статье мы покажем вам как создавать произвольные постоянные ссылки в WordPress без ущерба для вашего SEO.
Что такое произвольные постоянные ссылки?
В WordPress есть удобная опция для создания дружественной к SEO структуре ссылок под названием Постоянные ссылки для вашего сайта. Все, что вам нужно сделать, это перейти на страницу Настройки » Постоянные ссылки и выбрать структуру ссылок.
Предлагается большое количество опций для выбора, и вы даже можете указать произвольную структуру.
Выбор структуры постоянных ссылок повлияет на все записи и страницы (как новые, таки старые) на вашем сайте, поэтому будьте осторожны при их изменении.
Создаем произвольные постоянные ссылки в WordPress
Существует два способа создания произвольных постоянных ссылок в WordPress. Часто, когда пользователь говорит о смене постоянных ссылок записи, в действительности он имеет в виду слаг записи. Мы покажем вам как изменить слаг постов.
Однако же, в некоторых случаях пользователь желает создать полностью иную структуру ссылок WordPress, и этот случай мы также рассмотрим.
Способ 1. Изменяем часть слага постоянной ссылки
В WordPress термин слаг(slug) используется для названия части ссылки записи, страницы, тега или рубрики. Слаг автоматически генерируется WordPress и используется в ссылке при создании нового элемента.
Например, у нас есть запись с названием “20 Most Amazing Coffee Shops in Manhattan”, WordPress сгенерирует слаг записи вот таким образом 20-most-amazing-coffee-shops-in-manhattan. В зависимости от выставленной структуры ссылок на сайте, URL вашей записи будет выглядеть примерно вот так:
То же самое произойдет для ваших страниц, произвольных типов записей, тегов, рубрик, произвольных таксономий и т.д.
Теперь, если вам нужно изменить слаг постоянной ссылки, то сделать это будет легко. Реализуется задача без установки плагинов или написания кода.
Изменяем слаг записи или страницы
Самым простым способом изменения части слага ссылки для записи или страницы WordPress является ее редактирование.
В редакторе записей, сразу под заголовком записи вы увидите ссылку записи и кнопка редактирования рядом с ней.
Нажатие на эту кнопку редактирования позволит вам изменить слаг записи. Вы можете использовать цифры, буквы и тире.
Для создания дружественной к SEO ссылки, убедитесь, что ваш слаг содержит ключевые слова, по которым пользователь будет искать этот контент.
Изменяем слаг рубрик и тегов
Изменение слагов рубрик и тегов также не составит для вас труда. Просто переходим в Записи » Рубрики и WordPress отобразит вам список рубрик.
Наведите курсор мыши на рубрику и нажмите на ссылку редактирования. ВП отобразит название рубрики и ее URL слаг. Вы можете изменить этот слаг и нажать на кнопку Обновить для сохранения изменений.
Таким же образом поступаем с тегами и произвольными таксономиями.
Создаем полностью произвольные постоянные ссылки
Изменение слагов записей не изменяет вашу действующую структуру постоянных ссылок. Но что если вам понадобится изменить постоянную ссылку для записи, страницы или таксономии?
Например, если ссылка вашей записи выглядит так:
А вы хотите изменить ее на что-то вроде этого:
Давайте рассмотрим другой пример. Ссылка вашей рубрики в WordPress выглядит так:
И для этой конкретной рубрики вы хотите изменить ее на:
Обычно для этого понадобилось бы изменять структуру постоянных ссылок, но это бы затронуло все ссылки на вашем сайте.
Вот как можно создать собственные постоянные ссылки, не изменяя другие.
Первым делом вам потребуется установить и активировать плагин Custom Permalinks.
После активации просто редактируем запись или страницу и изменяем ее ссылку на все, что угодно.
Также можно отредактировать рубрики и теги. Для этого переходим в Записи » Рубрики и нажать на ссылку редактирования под рубрикой, которую нужно изменить.
На открывшейся странице необходимо прокрутить немного вниз и указать ссылку в соответствующем поле.
Таким же образом поступаем с тегами и произвольными таксономиями.
Данный пост будет посвящен снова созданию своего сайта. Рассмотрим такой вопрос: как в вордпресс вставить ссылку. Это можно сделать несколькими путями: с помощью визуального редактора (что гораздо проще) и в режиме HTML.
Как вставить ссылку в визуальном редакторе
Для того чтобы вставить ссылку в WordPress нужно добавить новую запись, набрать текст.
1. Теперь нужно выделить нужное слово, словосочетание и нажать на значок «Вставить/изменить ссылку».
1.2. Появляется вот такое окно «Вставить/изменить ссылку». Можно вставить URL с другого сайта или сделать внутреннюю ссылку.
Если вы хотите вставить ссылку с другого сайта (внешнюю ссылку) на свой блог, то вводим адрес сайта, прописываем заголовок, и ставим (или не ставим) галочку «Открывать в новом окне/вкладке.
Нажимаем «Добавить ссылку».
Всё. Наш текст стал гиперссылкой.
Теперь давайте добавим внутреннюю ссылку.
2.1. Для того чтобы сделать ссылку в WordPress на существующий материал можно воспользоваться поиском и найти нужную запись.
2.2. Нажимаем на нужную запись и добавляем ссылку.
Таким способом мы добавляем ссылку в Вордпресс визуально.
Как добавить ссылку в текстовом HTML редакторе
Вставить ссылку с помощью текстового редактора HTML немного сложнее. В основном ссылка имеет такой вид: текст ссылки
Сначала переходим в режим «Текст». На место нужного слова, словосочетания или предложения вставляем код.
1. Прописываем адрес ссылки.
2. Пишем текст ссылки.
Переходим в режим «Визуально» и смотрим, что словосочетание стало гиперссылкой.
Ничего сложного нет в том, чтобы вставить ссылку в WordPress, главное практика!
Ниже приведены простые шаги, чтобы добавить ссылки в WordPress.
Нажмите на Страницы → Все страницы в WordPress. Будет показан список страниц, созданных в WordPress, как показано на следующий экране. Выберите любую из страниц, для добавления ссылки внутри него. Здесь мы добавим ссылки на страницу Страницы – Добавить новую.
Выберите любое из предложений или слово, где вы хотите добавить ссылку. Здесь мы добавим ссылку на слово Страницы – Добавить новую.
При нажатии на символ ссылку Вставить/Изменить ссылку, отобразиться следующее всплывающее окно.
Где вы можете ввести сразу адрес или слово по которому WordPress попытается найти соответствующую страницу. Если вы не знаете адрес или не нашли с помощью поиска, можно нажать на крайнюю кнопку справа “Настройки ссылки” и перейти в подробное описание ссылки как показано на следующем рисунке:
Ниже приведены поля, присутствующие на предыдущем экране Вставить/Изменить ссылку.
- URL – Введите URL, который вы хотите связать.
- Заголовок – Вставьте текст, на который вы хотите ввести ссылку.
- Текст ссылки – Фраза или слова, на которые вы укажете ссылку.
- Открыть в новой вкладке – Открывается страница ссылки в новой вкладке или окне. Установите флажок в соответствии с требованиями.
- Поиск – Ввод слова примерно описывающие нужную страницу, WordPress попытается найти требуемую страницу.
После выбора конкретной страницы или записи из списка, ссылка покажется в поле URL, как показано в предыдущем экране. Нажмите на Добавить ссылку.
При наведении курсора на слово Страницы – Добавить новую, ссылка в подсказке будет отображена, как показано на следующем экране.
Нажмите на кнопку Обновить, для того чтобы обновить изменения на вашей странице или на посте.
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Иногда вам может понадобиться просто поделиться ссылкой со своими пользователями. Вместо того, чтобы отправлять их в сам пост, вам может захотеться, чтобы уже сам заголовок поста отправлял человека на другой сайт. В этой статье мы покажем как этого можно добиться.
Способ первый: добавляем внешние ссылки в заголовок поста при помощи плагина
Этот метод самый простой и рекомендуется новичками. Вам надо сперва установить и активировать плагин Page Links To. После активации просто создайте новый пост или отредактируйте старый. Вы заметите мета-панель Page Links To под редактором поста.
Щелкните по A Custom URL, чтобы добавить ссылку, которую вы хотите. Теперь можете публиковать пост и в заголовке поста будет указанная вами ссылка. Причем вовсе необязательно использовать внешние ссылки – вы с таким же успехом можете отправлять пользователей на разные посты и страницы своего сайта.
Способ второй: добавляем внешнюю ссылку при помощи кода
Просто добавьте следующий код в файл functions.php вашего шаблона
Этот код попросту ищет пользовательское поле, в котором содержится нужный адрес. Если у поста есть это поле, то он возвращает заголовок поста с адресом. Следующим шагом надо заменить отображение заголовков с помощью этой функции. Вы найдете ее в archives.php, content.php, category.php и прочих шаблонах. Выглядеть это будет примерно таким образом:
Вам надо заменить это следующим кодом:
Теперь надо добавить внешний адрес в свой пост. Зайдите в редактор постов и найдите мета-панель пользовательских полей. Если вы его не видите, то вам надо шелкнуть по Screen Options в верхнем правом углу экрана. На появившемся экране отметьте ячейку возле Custom Fields.
Вы найдете мета-панель пользовательских панелей под редактором постов. Щелкните по Enter New и добавьте external_url в поле Name и адрес, который вы хотите добавить в заголовок поста добавьте в поле Value.
Теперь можете публиковать свой пост и его заголовок будет привязан к адресу, который вы только что указали. В следующий раз когда вам понадобится добавить ссылку, надо просто выбрать external_url в пользовательском поле из выпадающего меню и указать внешнюю ссылку в поле value.
Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected] , +371 29394520
как создать сайт на wordpress, настроить и оптимизировать wordpress
Здравствуйте, сегодня будем создавать с помощью HTML кода ссылки внутри записи wordpress.
Всё достаточно легко – для этого достаточно прописывать id для ссылки внутри записи и ссылаться на него.
Скачать исходники для статьи можно ниже
Для примера давайте создадим текстовое меню и каждый пункт меню будет являться ссылкой на какой-то раздел записи.
Будем создавать следующую запись/страницу:
—————————–
Меню:
1. Лучшие сайты о WordPress.
2. Лучшие сайты о HTML.
3. Лучшие сайты о PHP.
1. Лучшие сайты о WordPress.
Что такое WordPress ? | NassyCompit.online | Яндекс Дзен
Яндекс.Дзен
WordPress WordPress — это самая популярная система управления контентом на планете. Более чем 35,2% веб-сайтов, работают на этой платформе. Да-более одного из четырех веб-сайтов, которые вы посещаете, вероятно, работает на WP. На данной платформе веб-сайты со всего мира работают с большей мощностью и производительностью, чем традиционные веб-сайты или большинство других систем CMS.
Вот рейтинг сайтов о WordPress:
Сайт 1
Сайт 2
Сайт 3
…
2. Лучшие сайты о HTML.
HTML (HyperText Markup Language) – язык разметки гипертекста – предназначен для создания Web-страниц. Под гипертекстом в этом случае понимается текст, связанный с другими текстами указателями-ссылками. HTML представляет собой достаточно простой набор кодов, которые описывают структуру документа
Вот рейтинг сайтов о HTML:
Сайт 1
Сайт 2
Сайт 3
…
3. Лучшие сайты о PHP.
PHP — один из лидирующих языков современной веб-разработки. Его отцом считается датский программист Расмус Лердорф, который в 1994 году создал набор скриптов на Perl — ту самую «персональную домашнюю страницу», которая легла в основу PHP. Со временем к работе над ним подключились разработчики со всего мира.
Вот рейтинг сайтов о HTML:
Сайт 1
Сайт 2
Сайт 3
…
Приступим к созданию данной странички/записи.
Из пунктов меню нужно создать ссылки с индивидуальным идентификатор (id), например вот так:
Далее нужно поставить якоря, чтобы при нажатии на вышеуказанный ссылки посетитель переходил на нужный раздел записи.
Для этого, к нужному разделу необходимо добавить пустую ссылку-якорь с соответствующим идентификатором (id):
Запись будет выглядеть следующим образом:
Но можно улучшить страницу, добавив ссылку на возврат к основному меню, отступы перед разделами (с помощью тега “nbsp;”, а также выравнивание по центру.
Тогда готовый вариант будет выглядеть следующим образом:
Копируем вышеуказанный код. Заходим в админку wordpress. Создем новую запись/страничку (пункт “Записи”, подпункт “Добавить новую”), выбираем закладку “Текст” и вставляем скопированный код:
Сохраняем/публикуем запись и наслаждаемся рабочим меню внутри статьи созданным с помощью якорных ссылок!
Данная заметка будет полезна больше для начинающих пользователей. Не смотря на то, что задача это весьма простая, меня пару раз спрашивали о том как правильно сделать картинку ссылку в WordPress. Теперь буду давать линк на этот пост, где постараюсь все детально рассмотреть. Кстати, разные, вопросы, касающиеся изображений в системе вордпресс, можете найти в одноименном разделе. А если вы ищете плагин эффектного увеличения картинки при клике — попробуйте Easy Fancybox.
Чтобы добавить ссылку на изображение в WordPress не нужны никакие модули или специальные функции — все это реализуется базовыми возможностями текстового редактора. Алгоритм действий следующий:
1. Заходите в редактор для написания/редактирования поста или страницы. В нем кликаете по ссылке «Добавить медиафайл» (Add Media).
2. В открывшемся окне появятся картинки из медиабиблиотеки. Выбираете закладку «Загрузить файлы», где можно будет перетащить / загрузить изображения с персонального компьютера.
Далее просто нажимаете кнопку «Вставить в запись». Статья про ошибку HTTP при загрузке фото в WordPress поможет решить проблему, если вдруг она у вас возникла.
3. Выбираете данное изображение, кликнув по нему, а затем нажимаете иконку добавления ссылки в панели текстового редактора.
4. После этого появится всплывающее окно, где указываете нужный вам линк. Можно поставить галочку «Открывать в новой вкладке», если хотите.
Кликаем «Добавить ссылку». Сохраняете запись и проверяете работу данного элемента на сайте.
Вот небольшое видео, если описание алгоритма выше вам показалось не совсем понятным. После этого, думаю, вопросов не останется. Запись без звука, но ее можно развернуть на весь экран.
Кстати, недавно заметил, что вставить картинку ссылку в WordPress можно и через сочетание клавиш Ctrl + V. Для этого копируете линк из адресной строки или любого другого места, а затем, после клика по нужному изображению, нажимаете «Ctrl + V» — ссылка будет добавлена. Такой себе экспресс метод.
Полезное:
- Если у вас будет много графики в посте, не помешает так называемая ленивая загрузка изображений, когда они появляются во время прокрутки.
- В некоторых нишах пригодится скрипт, позволяющий выводить на странице вид картинки до и после — с помощью модулей это не сложно реализовать.
Ссылка в подписи к картинке
Также недавно меня спрашивали по поводу плагина, который бы добавлял ссылку в подпись картинки в WordPress. В принципе, действия для этой задачи аналогичны — используйте кнопку вставки ссылки в текстовом редакторе, как в предыдущем варианте.
Подпись к изображению можете задать в момент его вставки в запись либо же после, кликнув по иконке карандаша (для редактирования).
В открывшемся окне в поле «Подпись» можно добавлять HTML код ссылки:
Вставка картинок ссылок в виджете
Если заходите добавить картинку ссылку в вордпресс сайдбар, то для этого придется использовать HTML код. В принципе, думаю, без проблем можно найти и скачать специальный виджет для этих целей (по умолчанию он в системе отсутствует), но с другой стороны, устанавливать модуль ради такой простой задачи смысла нет.
- Заходим в раздел «Внешний вид» — «Виджеты».
- Добавляем новый элемент типа «Текст» в соответствующее поле виджетов.
- Вставляем в поле виджета следующий HTML код:
- А — добавляет ссылку, которую указываете в параметре href;
- IMG — вставляет картинку, путь к которой задается в src;
- Сохраняем элемент.
Можно использовать код посложнее:
Здесь используются дополнительные параметры:
- target=»_blank»- указывает открытие линка в новом окне;
- alt=»Картинка» — альтернативный текст для картинок полезен в оптимизации;
- width и height — ширина и высота изображения соответственно.
Надеюсь, данный пост про вставку WordPress ссылки на изображение был вам полезен. Если остались еще какие-то вопросы, пишите их в комментариях.
Ссылки в WordPress на сторонние ресурсы, между страницами и записями блога, внутри страниц и записей (на конкретный абзац, пункт, строку).
Проще всего в WordPress добавляются ссылки на сторонние ресурсы и ссылки между страницами и записями блога с помощью встроенного в редактор инструмента «Вставить/изменить ссылку». Немного сложнее вставляются ссылки на конкретный абзац, пункт, строку внутри страниц и записей, формируемые вручную в коде HTML.
Ссылки на сторонние ресурсы
1. Открываем в браузере страницу постороннего сайта, на которую хотим вставить ссылку, и копируем URL из адресной строки в буфер обмена.
2. Переходим в окно редактирования своей записи или страницы, выделяем текст будущей ссылки или ставим курсор в то место, где должна быть ссылка, нажимаем на панели инструментов текстового редактора кнопку с подсказкой «Вставить/изменить ссылку». В предыдущих версиях WordPress сразу открывалось основное окно с названием «Вставить/изменить ссылку». Если не ошибаюсь, с версии 4.5 оно стало открываться в свернутом виде с полем для вставки адреса и двумя кнопками: «Применить» и «Настройки ссылки» – эта кнопка и разворачивает окно «Вставить/изменить ссылку».
3. В открывшееся окошко добавления ссылки вставляем адрес из буфера обмена и нажимаем на кнопку «Применить» (а если текст ссылки предварительно не выделяли, нажимаем соседнюю кнопку «Настройки ссылки», как в пункте 5, для добавления текста ссылки):
Так как в примере текст ссылки был выделен заранее, ссылка готова:
Ссылка на сторонний ресурс: Дешевые авиабилеты.
4. Чтобы изменить URL, добавить или отредактировать отображаемый текст, способ открытия (в текущем или новом окне), выделяем ссылку и в появившемся окошке нажимаем кнопку «Изменить»:
5. Откроется уже знакомое окошко с полем добавления URL, в котором нажимаем кнопку «Настройки ссылки» для получения развернутого окна:
6. Откроется основное окно «Вставить/изменить ссылку»:
В этом окне можно установить галочку у пункта «Открывать в новой вкладке», заменить, если нужно, URL, добавить или изменить текст ссылки. Так как вставлять ссылку можно, не выделяя заранее текст, а добавив его в поле «Текст ссылки» окна «Вставить/изменить ссылку» – ссылка будет добавлена в то место, где первоначально стоял курсор. Нажимаем кнопку «Обновить».
Ссылки между страницами и записями блога
Чтобы вставить ссылку на страницу или запись своего блога выделяем текст ссылки или ставим курсор в то место, куда должна быть добавлена ссылка. Нажимаем кнопку на панели инструментов «Вставить/изменить ссылку». В открывшемся окошке нажимаем кнопку «Настройки ссылки», после этого раскроется основное окно «Вставить/изменить ссылку»:
Из списка в нижней половине окна выбираем страницу или запись, кликаем по ней, URL вставляется автоматически, текст ссылки, если не выделяли заранее, можно вручную вписать в соответствующее окошко или вставить из буфера обмена, скопировав предварительно наименование страницы или записи прямо в списке. Если необходимо, отмечаем галочкой пункт «Открывать в новой вкладке» и, конечно, нажимаем кнопку «Добавить ссылку». Ссылка на страницу своего блога добавлена.
Пример ссылки на страницу своего блога: Почему арбуз называют ягодой.
Ссылки внутри страниц и записей
Чтобы сослаться на какое-то определенное место на странице или в записи, это место необходимо как-то пометить. Для этого рядом с ним вставляется закладка или, как ее еще называют, якорь. Кстати, на вкладке «Визуально» эта закладка будет помечена фигуркой якоря. В качестве примера рассмотрим вставку ссылок в пункты оглавления этой статьи и вставку закладок (якорей) в названия соответствующих разделов для перехода к ним из оглавления.
Закладки вставляются в HTML-редакторе (на вкладке «Текст») и представляют из себя следующую конструкцию:
Как добавлять, редактировать и удалять ссылки в WordPress
В этом видео мы рассмотрим, как добавлять ссылки в вашу запись в блоге. Вне зависимости от того, насколько интересен ваш блог, он никогда не будет динамично развиваться, если в нем не будет ссылок на другие полезные ресурсы, на интересные обсуждения и пр. В основном ссылки вы будете добавлять в записи блога и на страницы вашего сайта. Итак, давайте отредактируем одну из уже существующих страниц и добавим туда ссылку. В данном случае я бы хотел создать ссылку на страницу Википедии, посвященную WordPress ( http://ru.wikipedia.org/wiki/WordPress ). Для начала я копирую URL страницы из адресной строки браузера, а затем возвращаюсь обратно к редактору WordPress. В тексте моей страницы я выделяю фразу, которую хочу превратить в ссылку. После того, как текст выделен, я нажимаю кнопку «Вставить ссылку». При желании можно дать ссылку на любую страницу своего сайта, для этого необходимо развернуть меню вставки ссылки. В этом случае перед вами появится список страниц и записей вашего блога, вы можете использовать фильтр для поиска какой-то конкретной информации, для этого просто введите ключевые слова. Все, что необходимо сделать, это щелкнуть по необходимой вам записи, и сверху появится ссылка и название.
Ссылки на внешние ресурсы
Однако при добавлении ссылки на сторонний ресурс, как в случае со статьей из Википедии, необходимо просто вставить URL-адрес в соответствующую строку. Также было бы неплохо добавить название для вашей ссылки, оно появляется при наведении курсора на ссылку. Затем при желании можно поставить галочку внизу для того, чтобы ссылка открывалась в новой вкладке либо новом окне браузера. Затем необходимо нажать на кнопку «Добавить ссылку». Таким образом, при нажатии на выделенную нами фразу, у читателя откроется ссылка, которую мы вставили. В режиме предпросмотра можно проверить, все ли правильно сделано, и действительно ли ссылка открывается в новой вкладке браузера. Это позволяет читателям легко вернуться к первоначальной странице.
Использование рисунков для создания ссылок
Другим распространенным способом добавлять ссылку в текст является вставка изображения и использование его как ссылки. Например, таким образом можно создавать и новые кнопки. Однако для начала давайте вернемся к нашему документу в формате PDF из медиа-библиотеки. В одном из предыдущих видео мы создали текстовую ссылку для просмотра этого документа, при нажатии которой загружается PDF-файл.
Но здесь я бы посоветовал сначала вставить изображение документа, а затем сделать так, что при нажатии по нему открывался бы файл, это позволит усилить акцент на этом элементе. Для этого нам необходим URL-адрес PDF-файла, который мы загрузили ранее, поэтому следует выделить текстовую ссылку и нажать кнопку «Редактировать ссылку». В появившемся меню я просто копирую URL-адрес и закрываю всплывающее окно. Теперь можно удалить текстовую ссылку, т.к. мы вставим изображение.
После этого необходимо нажать кнопку «Добавить медиафайл» и перетащить в зону мультизагрузки изображение отражающее наш PDF-документ. В колонке справа можно создать название и выбрать из выпадающего списка «Cоздать ссылку на»: «Произвольный URL», а затем необходимо просто вставить скопированную ранее ссылку. После этого следует нажать кнопку «Вставить в запись».
Теперь ссылка на документ сделана в виде изображения, и если щелкнуть по нему, то откроется PDF-файл. По схожему сценарию можно создавать своего рода кнопки, которые будут функционировать как ссылки на документы, программы, аудио, видео файлы или другие ресурсы. В следующих видео мы поговорим о настройках дизайна, плагинах, пользователях и многом другом.
Если у вас возникли проблемы с просмотром – вы можете посмотреть видео «Уроки WordPress — Как вставить или удалить ссылку (WordPress для начинающих)» на YouTube.