Как включить ссылки (закладки) в WordPress


Содержание материала:

WP Favorite Posts русская версия

Плагин WP Favorite Posts позволит вам реализовать на сайте систему закладок пользователей. Это весьма интересная функция, которая реализована почти в любом форумном движке, но почему-то на обычных сайтах ее оставляют на откуп сторонним закладочным сервисам, которыми нынче никто не пользуется. А ведь когда на сайте сотни и тысячи статей достаточно сложно найти понравившуюся вам когда-то запись. Данный плагин позволит вам организовать индивидуальные списки закладок для каждого пользователя. Причем, регистрация на сайте для этого вовсе не требуется – списки закладочных статей сохраняются в браузерных куках пользователя.

Скачиваем плагин по ссылке в конце страницы и устанавливаем его:

1 Распаковываем архив.

2 Копируем папку wp-favorite-posts в /wp-content/plugins/.

3 Заходим в админку блога на вкладку «Плагины» и активируем плагин.

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

Подробно рассматривать настройки я не буду, так как после перевода на русский язык большинство настроек будут понятны без пояснений. Я лишь пройдусь по спорным моментам. Зайдите в «Настройки\WP Favorite Posts«, первым спорным моментом будет настройка вставки ссылки:

Автоматический вывод работает. Ссылка «В закладки» появится до или после текста статьи. К сожалению, именно до или после текста статьи. То есть забудьте про то, чтобы эта ссылка органично вписалась в заголовок или подпись записи (как на первом скриншоте в этой статье). Чтобы исправить это вам надо будет либо править css-код вашей темы, либо вставить ссылку напрямую через вставку в нужном месте темы кода:

Иначе красиво не получится. К тому же, автоматическая вставка работает только на странице полной записи. На главной или в рубриках эта ссылка выводиться не будет. Так что ищите, где в вашей теме выводится заголовок записи и вставляйте эту функцию именно туда. Если не уверены, куда надо поместить код вывода ссылки – пишите в комментариях, помогу.

Второй спорный момент, который выясняется лишь методом «тыка» это:

Включенные опции показа ссылок удаления и добавления автоматически убирают собой выводимый текст:

Что это значит на практике? В первом случае при добавлении записи в закладки будет выведена надпись «Добавлено в закладки!», а при удалении записи из закладок будет выведен текст «Удалено из закладок». Примерно так:

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

Лично я минут десять протупил на этой элементарной настройке, не понимая, что от меня хочет плагин и как это работает. Поэтому я решил сразу пояснить этот момент. И да – все эти ссылки работает через ajax, поэтому никаких перезагрузок страниц не будет, добавлять и удалять закладки любой пользователь может без лишних переходов.

Что дальше? А дальше нам необходимо дать пользователям доступ к их закладкам. Самый простейший способ это использование виджетов плагина. Их два: один виджет выводит самые «закладочные» статьи сайта, а второй виджет выводит закладки только текущего пользователя. Начнем с первого виджета, который называется «Most Favorites Posts«:

На сайте он будет выглядеть примерно так (зависит от темы):

Это просто список самых популярных статей сайта (вернее тех статей, которые наиболее часто пользователи добавляют в закладки). Число в скобках как раз показывает, сколько раз эти статьи были добавлены в закладки.

Второй виджет называется «Users’s Favorites» и тоже настраивается просто:

По умолчанию (при отсутствии закладок пользователя) он будет таким:

А с закладками он будет выглядеть так:

Простенько и красиво. Но использование виджетов для вывода закладок пользователей это все-таки не полноценная система закладок. Поэтому вам необходимо создать отдельную страницу или запись на вашем сайте именно под вывод закладок пользователей. Добавьте туда в режиме «Текст» код:

Потом добавьте эту страницу в меню:

Собственно, дальше плагин все сделает сам. Например, пустая страница закладок будет выглядеть так:

Частично заполненная страница будет выглядеть так:

Плагин поддерживает разбитие страницы закладок на под-страницы (чтобы избежать вывода сотен ссылок на одной единственной странице):

Шаблон страницы закладок находится в файле wpfp-page-template.php в папке плагина и вы можете его отредактировать так, как вам угодно. Единственное – если вы будете его редактировать, то сразу перенесите его в папку вашей темы. Это необходимо, чтобы этот файл не был перезаписан при обновлении плагина. А так, сначала плагин ищет этот файл в папке темы и только потом грузит его из своей собственной папки.

