Как посмотреть код сайта через браузер
В блоге есть популярный цикл статей о том, как доработать шаблон под себя, придать ему уникальные черты — поменять шрифты, цвет, размер, заголовки, русифицировать. Статьи подробные, со скриншотами. Тем не менее, не у всех получается внести изменения по инструкциям, потому что коды наших шаблонов отличаются.
Дизайн сайта — это декорации.
А декорации всегда можно поменять.
Записная книжка Нео блоггера
Иногда мне пишут, что не могут найти нужную строчку или файл в редакторе. Перехожу на сайт, нахожу в два клика — проблемы нет, если понимаешь, как и где искать. Есть общий принцип. Именно поэтому записала видео, как посмотреть код сайта через браузер. В нем рассматривается, как увидеть нужную строчку кода, в каком файле искать и какую практическую пользу можно извлечь из всего этого.
Как уведить код сайта через браузер 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.
Хорошо. Спасибо. Я сама никогда эти дела не меняла. Так уже было. но я знаю,что что-то не так. Я буду пытаться изменить.