Как редактировать html код страницы в wordpress

Как мне редактировать код страницы моего сайта на WordPress?

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

«location»: <
«@type»: «Place»,
«name»: «\u041c\u043e\u0441\u043a\u0432\u0430»,
«address»: «\u0422\u0438\u041d\u0410\u041e»
>,

Я нажимаю в Crome Ctrl+U и мне открывается код моей страницы, я нахожу этот кусочек, но у меня нет возможности его редактировать.
Перерыл запросами на эту тему весь интернет и т.д. — ноль инфы.
Пишу сюда.
Как мне редактировать код страницы моего сайта на WordPress?

94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Как устроены страницы WordPress и как их редактировать?
Всем доброго дня! Мне нужно отредактировать некоторые страницы моего сайта на Вордпресс, для этого.

Критика сайта моего нужна мне
<p>В плане SEO</p><p>И вопрос можно ли главную раскрутить по низкочастотным запросам типа шахматы.

Как сделать редирект со страницы моего сайта на другой домен, без изменения url
В общем. хочу чтобы при переходе по адресу site.ru/page1 — человек попадал на domen2.ru, но в.

Как правильно вставить jQuery код в код страницы сайта?
привет всем:) у меня возникла проблема, когда я свой jQuery код вставляю в код html главной.

1957 / 796 / 89
Регистрация: 03.11.2009
Сообщений: 3,066
Записей в блоге: 2