Все ссылки на закладки (удалить, добавить и т.д.) содержат атрибут rel=»nofollow», чтобы поисковики не учитывали их. Но на всякий случай я вам рекомендую еще добавить в файл robots.txt такую директиву:

Не думаю, что это необходимо, но пусть будет.

Пара вещей, которые необходимо знать. Первое – список закладок сохраняется в браузерных куках только, если пользователь не авторизован. Если же он авторизован на сайте, то список закладок будет сохранен в базе данных. Второй вариант надежнее в плане сохранения закладок, но куда менее удобен для пользователей – регистрацию на сайте люди проходят крайне неохотно. Второе – при использовании плагинов кэширования вам необходимо внести урл страницы с закладками в список исключений. И последнее – ссылку на добавление записи в закладки можно вывести прямо из самой записи с помощью шорткода [wpfp-link], но делать это я не рекомендую – вручную добавлять этот шорткод в каждую запись будет слишком утомительно.

Система закладок нужна далеко не каждому сайту. Но иногда она чертовски бывает полезна. Лично я жду системы закладок от любого интернет-магазина, который по каким-то причинам не дает сохранять корзину долгое время. Потратишь пару часов на подбор необходимого тебе товара, отложишь покупку на завтра – а бац, куки корзины сдохли и надо составлять ее заново.

На информационно полезных сайтах закладки тоже нужны. Добавить понравившийся рецепт или анекдот в закладки – разве это не удобно? Чем лучше юзабилити сайта – тем чаще на него будут возвращаться.

Как работает этот плагин на живом сайте вы можете посмотреть на моем WPHook.ru – именно с него я делал скриншоты для этой статьи.

WP Favorite Posts
Автор плагина: Huseyin Berberoglu
Рассматриваемая версия: 1.6.2 от 28.04.2014
Текущая версия: 1.6.6 от 16.03.2020
Совместимость с версией WordPress: 3.5 и выше
Активных установок плагина: 10 000+
Скачать русский плагин версии 1.6.2
Скачать плагин версии 1.6.6 (всего скачено 179 313 раз)

Добавить в избранные закладки для всех браузеров

Здравствуйте. Поговорим о том, как сделать ссылку или кнопку для добавления в избранное (закладки) для всех браузеров: Chrome, Firefox, Opera, Internet Explorer, Safari — кроссбраузерно, чтобы пользователь при клике на неё смог отложить на будущее и запомнить вашу страницу. Естественно, позаботьтесь о том, чтобы содержание было интересным, иначе никто не будет сохранять её к себе в закладки 🙂
Итак, поехали.

Что нужно добавить в HTML

Код вносите в любое нужное вам место. Все параметры, кроме нижеуказанных, можно изменить или удалить.

  • Сюда будет писаться инструкция для Chrome, Opera и всех браузеров на движке Webkit
  • rel=»sidebar»
    Атрибут обязательный, нужен для Firefox, так он будет определять, что страницу по ссылке нужно отправить в избранное
  • href=»»
    Также желательно оставить без изменений. Firefox будет брать ссылку для закладки по этому адресу

Будь моя воля, заменил бы a на span , но этот вариант не подойдёт под Firefox

Что нужно добавить в JavaScript

Код либо выносите во внешний файл, либо располагаете в любом понравившемся месте на странице, например, в разделе или перед закрывающим тегом

Routes to finance

Уроки WordPress — Как вставить или удалить ссылку (WordPress для начинающих) (none 2020).

Если вы Google, «как создавать закладки в WordPress», вы получите все, от «вы не можете» слишком долго, слишком сложные способы создания гиперссылок с закладками. Но это можно сделать, и это не так сложно.

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

Теперь вы захотите сделать жизнь проще для своих посетителей, превратив эти элементы списка в гиперссылки, которые переходят в закладки с закладками на той же странице.

Не проблема. Вы можете сделать это всего за несколько простых шагов.

Назовите закладку

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

Создать закладку

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

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

Вот пример. Ваша страница должна выглядеть так, когда вы закончите. Просто измените все скобки — [] — в левый и правый скобки HTML >> в этом примере. [a name = «bookmarkname»] Bookmarkname [/ a]

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

Выделите текст, который хотите превратить в гиперссылку на закладку. Вы можете ввести это в HTML или использовать редактор «Визуальный» и нажать на значок маленькой цепи, чтобы создать гиперссылку в «легком» режиме.

