Как найти тэги в тексте

Если любой тег, то вот так:
r'<(w+)([sS]+?)</1>'
При этом вернётся два значения, тег и его содержимое:

>>> tables = re.findall(r'<(w+)([sS]+?)</1>', s)
>>> tables
[('table', ' id=1>n    <tr>n        <td>Some Text</td>n    </tr>n'), ('table', ' id=2>n    <tr>n        <td>Some Text</td>n    </tr>n')]

Если нужно вытаскивать только тег table (или других точно не будет), тогда вот так:
r'<table([sS]+?)</table>'

Пример:

>>> tables = re.findall(r'<table([sS]+?)</table>', s)
>>> tables
[' id=1>n    <tr>n        <td>Some Text</td>n    </tr>n', ' id=2>n    <tr>n        <td>Some Text</td>n    </tr>n']

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

Виды и типы хештегов

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

Хештеги делят на шесть видов:

• Брендовые. Это уникальные запросы, в которых используют название бренда или имя профиля в соцсети. Например, «#медуза» или «#kfc_astana» — брендовый запрос с географическим.
• Поисковые. Они помогают найти специалиста, услугу, товар или решение проблемы. Например, «#ищуфотографа» или «#фотограф».
• Географические. Данный тип помогает указать местоположение и продвигать публикацию в определенном городе, области или стране — к примеру, «#мариуполь или «#mariupol».
• Трендовые или вирусные. Хештеги, которые активно обсуждаются в настоящий момент. Для меток используют имена или фамилии известных личностей, названия компаний, челленджей или событий.
• Навигационные. Их также называют рубрикаторами. Это теги, которые помогают найти определенный контент в профиле или создать акцию — «#allo_iphone12». При этом в ключе используется брендовый запрос.
• Тематические. Метки, которые отражают суть публикации. Например, «#идеиремонта», «#автодом», «#скотчтерьер».

По частотности теги делят на пять групп:

• Сверхвысокочастотные, или СВЧ — от 700 000 публикаций. Это слишком популярные запросы, по которым большая конкуренция, поэтому их лучше не использовать.
• Высокочастотные, или ВЧ — 100 000 – 700 000 постов в выдаче. Допускается использование не более 5 ключей.
• Среднечастотные, или СЧ — 10 000 – 100 000 публикаций. Можно добавить до 10 подобных тегов.
• Низкочастотные, или НЧ — 500 – 10 000 постов. НЧ и МНЧ более детально описывают текст или изображение — обычно добавляют от 7 тегов.
• Микро-низкочастотные, или МНЧ — 1 – 500 записей.

Особенности хештегов для соцсетей

Рассмотрим особенности хештегов для соцсетей: как правильно использовать и для каких целей.

TikTok

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

Примечание. Используйте разные теги, чтобы не попадать в теневой бан.

Помните, что чем лучше тег описывает ролик — тем больше у контента шансов попасть в топ и рекомендации.

Instagram

К постам в Инстаграм также допускается добавление до 30 тегов. Их можно отделить от текста с помощью точек или пробелов, как на скриншоте ниже.

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

Также вы можете вставить тег в stories: геолокацию, а также брендовый или популярный запрос — например, название челленджа.

YouTube

В YouTube рекомендуется добавлять не более 5-10 разных тегов, чтобы ваше видео попало в рекомендации.

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

Примечание. Когда вы добавляете метки в описание — первые три запроса появляются под роликом. А если используете в заголовке — теги больше нигде не отображаются.

Twitter

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

Примечание. В сообщение можно использовать всего 280 символов — оптимальное количество тегов составляет от 1 до 5, чтобы твит не воспринимался системой как спам.

Актуальные темы можно проследить во вкладке «Обзор». Площадка предложит метки, сформированные на основе ваших интересов и популярных обсуждений.

Facebook

В Facebook метки используют чаще как поиск по рубрикам или брендовым запросам.

Примечание. К посту обычно добавляют не более 5 меток, так как поиск в Facebook работает по выборке всех слов — это позволяет найти любые статьи и упоминания.

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

Telegram

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

Как можно подобрать хештеги

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

А еще таблица в Excel или Google Docs для сортировки тегов. Вы заносите собранные целевые и околоцелевые теги в таблицу и распределяете их — например, по частотности и тематикам.

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

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

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

Ниже представлена таблица сравнения методов сбора хештегов.

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

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

Генераторы хештегов

Рассмотрим 12 генераторов тегов, которые помогут не только проанализировать ключи, но и подсказать, какая метка подойдет для фотографии.

Flick

Flick — сервис для работы с хештегами в Инстаграм.

Тариф:

• Бесплатная версия доступна в течение 7 дней.
• Для работы с одним аккаунтом можно воспользоваться подпиской за 7 фунтов стерлингов в месяц. Для профессионалов подойдет тариф за 19 фунтов стерлингов в месяц, который позволит вести до 5 аккаунтов.

