Как посмотреть код сайта через браузер
В блоге есть популярный цикл статей о том, как доработать шаблон под себя, придать ему уникальные черты — поменять шрифты, цвет, размер, заголовки, русифицировать. Статьи подробные, со скриншотами. Тем не менее, не у всех получается внести изменения по инструкциям, потому что коды наших шаблонов отличаются.
Дизайн сайта — это декорации.
А декорации всегда можно поменять.
Записная книжка Нео блоггера
Иногда мне пишут, что не могут найти нужную строчку или файл в редакторе. Перехожу на сайт, нахожу в два клика — проблемы нет, если понимаешь, как и где искать. Есть общий принцип. Именно поэтому записала видео, как посмотреть код сайта через браузер. В нем рассматривается, как увидеть нужную строчку кода, в каком файле искать и какую практическую пользу можно извлечь из всего этого.
Содержание страницы:
Как уведить код сайта через браузер Google Chrome
Если вам необходимо увидеть код сайта, то наверняка вы хотите, что то изменить или узнать, как и что сделано на чужом сайте. А может вы хотите узнать какой шаблон стоит на чужом сайте? Какой ни была цель, из видеоурока ниже вы узнаете многое, в том числе и как быстро посмотреть код любого сайта.
Что полезного будет в видео:
- Как через браузер проверить код главной страницы любого сайта — своего или чужого(мета теги например)
- Как узнать название шаблона понравившегося сайта
- Как посмотреть код отдельного элемента шаблона (заголовков, картинок, баннеров и т. д.)
- Как найти файл редактора, в котором производятся изменения
- Как узнать, в какой папке хранится изображение шапки или фона (путь к картинке)
- В практической части: как изменить цвет шрифта заголовка и любого элемента шаблона
- А также почистим кэш, из-за которого часто не видно вносимых изменений.
Если интересует не вся информация, а лишь какая-то часть, на YouTube к описанию записи прилагается поминутная раскадровка к каждому смысловому фрагменту — для удобства перемещения.
А вот и сам видеоурок о том, как посмотреть код сайта через браузер:
(для лучшего изображения разверните видео на весь экран и переключите проигрыватель в режим HD)
httpv://www.youtube.com/watch?v=uIlVvwCt2ho&list=UUryNOV_VygvBMRA-4mlFhaQ
Блог — не самоцель, а инструмент
Этим видео завершаю сагу о кодах, чтобы можно было двигаться дальше и реализовывать другие идеи. В своем аккаунте на YouTube и блоге открываю новую рубрику — ВидеоОтветы на вопросы читателей. Вопросы мне задают часто, особенно технического характера — как что сделать и настроить. Парой слов не объяснишь — тогда быстро записываю видео для наглядности и отсылаю по почте.
Умные люди не раз советовали мне трансформировать частные вопросы в общедоступный контент и извлекать хоть какую-то пользу. И чем меньше времени у меня стало оставаться, тем разумнее видится совет. Поэтому теперь на некоторые вопросы, которые находятся в сфере моей компетенции и требуют развернутого объяснения, буду отвечать статьей или в формате видео.
Кроме того, в помощь блоггерам создана специальная страничка Полезные сайты. Если запутаетесь в кодах и требуется помощь специалиста, можно обратиться к Антону Краснову, который спас от нервной болезни уже не одного блоггера). На указанной страничке есть краткое описание и ссылка на его сайт.
Как-то в Twittere прочитала замечательную фразу:
«Либо учишься, либо творишь. Но не одновременно!
Убеждаюсь в этом снова и снова»
© Елена Погорелова
И это правда. Больше полугода потрачено на изучение основ создания сайта. Да, это время. Но зато теперь, когда приходит какая-то идея, я могу ее воплотить. Похоже на вождение автомобиля: о ноге на сцеплении и руке на коробке передач думаешь только пока учишься. И лишь тогда, когда эти навыки переходят в автоматический режим, начинаешь наслаждаться поездкой.
Кстати, заставка в начале и в конце видеозаписи сделана в программе Camtasia. Это самое элементарное, что можно сотворить на скорую руку в этой полезной программе. Фотографии, Ютуб, создание собственных видео — много интересных вещей можно делать в наших блогах. Главное не забывать, что все это инструменты — для творчества, создания источников дохода и воплощения идей, которыми мы хотим делиться с миром.
Как раз сейчас делаю новый шаблон для своего сайта и информация очень пригодится,чтоб уже на месте немного подделать. *YAHOO*
А вот фразу:»Либо учишься, либо творишь. Но не одновременно!
Убеждаюсь в этом снова и снова»я или не дапонял *UNKNOWN* ,а если понял то не согласен. *STOP* Одновременно творить в процессе учебы очень интересно! *THUMBS UP*
Спасибо,Лариса,что так подробно все объясняешь! *ROSE*
По всей видимости, на твоем сайте скоро появится новый шаблон. Жду с интересом, что получится. Если ты пишешь шаблоны в Артистере, Саша, тебе видеоурок вряд ли понадобится.
Про фразу — здорово, что ты не согласен! Слова вообще такое дело, что легче делать, чем говорить)
Привет,Лариса! *ROSE*
Сегодня благодаря твоему видео уроку,на главной странице 7 внешних ссылок нашел и закрыл! *OK*
Саша, спасибо, что напомнил. Я вот забыла сказать, что так можно найти скрытые ссылки, особенно хитро вшитые. У меня в этом щаблоне были динамические, самогенерирующиеся)) ссылки, которые появлялись только в новых постах. Прятались они в районе окна комментариев, и через просмотр кода я их выглядела.
А я наконец то нашел Вордпрессовскую и теперь уже новую- Artisteer.(мыши подвальные))) 😀 До этого не получалось.Еще одна от Adobe от куда то взялась…и новые 4 штук сами появились со сменой шаблона хотя раньше я их закрывал….Но все успешно ликвидировано! *YAHOO*
Ты же,как то писала об поиске кода и изменении,но я тогда по рисункам и тексту меньше понял,хотя тоже «наворочал» красоты 😉
Видео уроки вообще люблю,не даром уже много говорят,что за видеоконтентом будущее! Успехов тебе на Ютубе и вообще везде!
Да, я тоже поняла, что какие-то сложные темы лучше делать в формате видео. Посмотрела ту свою статью со скриншотами — очень сложно разобраться.. Я бы и сама там ничего не поняла %)
Лариса, а как узнать именно файл, папку где расположен какой либо элемент? С картинками все понятно в видеоуроке а вот с другими элементами как быть? Например текст поста или допустим копирайты…
Для какой цели? Если внести изменения в шрифты в текстах или копирайте, то стили шрифтов хранятся обычно в файле style.css, а чтобы внести изменения в сам текст копирайта — файл footer.php.
Цели разные. Сам вопрос: можно ли как то узнать имя файла где расположен интересующий меня элемент сайта который необходимо подвергнуть редакции?
У меня тоже такая проблема, что мне нужно узнать где находится файл. Дело всё в том, что раньше мой сайт продвигала компания, сейчас этим занимаюсь я. Они внесли тексты, которых я не вижу в админке, и не могу их редактировать. Я захожу через «просмотр кода элемента», вижу текст в коде, но не могу его редактировать так как не знаю где находиться вам этот файл.
Мне по-прежнему не понятен вопрос. Все редакции ЭЛЕМЕНТОВ (размеры, шрифты, границы, поля, отступы, и прочее) осуществляются обычно в style.css, и как это делается, есть в уроке. Поищите ответ в Гугле. Или почитайте учебник html.
Спасибо, Ларочка, очень хорошее видео:понятным и доступным языком рассказано и показано тоже-))Очень полезное для тех, у кого в шаблоне нельзя в самих настройках поменять цвет того или иного элемента. Я раньше все больше этим способом пользовалась, чтобы тему подсмотреть, только вот не знаю, как снять копирование на блоге, а иначе правая кнопка мыши не срабатывает…
Юля, ох!, ты все-таки увидела мой новый шаблон в процессе недоработки, а я еще не все доделала и не написала о тмо, что собираюсь. И знаешь, у меня все равно не получается такой красоты, какую ты творишь из простых шаблонов.. А что это за копирование на блоге — у тебя вроде не стоит плагин защиты контента.
Ларочка, я не знала, что ты этот блог еще не очень показываешь-))А про копирование, так это про другие блоги, где хочется название шаблона подсмотреть, но оказывается просто надо две клавиши нажать(Ctrl+U) и код страницы тоже откроется…
Показываю, но тебе думала готовый результат показать, да все рук не хватает на все проекты, поэтому притормаживается. Ctrl+U — спасибо за наводку. По аналогии теперь могу на таких сайтах, защищенных от копирования этим плагином, вносить свои данные в окошко комментариев. Чтобы вручную не набирать.
Лариса,такой шаблон…Тебе даже не надо учить все эти HTML i CSS-ы!Ты спец по переделыванию шаблонов стала.
А я так и не не понял толком как изменять элементы страницы…
Просто наверное мне это не очень нужно пока.Потом обязательно вникну глядя на чудеса,что ты творишь!
Саш, в том-то и дело, что все сделано без вмешательства в коды и css. Это резиновый многофункциональный шаблон, где все настройки шрифтов, цвета и прочее производятся прямо из админпанели. И больше не надо лазить.. И об этом шаблоне я узнала благодаря Юле, но я тебе уже писала про ее полезнейший сайт. Именно об этом и будет моя следующая статья, что есть шаблоны, где больше не надо тратить столько времени на переделку.
Добрый день. Подскажите пожалуйста как узнать размер страницы в пикселях чтобы один в один. Весь интернет перерыл ничего не нету. Очень нужно
Добрый день!
Вадим, сам я тебе не скажу, но подскажу к кому обратиться, где ты наверняка получишь ответ на свой вопрос.
Есть нормальный спец., зовут Артем, сайт artabr.ru
Удачи!
Спасибо попробую
скажите пожалуйста…..как посмотреть….исходный код элемента в эксплолере???в других браузерах есть а в нем нет…..и есть программисты ???очень нужен толковый программист.
Там не нужно быть программистом. В эксплолере после нажатия правой клавишой на свободном месте в вышедшем окне надо выбрать «просмотр HTML-кода».
так там покажет только код страницы а мне нужен код элемента…….что в эксплолере нет….и в эксплолере не могу код элемента найти…..
Есть «проверить элемент».
и как это сделать???….может у меня эксплолер не так настроен???объясни пожалуйста?вот мой скайп….solomon17.06
я так и не нашел это строчку «проверить элемент»….(((
Видео здесь о том, как размер заголовка сменить. Может, и я сменю слегка. Надо подумать. Но меня больше волнует, как сделать,чтобы название статье шло в размере 1, а не 2. Это важно. Не понимаю, зачем шаблоны так пишут.
Коды элементов я смотрю тоже правой мышкой. Потом там меняю, чтобы видеть, что получается. Если устроило, захожу в админку и уже навсегда меняю. В любом просмотре кода можно менять, и будет видно, как поменялось. Даже прикольно это делать на чужом сайте. Например, я меняла ширину центрального блока, цвета меняла, смотрела, как бы дизайн изменился. Чисто так, ради любопытства. Все равно это никак не вредит. Это же не сохраняется. Поиск элемента производится ctrl+f
О, да, у тебя почему то и на открытой странице в Н2… Это не есть хорошо. Где то в шаблоне надо попробовать поменять. Посмотри это видео — _https://www.youtube.com/watch?v=FbgMpSZM0hE
может сможешь сама или спроси у Артема, он точно знает и скажет в каком файле надо будет внести изменения.
Ольга, я кажется понимаю про что ты говоришь (Н1, Н2). Там в во всех шаблонах вверху только на главной странице в Н2, а когда статья открыта становиться всё нормально — заголовок в Н1. Сам на других своих сайтах сколько накосячил делал ниже в статье еще один Н1, думая, что вверху Н2. А читатели и поисковики видят открытую страницу, а не главную, где все заголовки в Н2.
Хорошо. Спасибо. Я сама никогда эти дела не меняла. Так уже было. но я знаю,что что-то не так. Я буду пытаться изменить.