Ваша гиперссылка может быть создана одним из двух способов. Вы можете использовать полный URL плюс имя закладки или просто имя закладки. Например, предположим, что URL-адрес на странице с закладкой — www. доменное имя. ком / MyPage. HTML. Я хочу, чтобы закладок переместился на «mybookmark», который я только что назвал. Я бы ввел это:

www. доменное имя. ком / MyPage. html # mybookmark

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

Как разрешить пользователям добавлять записи в избранное в WordPress

Опубликовано: ADv Дата 29.10.2014 в рубрике Плагины WP 2 комментария

Вам когда-нибудь хотелось создать персонализированный «кабинет» для ваших пользователей на сайте WordPress? Одним из способов это сделать является разрешение на «персональную библиотеку» избранных записей. Недавно, при работе над сайтом клиента, нам понадобилось создать такую персонализированную библиотеку для видеозаписей пользователей. Таким образом они могли просматривать их снова и снова. Также это решение позволяло отображать им персонализированные результаты в собственной консоли, которую они видели, когда залогинивались на сайте. В этой статье мы покажем вам как разрешить пользователям добавлять записи в избранное в WordPress, когда они залогинены. Также мы покажем вам как разрешить пользователям проделывать тоже самое, когда они НЕ залогинены на сайте.

Первым делом вам необходимо установить и активировать плагин WP Favorite Posts.

Этот плагин позволяет пользователям добавлять записи в избранное. Он использует куки и базу данных для хранения данных. Когда пользователь войдет на сайт, его данные об избранных записях будут храниться в базе данных вместо куки. Если же пользователь не залогинен, то данные хранятся только в «печеньках».

После активации плагина перейдите в раздел «Настройки » Favorite Posts» административной панели сайта. Вы увидите страницу настроек, похожую на эту:

Здесь вы можете выбрать, дать ли такую возможность только зарегистрированным пользователям или же нет. Вы можете выбрать любое изображение, которое будет отображаться перед ссылкой. Также можно указать, активировать ли «Most Favorited Post Statistics» (Наиболее часто добавляемые в избранное записи). Этот блок можно, например, вывести в сайдбар. Есть возможность настроить названия полей, которые, в принципе, сами по себе понятны.

После того, как вы сохраните все настройки, просто добавьте следующий код в файлы вашей темы (single.php, page.php, index.php и т.д) в то место, где вы хотите вывести настройки избранных записей. Используйте этот код:

Если же нужно вывести настройки избранных записей только на отдельных страницах, то можно использовать следующий шорткод [wpfp-link].

Если нужно вывести страницу вроде «Моя библиотека» или «Ваше избранное», то можно создать новую страницу и вставить в нее такой код : <> и на ней будут отображаться все избранные записи пользователя.

Мы надеемся, что эта статья помогла вам добавить опцию избранных записей как для зарегистрированных, так и для незарегистрированных пользователей WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

Скрипт для WordPress «Добавить в закладки»

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

На этом блоге средства социализации постов были поочередно реализованы 3-мя разными способами: сначала я вставлял коды ссылок на социалки вручную, редактируя шаблон WP, затем поставил плагин, делающий то же самое, и, наконец, остановился на 3-м способе, когда эти ссылки выводятся полностью с помощью технологии JavaScript.

Хочу отметить, что первые 2 варианта совсем не нравились мне. Все потому, что в результате под каждым постом блога я получал ужасающий кусок хтмл-кода (с инлайновым ява-скриптом) внушающего размера. Чтобы увидеть ЭТО, посмотрите в исходный код, например, такой страницы. Поисковики наверняка пугаются, видя сие безобразие.

Помимо размера кода не прельщало и то, что в результате появлялось множество лишних исходящих ссылок. Сами понимаете, что абсолютно «левый» тег , равно как и атрибут rel=»nofollow» — не панацея.

Мне нужно было простое решение, так сказать, два в одном.

Вадим Ласто в очередной раз удивил меня, когда я обнаружил, что на его блоге появились ссылки добавления в социальные закладки и реализованы они с помощью небольшого ява-скрипта. Это и было то, что нужно мне.

Полагая, что данное решение придется по душе не только мне, расскажу, как данный скрипт адаптировать под популярный движок WordPress, на котором работает большинство stand-alone блогов (автор скрипта дал на это добро).

Процесс установки довольно прост, рассмотрим его последовательно:

  1. Необходимо в файл functions.php Вашей WP-темы добавить нижеследующий код (если такого файла еще нет, то создать его):
  2. Сохранить иконки социалок в какую-либо папку.
  3. В вышеуказанном коде заменить путь /wp-content/themes/default/social/ на путь к Вашей папке с иконками.
  4. Добавить в свою WordPress-тему в то место, где желаете выводить ссылки на социалки, такой код:
  5. Готово. То, что получается в результате, Вы можете увидеть, посмотрев код данной страницы.