Редактировать нужно не результат работы WordPress`a, а его исходный код. Вам нужен доступ к папке в которой лежат эти коды. Хотя, в WP есть возможность на самом сайте редактировать исходный код (что я считаю очень небезопасным). Для этого Вам нужно открыть страницу с плагинами, выбрать нужный и там Вы должны увидеть что-то вроде «Редактировать» или «Изменить» (уже точно не помню) и просмотреть файлы на наличие похожей разметки (не факт, что она там именно в таком виде).
В общем, Вам лучше к знающим обратиться за этим.

Регистрация: 04.04.2016
Сообщений: 2
Нарыл все таки у себя вот это

1 2 3 4 5 6

}if($metaData['locationName']){ $event["location"] = array( "@type" => "Place", "name" => esc_attr($metaData['locationName']), "address" => esc_attr($metaData['locationAddress']) );

Похоже код, который мне нужно исправить, создает вот этот проверочный цикл, который дает мне ошибку протокола Schema.org, на который ругается google.
Плагин кидает мне в кусок СЕРВИС, осколок от БИЗНЕС.

Добавлено через 10 минут
Да, я понял о чем вы! Спасибо!

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

Добавлено через 47 минут
В итоге через Total Comander прямо в сервере ищу файл с отрывком нужного текста и правлю его, хоть он и не очень похож на тот, что выдает html. Получилось. В итоге получилось, что я плагин под микроразметку Schema.org поправил под себя. Если плагин удалю и поставлю снова — придется опять все исправлять.

87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Полное воровство инфы с моего сайта (копия моего сайта)
У меня есть, сайт с видеороликами, зашел в гугл вебмастер посмотрел ссылки на свой сайт смотрю.

Код карты сайта WordPress не показывает все посты, как это поправить
Доброго времени суток, уважаемые гуру. Есть такой код карты сайта (привожу его без дизайна): .

Как редактировать шаблон в WordPress ?
Всем привет ! Написал игровой шаблон, дошло дело до знакомства с движками и решил поискать какие же.

Как перенести HTML-код на WordPress: пошаговая инструкция с советами

Готовый HTML, CSS и JS код требуется перенести на какую-нибудь админку, чтобы для добавления нового контента и расширения функционала не приходилось лезть в директории проекта, создавать там новые файлы, копаться в коде. Это наилучшее решение не только для обычных пользователей, но и разработчика, так как сильно экономит время при расширении готового сайта. Самой популярной админкой является WordPress. Весь готовый код проекта можно перенести на нее и использовать в качестве собственной темы.

Варианты переноса HTML-сайта на WordPress

Перенос HTML-сайта с готовой структурой на WordPress не такая сложная процедура, как может показаться. Есть три варианта действий:

1. Переносить вручную. На это придется потратить много времени, плюс, для этого требуются определенные навыки веб-разработки и программирования. Однако так можно лучше разобраться в работе как своего сайта, так и CMS. Доступ к корневой папки с HTML, CSS, JS файлами придется получить через FTP-клиент. В его структуру потребуется добавить несколько PHP-файлов для инициализации темы в WordPress.
2. Приобрести готовую тему. Данный вариант можно рассматривать в том случае, если у вас нет разработанной темы. На WordPress можно найти много уже готовых бесплатных тем, а установить их не составит труда даже для пользователя, слабо знакомого с веб-разработкой. Есть также платные темы с премиальным функционалом.
3. Заказать перенос. Суть заключается в том, что вы ищите разработчика, который перенесет готовый сайт на WordPress и адаптирует его в качестве темы. Иногда подобные услуги предлагает сам хостинг, на котором размещается сайт.

Пример редактора тем в WordPress

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

Установка WordPress

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

1. Скачайте архив с дистрибутивом WordPress с официального сайта.
2. Распакуйте архив. Пока файлы из него можно вынести куда-нибудь на компьютер.
3. Создайте базу данных MySQL на вашем сервере или запросите к ней доступ, если используете сторонний хостинг. Обратите внимание, что у некоторых тарифов хостинга может не быть поддержки MySQL и PHP. Выбирайте тариф только с их поддержкой.
4. Откройте перечень файлов, которые ранее разархивировали. Переименуйте файл wp-config-sample.php в wp-config.php.
5. Переместите папку с файлами WordPress к себе на сервер в корневую папку сайта.
6. Перейдите в любом браузере по ссылке wp-admin/install.php для доступа к админки вашего сайта. Там вам придется указать имя пользователя и пароль.

Добавление информации для доступа к админ-панели

Перенос готового HTML-шаблона на WordPress

Если вам нужно перенести не только контент сайта, но и его дизайн, то придется создавать тему. Для этого потребуется не только доступ ко всем файлам сайта, но и удобный редактор кода, например VisualStudio Code или другой похожий. Далее разделим для удобства весь процесс на несколько этапов.

Этап 1: Создание файлов темы

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

• style.css;
• index.php;
• header.php;
• sidebar.php;
• footer.php.

Базовая файловая структура для темы

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

Этап 2: Прописывание стилей

Для начала вам придется отредактировать файл style.css. В него, в самом начале пропишите этот код:

После этого кода вставьте основные стили вашего сайта. Они должны быть записаны в файлу style.css или main.css, который находится в директории сайта. Просто откройте данный файл и скопируйте все его содержимое. Затем переключитесь на файл style.css, который расположен в корневой папке темы и вставьте туда CSS-код после вводных данных, которые были прописаны ранее.

Этап 3: Перенос HTML-кода

На этом этапе нужно перенести данные из файла index.html в index.php. Ничего страшного, что верстка будет в PHP-файле. Он умеет корректно обрабатывать HTML. Это необходимо из-за особенностей WordPress, так как HTML-файлы он воспринимает не очень хорошо, поэтому все ключевые элементы сайта желательно прописывать в PHP-файлах, пускай PHP-кода там почти и нет.

Откройте header.php. В него из главного HTML-файла сайта скопируйте отрывок, который отвечает за функционирование меню и всей верхней части сайта. Аналогичную операцию нужно провести для файла sidebar.php, но только скопировать и вставить код боковой панели или панелей. В случае с файлом footer.php нужно скопировать и вставить часть отвечающую за подвал сайта.

Все, что осталось в index.html копируйте в index.php. Не нужно копировать данные о шапке, боковых меню и футере, так как они уже добавлены в отдельный файл.

Этап 4: Инициализация index.php

В качестве завершающего этапа настройки темы нужно провести инициализацию файла index.php. Перед началом основного HTML-кода вставьте строку:

Она необходима для подключения файла header.php. В скобках пропишите путь до объекта. По аналогии пропишите в самом конце HTML-разметки строки для вызова бокового меню и подвала:

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

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

Этап 5: Добавление темы в WordPress

Созданную тему осталось только загрузить в админку сайта и применить. Папку с новой темой нужно переместить по пути: /wp-content/themes/. Начальная часть адреса может отличаться в зависимости от хостинга, сервера и самой структуры сайта. Теперь останется только выбрать загруженную тему в панели управления:

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

2. Переключитесь во вкладку “Внешний вид” в левом меню.

3. В новом окне воспользуйтесь кнопкой “Добавить новую” и выберите свою тему среди доступных. Если вы ее загрузили на хостинг, то она должна там быть.

Переход к разделу с темами

4. Или загрузите тему, воспользовавшись кнопкой “Загрузить тему”.

Загрузка готовой темы через WordPress

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

Заключение

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

Как редактировать html-код таблиц в статьях WordPress?

Встала задача адаптировать таблицы статей WP для мобильных устройств. Вставка таблиц в статьи выполняется пользователем с помощью TinyMCE.
Плагины типа Automatic Responsive Tables не подойдут. Был выбран вариант адаптации таблиц с помощью FooTable (этот вариант ранее устраивал для верстки не CMS-ных сайтов).
К сожалению, я не знаком с WP и вообще плохо знаю CMS-ы. Безуспешно пытаюсь решить проблему следующим образом: редактирование файлов theme.js и theme.min.js (как я понимаю там содежится код генерации таблиц, создаваемых через TinyMCE) на сервере с помощью SFTP SublimeText3.

Прошу подсказать, что я делаю неправильно.

• Вопрос задан более трёх лет назад
• 261 просмотр

Комментировать
Решения вопроса 1

Орхан Гасанлы @azerphoenix
Java Software Engineer

Странно, что вы не хотите плагином. Плагином легче создавать таблицы и они адаптируемые.
например, плагин TablePress (неплохая замена для footable) и дополнение для него для адаптивности
https://tablepress.org/extensions/responsive-tables/
даже поддерживает несоклько режимов адаптивности таблиц.

Второй вариант — плагин ACF + advanced-custom-fields-table-field4

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

Редактирование HTML кода в панели администратора

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

Лучшие ответы ( 2 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Редактирование каши html кода
Всем привет! Помогите советом. Дали на переверстку макет лендинга, отштампованный гугловским.

Редактирование кода html 1с-битрикс
Достался сайт, где боковое меню сплошь состоит из <h1>. </h1>. То есть каждая страница имеет кучу.

Редактирование кода html с другой странички
Добрый день! Имеется страница index.html. Есть несколько полей ввода <input TYPE=HIDDEN >

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