Особенности:

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

Плюсы:

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

Минусы:

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

Hashtags.org

Hashtags.org — популярный сервис анализа тегов для Twitter.

Тариф:

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

Особенности:

• Один из первых сервисов для работы с хештегами.

Плюсы:

• Простое управление.
• Анализ меток.
• Позволяет отследить тренды и популярные тематики.

Минусы:

• Устаревший интерфейс.

Display Purposes

Display Purposes — бесплатный генератор для подбора целевых и околоцелевых хештегов в Instagram.

Тариф:

• Есть бесплатный доступ для работы с аккаунтами Инстаграм, но с ограниченным функционалом.
• Платная версия стоит от 5 долларов в месяц. Можно полностью проанализировать профиль и интересы аудитории, а также сохранить выбранные теги.

Особенности:

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

Плюсы:

• Анализ аккаунта — популярные теги и упоминания, активность аудитории и вовлеченность.

• Работает с кириллицей и латиницей.
• Есть анализ популярных тегов по геолокации.
• Видеоуроки во вкладке «Школа Инстаграм».
• Автоматический сбор запрещенных меток. Также есть возможность самостоятельно добавить стоп-слова.

Минусы:

• Не обнаружено.

All Hashtag

All Hashtag — бесплатный генератор для подборки тегов в Instagram, Facebook, Twitter.

Особенности:

• Можно создавать собственные теги.

Плюсы:

• Анализ меток.
• Поиск популярных и похожих хештегов.
• Простое управление.

Минусы:

• Работает только с латиницей.

Keyword Tool.io

Keyword Tool.io — сервис для поиска тегов в Instagram, Twitter, Facebook, YouTube, Play Store, Ebay, Amazon и Google.

Тариф:

• Есть бесплатный доступ с ограниченными возможностями.
• Подписка стоит 79 долларов в месяц. Вы сможете просматривать большее количество тегов, изучать их частотность, добавлять стоп-слова и детально анализировать ключи для Google Ads.

Особенности:

• Широкий выбор инструментов анализа тегов для каждой площадки.

Плюсы:

• Доступ к API.
• Простой интерфейс.
• Возможность работать с командой.

Минусы:

• Высокая стоимость сервиса.

TikTok Hashtags

TikTok Hashtags — бесплатный генератор ключей для TikTok.

Особенности:

• Анализ целевых и околоцелевых тегов.

Плюсы:

• Подборка меток с разной частотностью.
• Можно скопировать подборку тегов.
• Показывает среднее количество просмотров постов с выбранными метками.

Минусы:

• Поддерживает только латиницу.

Hashatit

Hashatit — бесплатный генератор меток для Instagram, Twitter, Facebook, YouTube, Reddit, Flickr, Vimeo, Tumblr.

Особенности:

• Анализирует все публикации и показывает последние посты с тегами. Из них можно подобрать похожие запросы и изучить вовлеченность.

Плюсы:

• Есть сортировка по дате.
• Фильтр выбора площадки.
• Можно сохранять выбранные запросы в личном кабинете для отслеживания новых публикаций.

Минусы:

• Ручной поиск — нужно открыть каждый пост, чтобы изучить вовлеченность.

Hashtagify

Hashtagify — сервис, который работает с хештегами для Twitter и Instagram.

Тариф:

• Бесплатный доступ в течение 7 дней.
• Для личного использования можно оформить подписку за 29 долларов в месяц. Бизнесу предлагают тариф за 89 долларов в месяц с расширенными возможностями — анализ аккаунтов и индивидуальные рекомендации.

Особенности:

• Сервис позволяет отслеживать посты конкурентов и подписчиков.
• Быстрый анализ меток — популярные запросы и рекомендации по похожим ключам.
• Находит варианты правописания тегов.

Плюсы:

• Современный дизайн.
• Удобное отслеживание статистики меток.
• Анализ публикаций.
• Поддерживает кириллицу и латиницу.

Минусы:

• Требуется оформление подписки.

TagsFinder

TagsFinder — бесплатный инструмент для работы с тегами для Instagram и Twitter.

Особенности:

• Можно ввести до 10 тегов и получить готовую подборку меток.

Плюсы:

• Простое управление.
• Работает как с латиницей, так и с кириллицей.
• Отслеживает статистику тега.
• Можно отследить популярные метки по городам.

Минусы:

• Сервис может показывать запрещенные запросы, чтобы этого не произошло — добавьте стоп-слова.

RiteTag

RiteTag — генератор тегов для соцсетей.

Тариф:

• Есть бесплатная версия.
• Чтобы получить полный доступ ко всем инструментам, нужно оформить подписку за 54 доллара в месяц. Это позволит улучшить пост после его публикации за счет рекомендаций, подключить любое количество соцсетей, работать с сохраненными тегами.

Особенности:

• Позволяет установить расширение для Google Chrome или скачать приложение и работать с тегами на любой площадке — Instagram, Twitter, Facebook, LinkedIn и так далее.

Плюсы:

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

Минусы:

• Для полноценной работы с тегами нужна подписка.

Inflact — hashtag generator

Inflact — hashtag generator — бесплатный генератор тегов для Instagram.

Тариф:

• Если вы хотите получить доступ ко всем инструментам с подробной статистикой и индивидуальными подсказками — оформите подписку от 23 долларов в месяц. Стоимость зависит от выбранных функций.

Особенности:

• Позволяет подобрать теги по запросу, фотографии и URL.

Плюсы:

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

Минусы:

• Подходит только для Инстаграм.

Заключение

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

Рекомендации:

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

А чтобы оставаться со своей аудиторией на связи — регистрируйтесь на нашем сервисе SendPulse и подключайте чат-боты в соцсетях и мессенджерах: Facebook Messenger, WhatsApp, Instagram и Telegram. А также обязательно попробуйте конструктор лендингов, CRM-систему, сервис для email и Viber рассылок, SMS оповещений и push уведомлений.

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

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

Что такое теги?

Теги – это те самые запросы, которые использует потенциальный покупатель, когда ищет то, что хочет купить. Скажем, нужна ему картина в гостиную. Гостиная у него просторная, в бежевых тонах. Покупатель хочет современную абстракцию, большого размера, в подходящей колористике. Он идет на etsy и вбивает что-то вроде extra large beige gray painting. Вот эта его фраза и есть тег.

Вы скажете, но ведь покупателей сотни тысяч, каждый из них формирует свои запросы по-своему. Разве возможно угадать, какие фразы используют покупатели?

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

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

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

Сейчас я расскажу про все нюансы и тонкости, которые знаю сама.

Сервисы поиска запросов

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

Пользуйтесь специально созданными для поиска тегов сервисами. Самые известные – marmalead и erank (как-нибудь, я доберусь и до отдельных обзоров каждого из них), но они платные.

Я показывала как пользоваться совершенно бесплатной функцией гугл – планировщик ключевых слов вот в этой статье. Вполне достаточно и бесплатного сервиса гугл, но marmalead и erank, конечно, удобнее)).

В комментариях мне подсказали, как находить статистику запросов через гугл, но на итси. То есть, также пользоваться гуглом, но смотреть статистику только по etsy. Вводите в поле сайт https://www.etsy.com/ и гугл смотрит статистику по etsy.

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

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

Для этого используйте сам etsy и магазины конкурентов. Вводите в поисковую строку запрос так, как вы его представляете и смотрите как такой товар описывают и называют другие магазины. Открывайте товары магазинов с продажами (количество продаж в результатах выдачи можно понять по количеству отзывов – число справа от звездочек, чем больше, тем больше продаж). Смотрите, чтобы магазин был из штатов.

Например, мне кажется, что стоит проверить фразу knit men sweater. Ввожу в поиск, смотрю результаты.

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

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

Проверяю в гугле формулировки pullover for men и sweater for men.

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

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

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

Какие теги выбрать, чтобы ваш товар показывался в выдаче

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

Итак, перед вами статистика тегов, на что смотреть, выбирая наиболее успешные запросы?

Спойлер – самый успешный тег – это тот запрос, который ищут много и часто, а товаров с этим тегом очень мало.

А теперь раскрою эту формулировку подробнее.

Сначала на примере marmalead:

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

Для новых магазинов – идеально если конкурентов менее 3000, неплохо, если менее 5000, добавить в список можно и теги с конкуренцией менее 10 тыс. Теги с высокой конкуренцией от 40 тыс. и больше вообще брать смысла не имеет. Даже если у вас старый магазин с высоким трастом. Теги с такой конкуренцией это как правило, короткие запросы, по которым не столько покупают, сколько смотрят и постепенно сужают свой запрос. Это такие “запросы знакомства с ассортиментом”, они не продающие)). Но это лично мое мнение и мой опыт)).

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

Покажу пример очень плохих тегов (статистика erank, версия сервиса по минимальному тарифу 5,99USD):

Обратите внимание, что по некоторым запросам, где конкуренция превышает 50 тыс. (последняя строка), очень соблазнительные цифры запросов. Но это все равно не гарантирует продажу товара по такому запросу, это как раз показатель запроса знакомства))) Идеальное сочетание – вся статистика в зеленой зоне, и количество запросов, и взаимодействий, и конкурентов)).

Теперь покажу, на что смотреть в гугл планировщике.

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