Для удобства Вы можете скачать готовый архив, содержащий и файл functions.php, и иконки социалок.

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

Скрипт кнопка Добавить в закладки избранное для всех браузеров

Доброго времени суток ��

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

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

Что же делать с остальными браузерами, создатели которых не особо напрягаются по этому поводу? Поможет небольшой скрипт, который поможет браузерам что от них хотят, а тем которые вовсе не могут это сделать будет показано сообщение:

Нажмите CTRL-D, чтобы добавить страницу в закладки

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

Теперь выведем в нужном Вам месте саму кнопку. Там где хотите ее видеть добавьте следующую ссылку с параметрами и событиями.

Теперь можно проверить работу данной фишки. На сегодняшний день, а именно начало 2020 года, этот способ работает. Возможно вскоре появится что-то попроще, но пока я не нашел лучшего, кроссбраузерного решения. Если Вам попадется такое, поделитесь ним с другими и оставьте его в комментариях. Я обязательно добавлю его к статье.

На этом все, спасибо за внимание. ��

Если Вам был полезным мой труд, можете поддержать сайт, обменяться со мной текстовыми ссылками или посмотреть рекламку, что займет 2 минуты 🙂

Как в WordPress разрешить пользователям добавлять в избранные посты?

Довольно удобной функцией на сайте является система закладок для посетителей. Так, каждый пользователь в отдельном блоке сайта видит список понравившихся ему постов. Обычно такой сервис присутствует на форумных “движках”. Зачастую это выглядит так. Пользователь, читая тот или иной пост, нажимает специальную кнопку. В итоге ссылка на этот материал запоминается и выводится ему списком где-то в отдельном блоке сайта.

Как добавить возможность добавлять избранные статьи?

Для решения задачи воспользуемся бесплатным плагином WP Favorite Posts . После его установки и активации в админ-панели переходим Настройки -> WP Favorite Posts.

Как видим, на странице доступно большое количество настроек. Самый первый параметр Закладки только для зарегистрированных пользователей позволяет указать, кто сможет использовать закладки. В случае, если поле не активно, то все, даже не являющиеся пользователями сайта, смогут добавлять в избранные понравившиеся посты. В настройке Автоматический вывод ссылки добавления в закладки Вы можете указать, где показывать кнопку добавления в избранные (в начале поста, в конце или в произвольном месте). Если выбрано значение Custom, то справа от него виден специальный код, вставив который в любое место Вашего сайта, будет видна эта кнопка. Дальше Вы можете выбрать (или задать свою) картинку, которая будет сопровождать кнопку добавления.

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

Для применения всех настроек на забудьте нажать кнопку Update Options.

Теперь осталось вывести список любимых записей. Для этого плагин предоставляет удобный виджет, который можно вывести в сайдбаре Вашего сайта. Для этого нужно в админ-панели перейти Внешний вид -> Виджеты и в блоке Неактивные виджеты найти виджет User’s Favourites.

Далее следует перетянуть его в нужное место сайдбара и указать заголовок (например, Любимое), затем нажать кнопку Сохранить.

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

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

Постоянные ссылки WordPress (permalinks) и их настройка в панели управления WP

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com! После установки Вордпресс (тут и тут описана эта операция) в качестве следующего шага необходимо войти в админку и произвести первоочередные действия, частью которых является настройка постоянных ссылок.

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

Безусловно, технически отредактировать структуру URL-адресов (по сути это и есть ссылки в контексте рассматриваемой темы) и привести их в надлежащий вид можно в любое время. Однако, в этом случае вы рискуете столкнуться с тем, что потребуется переиндексация урлов уже опубликованных страниц сайта поисковиками, которая занимает продолжительное время. А это может привести к нежелательным последствиям. Но обо всем по порядку.

Что представляют из себя ссылки страниц сайта и почему их следут настроить в первую очередь?

Итак, в общем случае ссылки страничек любого веб-ресурса представляют из себя URL адреса (что это такое?), которые пользователи вводят в адресную строку браузера для получения нужной для них информации:

Например, так выглядит постоянная ссылка (англ.—permanent link, или permalink) на главную страницу этого блога:

Урл одного из тематических разделов (рубрики, или категории), в котором сосредоточены посты по определенной теме, имеет такой вид:

А вот как сконструирован permalink для вебстраницы записей:

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

Ощущаете разницу? Совершенно очевидно, что первый вариант не только гораздо более привлекательный, но и содержит ключевые слова, присутствие которых в урлах крайне полезно для раскрутки проекта. Такой осмысленный вид постоянной ссылки очень часто называют ЧПУ (эта аббревиатура расшифровывается как «человеко понятный урл»).

Почему же тогда разработчики WP не озаботились этим и не предложили по умолчанию красивые ссылки? Тут все дело в том, что урлы с символами, подобными «?p=123» подходят для всех случаев жизни и работают везде в отличие от других вариаций. Посему именно такая структура permalink более всего подходит для дефолтных настроек.

Это связано еще и с тем, что WordPress безошибочно «вытаскивает» нужную страничку (статическую или со статьей) благодаря уникальному идентификатору ID, который выражается определенным числом в качестве параметра ключа p (в нашем случае он равен 123) вне зависимости от типа конфигурации сервера, на котором хостится сайт (почитайте статьи о понятии хостинга и о том, как его приобрести для своего будущего проекта).

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

Что тогда произойдет? Изменение урлов в массовом количестве в числе прочих неприятностей приведет к тому, что при переходе пользователей по старым адресам будет отдаваться ошибка 404 (вебстраница не найдена).

А это, в свою очередь, чревато резким падением посещаемости (ведь посетители из поисковых систем и с других ресурсов, где проставлены прежние ссылки, будут попадать на уже не существующие странички), что сильно замедлит продвижение ресурса.

Конечно, любая проблема решаема, и ситуация с вынужденным редактированием URL страниц вебсайта не исключение. Например, можно настроить грамотный редирект 301, перенаправив трафик на вебстраницы с новыми адресами. Но это все равно потребует дополнительных ресурсов и времени. А зачем до этого доводить, если можно сразу все корректно настроить?

Если ваш сайт работает под управлением WordPress, то перед тем, как начать писать статьи и формировать статические страницы, при создании ярлыков категорий (рубрик) (которые, к слову, генерируются Вордпрессом автоматически, но которые при желании можно изменить) необходимо обратить внимание на следующее.

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

Настройка постоянных ссылок в админ панели WordPress

Для настройки линков в админ панели Вордпресс из левого меню переходим в раздел «Настройки» — «Постоянные ссылки»:

Здесь первой идет ссылка по умолчанию (выше я уже приводил этот пример как нежелательный). Далее даны еще четыре образца урлов страниц при выборе соответствующей опции (можете сразу отметить один из этих вариантов):

Однако, я все-таки рекомендую во всех случаях, невзирая на направленность и тематику вашего проекта (новостной сайт, обычный блог и т.д.), остановиться на опции «произвольно», поскольку она наиболее полезна со многих точек зрения, включая возможность достижения наибольшей эффективности с точки зрения SEO оптимизации.

Ведь такая структура дает возможность настроить урлы вебстраниц так, как вашей душе угодно. Для реализации этой задачи при настройке permalinks на помощь приходят структурные теги. Вот список всех основных тегов, которыми можно комбинировать в поисках наилучшего варианта ссылок для страниц вашего сайта (в скобках даны примеры):

  • %year% — год (2020);
  • %monthnum% — месяц (05);
  • %day% — день; (11)
  • %hour% — час; (16)
  • %minute% — минуты; (48)
  • %second% — секунды; (34)
  • %post_id%; — уникальный идентификатор поста ID (как его узнать) (395);
  • %postname% — название поста;
  • %category% — рубрики;
  • %author% — имя автора статьи.

Теперь напротив пункта «произвольно» мы можем сформировать абсолютно любой URL. Скажем, для крупного сайта с быстро обновляемой новостной лентой, где теоретически можно отметить дату, часы, минуты и даже секунды, когда выходит очередное сообщение, а также имя его автора, структура постоянной ссылки может быть такой:

Тогда ссылка на какую-то конкретную новость будет отображаться в таком виде:

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

Здесь еще важно отметить то, что в структуре ссылки обязательно должны присутствовать теги «%post_id%» и/или «%postname%», иначе нельзя гарантировать полную уникальность урла. Первый из них определяет ID поста, а второй — заголовок, правда не его точную редакцию, а лишь как описательную часть в составе URL.

Кстати, архиважное преимущество «%postname%» заключается в том, что при написании постов вы сможете по своему желанию редактировать окончание permalink, которое автоматически генерируется WordPress-ом из заголовка статьи.

Но, кроме применения выше указанных тегов, так сказать, в «чистом виде», существует еще несколько вариаций настройки постоянных ссылок сайта. Скажем, вы, как и я, решили использовать конструкцию «/%category%/%postname%/» после имени домена (этот вариант считаю наиболее оптимальным для стандартного блога WordPress).

В этом месте я сделаю небольшое отступление, которое может оказаться очень важным. Обращаю ваше внимание на то, что применение «/%category%/%postname%/&#187 в настройках может быть нежелательно в том случае, если у вас на сайте предполагается большое количество статических страниц (допустим, несколько сотен).

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

Итак, вы остановились на «/%category%/%postname%/&#187. Но такую конструкцию позволительно не только использовать в исходном виде, но и несколько модифицировать, например, добавив .html в конец урла (такие ссылки, по мнению многих, придают законченность URL-адресу с точки зрения его общей схемы, где целевым объектом выступает файл с расширением):

Кроме того, можно обеспечить формирование ссылок без слеша «/» на конце. Таким образом, получается возможность настроить одну из трех вариаций красивых урлов при выборе этой структуры URL страниц записей. Вот как они будут отображаться при выводе постов:

На мой субъективный взгляд, все выше означенные симпатичные URL совершенно равнозначны с точки зрения SEO и способствуют продвижению. Косвенно это подтверждается тем, что многие крупные и популярные веб-ресурсы более-менее в равных пропорциях используют такие ссылки. Скажем, страницы блога Яндекса открываются по таким адресам (без слеша):

Если желаете копнуть чуть глубже, можете ознакомиться с рассуждениями о том, почему все предоставленные выше примеры с точки зрения синтаксиса URL являются правильными.

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

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

Ежели оставить поля пустыми, то ссылки будут отображаться по умолчанию. Для страниц категорий будет использован префикс по умолчанию «category»:

А для меток дефолтный префикс «tag»:

Чтобы изменить их, вам необходимо заполнить данные поля по своему усмотрению, на скриншоте выше дан образец. После того, как вы впишите свои названия, например, урлы страниц категорий приобретут следующий вид:

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

Но и это еще не все. В WordPress есть возможность создать URL-ы страниц без присутствия в их составе префиксов. Даю ссылку на полезный мануал, где даны несколько способов избавления от слова «category» в составе URL. После этого в урлах страничек рубрик сразу после доменного имени сайта будет сразу идти название рубрики без префикса:

Однако, и это не конец. Вы в силах настроить permalinks для постов, где вообще не будет упомянуто название категории. Для этого надо применить шаблон «/%postname%/», «/%postname%» либо «/%postname%.html» при произвольной настройке:

Тогда адрес странички будет укорочен. URL для данной статьи, к примеру, «потеряет» название рубрики «dvizhok-wordpress»:

Преимущество такого шаблона в том, что урл будет покороче, в таком виде он легче воспринимается пользователями. Еще один плюс состоит в возможности легко перемещать статьи из одной рубрики в другую без применения 301 редиректа, что иногда необходимо.

Ну, вроде бы об основных вариантах реализации permalinks я рассказал. После того, как вы выберите подходящий вам шаблон постоянных ссылок, следует сохранить настройки, щелкнув по одноименной кнопке.

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

К сожалению, базовый функционал того же WordPress не дает возможности преобразовывать символы кириллицы в латиницу автоматически. Поэтому для транслитерации русских букв в латинские можно использовать простенькие плагины Rus To Lat, Cyr to Lat enhanced или более новый WP Translitera, которые проделают подобную операцию быстро и непринужденно.

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

А вообще полную информацию о постоянных ссылках WordPress вы сможете почерпнуть из соответствующего раздела Codex, являющегося первоисточником. Единственный и весьма существенный минус состоит в том, что основная информация там дана на английском языке, поскольку перевод на русский до конца пока не осуществлен. Но дорогу осилит идущий.

В заключение предлагаю очень качественное видео по теме от Евгения Попова, который предлагает альтернативный вариант настроек и использования плагина транслитерации:

Как создать виджет закладки в WordPress

Дата публикации: 2013-04-29

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

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

Экономия пространства боковой колонки

Главное преимущество закладок в том, что в боковую колонку можно вместить больше виджетов. И закладки отлично смотрятся. На изображении внизу видно, сколько вертикального пространства занимают три стандартных виджета (применяем тему по умолчанию Twenty Ten). Разметка по умолчанию находится слева, а наш виджет – справа:

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Прежде чем начать