Например, я проверила тег cotton receiving blanket, по которому указан высокий уровень конкуренции, и оказалось что в etsy всего 7367 товаров с этим тегом.

Еще несколько полезных советов напоследок

Когда вы ищете, смотрите и подбираете теги, не делайте это механически, подключайте свой аналитический центр и воображение)). А в последствии еще и накопленный опыт)).

Например, некоторые теги не соответствуют тому, чем кажутся. К примеру, многие, кто вводит knitting scarf имеют ввиду вовсе не шарф, а схемы вязания. Много таких нюансов, все нужно проверять, подглядывать у конкурентов, ориентироваться на выдачу etsy.

По ограничению в 20 символов тоже могут возникнуть проблемы. Некоторые длинные, очень хорошие по показателям теги, попросту не вмещаются в этот лимит. Их можно разбивать на две части и вбивать (вы вводите тег, жмете либо enter либо add и тег “спрыгивает из строки ввода).

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

Собранные теги лучше “складывать” в файлик exel, они вам еще многократно пригодятся. Подглядывать рабочие и продающие теги можно также в собственной статистике. Путь shop manager – stat. Выбирайте в периоде all time.

Жмете ниже графика на etsy search.

Прокручиваете вниз и смотрите, по каким тегам и сколько раз к вам приходили.

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

И еще один момент, не включайте в список теги категорий. То есть, просто запросы socks, wall art, home decor – те категории, в которых размещен конкретный ваш товар. Не повторяйте их в тегах, категория тоже работает как тег.

Также не используйте в тегах односложные и двухсложные запросы общего характера. Типа: gift for mom, kitchen decor, toy, sweater, dress, socks, painting, print и т.д. Никто никогда не придет к вам по таким тегам, но место вы потратите.

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

Кажется, я вспомнила все, о чем хотела рассказать. Статья получилась большая, сложная и, наверное, вам придется несколько раз перечитать ее. Но это, правда, очень важная информация!)

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

Все статьи по работе на etsy ищите в оглавлении, по ссылке . Все статьи канала ищите вот в этом оглавлении. Также приглашаю вас в сообщество в vk, где я даю дополнительную информацию по работе на etsy.

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

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

Если кто-то ещё не видел, что из себя представляет код шаблона, то зайдите в Консоль — Внешний вид — Редактор.

Перед Вами откроется код файла style.css. Покрутите его вниз, и первое, что придёт Вам в голову будет: ё-моё, как же в этой массе английских слов, цифр и символов, найти то, что нам будет нужно.

Для полноты ощущения, можно открыть один из php файлов, которые расположены в колонке справа от поля редактора.

Только сразу отгоните мысль типа: «Я в этом до самой смерти не разберусь». Разберётесь, и я Вам в этом помогу.

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

Вариант 1.

Условие: мы точно знаем то, что нам нужно найти.

Для примера возьмём код страницы.

Комбинация клавиш Contrl-F откроет окно поиска в правом верхнем углу, в которое можно ввести искомый элемент кода. Элемент и все его повторения подсветятся.

Этот поиск работает абсолютно для любого кода, открытого в браузере, то есть на странице.

Вариант 2.

Условие: мы видим элемент на странице, но не знаем ни его html, ни css.

В этом случае потребуется web-инспектор, или по другому Инструмент разработчика.

Инструмент разработчика есть во всех браузерах и открыть его можно или клавишей F12, или правой клавишей мыши, выбрав “Просмотреть код” или “Исследовать элемент”. В разных браузерах по разному.

Главное не выбирайте “Просмотреть код страницы”. Похоже, но не то.

После этого появится web-инспектор. Его интерфейс в разных браузерах немного отличается, но принцип действия везде одинаковый.

Я покажу на примере web-инспектора Chrome.

Заходим на страницу и открываем web-инспектор. По умолчанию он откроется в двух колонках, в левой будет html код всех элементов, находящихся на странице, а в правой — css оформление.

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

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

Определить, какой код, какому элементу соответствует, очень просто.

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

Теперь найдём css этого элемента. Для этого надо один раз щёлкнуть левой клавишей по строке с html, и в правой колонке отобразятся все стили, которые ему заданы, а так-же стили, влияющие на элемент, от родительских элементов.

Теперь, зная class или id элемента, можно спокойно идти в файл style.css, найти в нём нужный селектор, с помощью Поиска (Ctrl+F), и править внешний вид элемента.

Желаю творческих успехов.

Неужели не осталось вопросов? Спросить

Перемена

— Мам, ну почему ты думаешь, что если я была на дне рождения, то сразу пила?!
— Дочь а нечего что я папа?
Объявление в метро: «при обнаружении подозрительных предметов сделайте подозрительное лицо.

В раздел > > > Исправляем шаблон WordPress. Веб-инспектор