Вам полезно узнать кое-что. Так как в этой статье мы строим виджет, вы, может быть, захотите узнать о виджетах API WordPress’а и о том, как создать обычный виджет:

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

Основная мысль

Идея проста: выберите боковую колонку, а Tabber возьмет все ее виджеты и отобразит их в виде закладок. В интерфейсе виджета можно выбрать боковую колонку, определить дополнительный класс CSS и опционально применить свои собственные стили. Будучи включенным, плагин зарегистрирует дополнительную колонку (это можно пропустить, если у вас имеются другие способы добавить боковую колонку). Затем с помощью того же кода добавить еще колонки, и каждая из них может содержать экземпляры виджета Tabber.

Для управления своими виджетами Tabber применяет idTabs для jQuery, созданный Шоном Кэчпоулом (Sean Catchpole), но всегда можно использовать другое решение. Обратите внимание, что дополнительный CSS загружается для назначения стилей окончательного виджета.

Вот основная структура HTML,требуемая для создания закладок:

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

Итак, основная цель Tabber’а состоит в превращении производства любого виджета в разметку, которую можно использовать для отображения закладок. Для осложнения дела различные темы могли зарегистрировать боковые колонки, в которых не применяется div для хранения виджета или h2 для показа его названия. Например, новая тема WordPress’а по умолчанию, Twenty Twelve, использует для этого тэги aside и h3. Остальные темы могут использовать сложную разметку, которую невозможно предсказать или успешно трансформировать в нужную для закладок структуру.

Решение этой проблемы заключается в перехвате параметров виджета до рендеринга, а затем их реструктуризации в полезные конструкции с помощью JavaScript’а или jQuery для выпуска в виде закладок. Позже вы узнаете об этом больше.

Загрузка Tabber Widget

Теперь, когда мы четко видим свою цель, давайте рассмотрим демоверсию. Наш плагин содержит основной файл PHP, один файл JavaScript и один файл CSS. Файл PHP содержит виджет и загружает CSS и JavaScript, как тут:

Здесь функция d4p_st_init запускается во время действия init WordPress’а. Она зарегистрирует одну боковую колонку (строка 5) и поставит файлы jQuery, JavaScript и CSS в очередь с помощью функций wp_enqueue_script и wp_enqueue_style (строки 10-12).

Затем вызывается функция d4p_st_widgets_init во время действия widgets_init WordPress’а. Мы регистрируем виджет в строке 17.

Основной класс виджета Tabber

Tabber – обычный виджет, и в данном случае располагается в классе d4p_sr_tabber.

УСТАНОВКИ: ИНТЕРФЕЙС ПЛАГИНА

У виджета есть две установки:

“sidebar” — для содержания ID выбранной боковой колонки

“css” — для дополнительных классов CSS при назначении стилей виджета Tabber

При выборе нужной боковой колонки вам нужно избегать применения той колонки, которая содержит виджет Tabber. Иначе она закрутится в бесконечной рекурсии. Чтобы избежать этого, перед рендерингом содержимого виджета проверьте, является ли выбранная боковая колонка тем же, что родительская колонка. Этого нельзя предотвратить, пока виджет устанавливается, так как его панель предоставляет за этим очень слабый контроль.

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

Методы form и update, содержащиеся в классе d4p_sr_tabber, применяются для отображения интерфейса виджета в панели “Widgets” и сохранения его настроек, и они не настолько интересны. Но поближе рассмотреть отображение виджета в интерфейсе весьма стоит.

ОСНОВНОЙ СПОСОБ ОТОБРАЖЕНИЯ

Вот основной метод виджета:

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

В этом коде строка 2 добавляет фильтр, модифицирующий параметры рендеринга виджета до их исполнения. С его помощью у всех исполняемых после этой точки виджетов параметры будут модифицированы так, как то требуется для удачной трансформации в форму закладки. И это будет сделано с виджетами выбранной колонки в строке 11 с помощью функции dynamic_sidebar.

Этой функции требуется имя боковой колонки, и она отобразит в ней все виджеты. В строке 9 содержится уже упомянутая проверка для предотвращения рекурсии при отображении содержимого колонки, если выбранная колонка – та же, что родительская.

Наконец удаляется фильтр и любые принадлежащие прочим колонкам виджеты отображаются как обычно, без модификации.

МОДИФИКАЦИЯ ВИДЖЕТА

Для подготовки к трансформации, происходящей с помощью JavaScript, виджет tabber включает класс d4p-tabber-widget, содержащий пустой тэг ul.

Фильтр для модифицирования параметров виджета выглядит следующим образом:

В зависимости от того, как регистрируется боковая колонка, этот код будет менять параметры рендеринга на формат, близкий к нужному для закладок. Но JavaScript все еще нужен для перемещения заголовка виджета в тэг ul для управляющих закладок. После этого фильтра производство виджета будет выглядеть так:

JavaScript для трансформации виджета

Когда представление виджета модифицировано, остается сделать одно: закончить трансформацию, получить из виджетов названия и превратить их в закладки:

Этот код применяет jQuery для получения всех виджетов Tabber на основе класса CSS .d4p-tabber-widget, и каждый из них получает элемент (где будут закладки):

С помощью строки 5 находим все отдельные виджеты, принадлежащие к Tabber.

В строке 6 получаем нужный для закладки ID виджета, чтобы соединить его с содержимым.

В строке 7 м находим элемент заголовка a, устанавливаем его атрибут href на ID виджета, оборачиваем в элемент li, удаляем из текущего места и перемещаем в элемент закладки ul.

После того div будет содержать только собственный контент.

Наконец, когда все это сделано, мы включаем idTabs для активации управления закладками. А с помощью стилей по умолчанию, загруженных из файла tabber.css, можно видеть, как смотрится Tabber из трех виджетов (смотрите скриншот выше). Не бойтесь поэкспериментировать и приспособить стили к своей теме.

Как установить плагин Tabber

Как в случае с любым другим плагином, распакуйте его, выгрузите в папку плагинов WordPress’а и активируйте из панели плагинов. Перейдя к панели виджетов “Widgets”, в конце справа вы увидите дополнительную боковую колонку “Tabber Example Sidebar”. А “Available Widgets” покажет еще один виджет, “D4P Smashing Tabber.”

Добавьте этот новый виджет в “Main Sidebar”. Выберите в выпадающем меню виджета “Sidebar” пункт “Tabber Example Sidebar” и сохраните виджет. Теперь откройте “Tabber Example Sidebar” и добавьте те виджеты, которые нужно отобразить как закладки. Можно добавлять столько виджетов, сколько нужно, но обратите внимание, что если добавите слишком много, управление закладкой разобьется на две или более строки и будет смотреться некрасиво. Лучше всего начинать с двух-трех виджетов.

Заключение

Создание одного виджета для отображения нескольких других в виде закладок не очень трудно, сами видите. Фокус состоит в том, чтобы подогнать производство виджетов к формату, который можно трансформировать в закладки, а затем отобразить их с помощью JavaScript’а. Мы исследовали всего один из возможных методов трансформации; вы всегда можете поэкспериментировать с переделкой элементов виджета.

Здесь мы применяли idTabs, но имеется множество методов отображения закладок, и не все из них требуют JavaScript’а:

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

Автор: Milan Petrovic

Редакция: Команда webformyself.

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Основы создания тем WordPress

Научитесь создавать мультиязычные темы с нестандартной структурой страниц

Добавить в избранные закладки для всех браузеров

Здравствуйте. Поговорим о том, как сделать ссылку или кнопку для добавления в избранное (закладки) для всех браузеров: Chrome, Firefox, Opera, Internet Explorer, Safari — кроссбраузерно, чтобы пользователь при клике на неё смог отложить на будущее и запомнить вашу страницу. Естественно, позаботьтесь о том, чтобы содержание было интересным, иначе никто не будет сохранять её к себе в закладки 🙂
Итак, поехали.

Что нужно добавить в HTML

Код вносите в любое нужное вам место. Все параметры, кроме нижеуказанных, можно изменить или удалить.

  • Сюда будет писаться инструкция для Chrome, Opera и всех браузеров на движке Webkit
  • rel=»sidebar»
    Атрибут обязательный, нужен для Firefox, так он будет определять, что страницу по ссылке нужно отправить в избранное
  • href=»»
    Также желательно оставить без изменений. Firefox будет брать ссылку для закладки по этому адресу

Будь моя воля, заменил бы a на span , но этот вариант не подойдёт под Firefox

Что нужно добавить в JavaScript

Код либо выносите во внешний файл, либо располагаете в любом понравившемся месте на странице, например, в разделе или перед закрывающим тегом

Топ-пост этого месяца:  Правила модерации баннера на главной в поиске Яндекса
Добавить комментарий