Как редактировать шаблон WordPress. Структура шаблона. Сайт на вордпресс как редактировать


Как редактировать запись или страницу в WordPress

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

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

Рассмотрим все способы попадания в интерфейс редактирования.

Как редактировать запись или страницу в WordPress

Содержимое статьи

Способ 1

Самый простой способ зайти в редактирование — это перейти в админке в раздел «Записи» — «Все записи» и в табличном представлении щёлкнуть по заголовку любой записи:

Редактирование через раздел "Все записи"Редактирование через раздел «Все записи»

Способ 2

Не знаю зачем, но разработчики WordPress сделали ещё и дополнительную ссылку «Изменить» в табличном представлении (на предыдущем скриншоте), которая так же открывает интерфейс для редактирования. 🙂

Способ 3

Будучи авторизованным пользователем и находясь в нужной вам записи на сайте, вы можете воспользоваться ссылкой «Редактировать запись» в верхнем горизонтальном меню:

Переход в редактирование со страницы сайтаПереход в редактирование со страницы сайта

Способ 4

Вы не поверите, но есть ещё и четвёртый способ! Куда их столько много? Наверно, чтобы не заплутать среди трёх сосен… 🙂

В общем, многие темы на страницах и записях в самом низу после основной области контента так же размещают ссылку для редактирования этого материала:

Ещё один способ перейти к редактированиюЕщё один способ перейти к редактированию

Как вы можете убедиться, доступ ко всем основным функциям доступен в один, максимум — два, клика. И это основное преимущество WordPress перед другими движками для создания сайтов.

На этом у меня пока всё, оставайтесь на связи! 🙂

Если вы нашли ошибку — выделите фрагмент текста и нажмите Ctrl+Enter.

Поделитесь ссылкой на инструкцию с вашими друзьями!

Твитнуть

Поделиться

Плюсануть

Поделиться

Запинить

wordpress1.ru

Как редактировать шаблон Вордпресс | ТВОЙ ПОМОЩНИК

Написал Елена Молгачева в 21 мая 2015, 07:34 Отредактировано: 20 мая 2017, 07:25

как-редактироватьшаблон-ВордпрессДавно хотела написать этот исторический экскурс.

Его тема – извечный вопрос: «Что лучше: установить новый плагин или разобраться, как редактировать шаблон Вордпресс?»

Итак, стартуем.

Какой шаблон WordPress лучше выбрать?

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

Я тоже думала несколько дней прежде, чем решила, на каком же остановиться.

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

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

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

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

И окружающие будут Вам очень благодарны.

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

Поэтому самый главный совет начинающим: начните!

начните

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

Какие альтернативы существуют, кроме выбора готовой темы Вордпресс?

Можно создать блог с помощью конструктора шаблонов (генератор тем Artistreer). Это доступно даже начинающим. Прочитайте комментарии к вышеуказанной статье про выбор дизайна. Там есть весьма успешные примеры такого пути.

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

Можно выбрать и более сложный вариант самостоятельной верстки с помощью адаптивной сетки bootstrap.

Ну, а что после выбора шаблона?

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

Плагины WordPress обеспечат добавочные функции.

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

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

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

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

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

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

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

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

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

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

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

Новичкам это будет интересно. И, возможно, они возьмут себе что-то на заметку.

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

Итак, поехали!

Редактирование шаблона WordPress.

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

Для этого я узнала, как проверить ссылки с главной страницы с помощью сервиса DNews.ru.

Удаляем зашитые в шаблон посторонние внешние ссылки.
Добавляем счетчики в подвал.

Проверила и обнаружила посторонние внешние ссылки. Чтобы их удалить, зашла через Редактор своего сайта, в Подвал (Footer.php), нашла их по поиску (для этого нужно нажать на клавиатуре одновременно Ctrl и F, и подставлять по очереди в окошко поиска найденные с помощью сервиса лишние ссылки) и удалила.

Удалять лучше не только ссылку, а весь фрагмент кода, начиная с открывающего тега и заканчивая закрывающим тегом анкора (a).

Редактирование шаблона WordPress - поиск-внешних-ссылок-в-подвале сайта

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

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

Устанавливаем слайдер.

2. Вторым вмешательством в кодировку блога послужила установка простейшего слайдера WordPress.

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

Это, оказалось, сделать на удивление просто. Под силу даже самым начинающим.

И я очень гордилась своим слайдером, картинки в котором последовательно менялись и рекламировали мои лучшие статьи.

Такой слайдер простоял у меня на сайте около двух лет. А потом слегка надоел, и я решила рекламировать свои популярные публикации без плагина, используя рубрики ссылок WordPress и виджет Ссылки.

Добавляем постраничную навигацию.

3. Далее мне очень приглянулась постраничная навигация на главной странице.

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

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

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

Экономим место на сервере.

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

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

Таких копий обычно накапливается большое количество под каждой статьей. И они занимают значительные объемы.

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

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

Устанавливаем кнопки социальных сетей.

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

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

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

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

Правильные заголовки h2 для всех страниц сайта.

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

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

Мне это очень помогло при продвижении в Google.

Разметка и структурированные данные.

7. Гугл требует, чтобы каждая страница блога содержала правильную разметку и структурированные данные. Проверить, есть ли у Вас подобные ошибки, можно в сервисе вебмастеров Google.

Структурированные-данные

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

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

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

Дополнительная защита сайта на WordPress.

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

Добавляем миниатюры записи WordPress на страницы рубрик и поиска по сайту.

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

Я решила это исправить и добавила туда миниатюры записей WordPress.

Теперь эти страницы выглядят более привлекательно и информативно. Можете оценить сами. Посетите одну из рубрик или задайте фразу для поиска в виджете «Найди у помощника».

Как сделать, чтобы Главная страница сайта отличалась от всех остальных.

10. Многие новички задают такой вопрос.

Я отредактировала Главную страницу своего сайта, минимизировав количество виджетов на ней и их состав.

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

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

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

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

И теперь каждый может увидеть дату последнего редактирования и оценить свежесть статьи.

Меняем форму для комментариев на новую.

12. Чтобы защититься от спама в комментариях и не чистить постоянно папку «Спам», мне захотелось установить у себя на сайте современную проверку reCaptcha 2.0 -Я не робот.

Но сделать это получилось только после замены старой формы для комментариев на новую, построенную с помощью функции WordPress comment_form (). Фактически — это всего лишь одна строка. Все очень просто.

Узнайте, как мне удалось установить проверку «Я не робот» на свой WordPress сайт.

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

Редактируем код страницы WordPress.

1. Таким изменением кода можно считать установку баннеров с рекламой или кликабельных картинок в боковую колонку сайта (sidebar).

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

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

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

3. Еще один пункт — добавление видео и презентаций на свой сайт. Здесь тоже все предельно просто. Берем предлагаемый код и помещаем его в нужное место статьи.

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

Как центрировать видео (тег iframe)?

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

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

Как-центрировать-тег-iframe

Ранее я прибегала для этого к услугам устаревшего тега center. Но после того, как поисковые системы стали обращать больше внимания на правильность написания кода (валидность), я внесла исправления во все свои статьи, куда добавляла видео или вставляла презентации, чтобы было меньше ошибок.

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

4. Можно добавлять виджеты социальных сетей. Мне, например, очень нравится виджет Твиттера. Он придает живость блогу. Это сделать тоже не сложно. Берете код виджета в соответствующей социальной сети и добавляете в нужное место.

Очень важное замечание.

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

Это удобно делать с помощью расширения браузера Google Chrome RDS bar.

ошибки-валидности-страницы-

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

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

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

Заходите ко мне еще.

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

Но глаза боятся, а руки делают.

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

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

А у меня теперь сохранится памятка на случай смены темы WordPress для организации нового дизайна.

Уважаемые блогеры!

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

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

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

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

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

Жду Ваших отзывов и предложений.

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

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

Елена и tvoy-internet.ru

tvoy-internet.ru

Как редактировать тему шаблон wordpress

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

Я вижу две основные причины, зачем нам это нужно:

  • Большинство настроек блога связано с редактированием кода – html или css. Во многих своих статьях я пишу о том, что нужно отредактировать определенный файл темы. Если вы не знаете, как искать эти файлы и какими средствами удобнее их править, эта статья для вас.
  • При создании блога вы установили на него тему (шаблон) из интернета и хотите что-то в ней изменить, добавить элементы дизайна или функциональные блоки. Но для этого обязательно обладать хотя бы минимальными знаниями HTML и CSS. Независимо, новичок вы или имеете опыт в создании сайтов, для редактирования шаблона WordPress вы должны понимать из чего он состоит и для чего нужна каждая его часть. Поэтому для начала рассмотрим структуру шаблона WordPress.

Структура шаблона WordPress

HTML-код шаблона WordPress разбит на несколько php-файлов. Сделано это для удобства: повторяющиеся на разных страницах куски кода вынесены в отдельные файлы и подключаются к каждой странице с помощью функции include. Шапка, футер и сайдбар находятся в отдельных файлах, а файл каждого типа страниц содержит только центральную область: структура шаблона вордпресс Наиболее часто редактируемые файлы шаблона WordPress:

  • index.php – Шаблон начинается с файла index.php, который выводит главную страницу сайта.
  • header.php -  Шапка сайта. В этот файл вынесена повторяющаяся на каждой странице сайта верхняя часть. Он начинается с тега <html>, содержит полностью <head></head>, в который вставляется большинство скриптов при настройке блога. В нем открывается тег <body> и выводится логотип, слоган, верхнее меню и прочие элементы шапки.
  • style.css – основной стилевой файл шаблона, в котором задается внешний вид элементов сайта. Чтобы редактировать шаблон WordPress, чаще всего приходится работать именно с этим файлом.

Остальные файлы:

  • single.php – отвечает за отображение каждой отдельной записи. Т.е. внешний вид страницы, на которой вы сейчас читаете мою статью, настраивается именно в этом файле.
  • page.php – вывод статической страницы блога. Новые страницы создаются в разделе «страницы» в левом меню, а их вид настраивается в этом файле.
  • sidebar.php – отвечает за вывод сайдбара (боковой колонки блога), где находятся виджеты. Эта часть шаблона тоже повторяется на каждой странице WordPress сайта, поэтому вынесена в отдельный файл. Обычно не приходится редактировать этот файл, потому что все изменения производятся над виджетами. Однако никто не запрещает вписать какой-то код напрямую в файл sidebar.php.
  • functions.php – файл с php-функциями темы. Все они влияют на внешний вид и работу сайта, определяют события при определенных действиях пользователей.
  • footer.php – футер (подвал) сайта, его нижняя часть. Это тоже повторяющийся на всех страницах  элемент. В него обычно вставляют счетчики посещаемости, копирайт и контактные данные.
  • category.php – за вывод страницы с перечнем всех записей определенной категории отвечает данный файл.
  • tag.php – вывод архива записей по соответствующему тегу прописан в этом файле.
  • archive.php – архив всех записей за определенный месяц (год) настраивается здесь.
  • search.php – выводит результаты поиска по блогу.
  • comments.php – отображение комментариев к записям и страницам.
  • 404.php – шаблон ошибки 404 – страница не найдена.

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

Как редактировать файлы шаблона WordPress

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

  1. Редактирование шаблона через админку WordPressВ админке зайдите в раздел «Внешний вид» — «Редактор» и справа в колонке вы увидите все файлы темы, доступные для редактирования. Выберите нужный файл, отредактируйте и не забудьте кликнуть по кнопке «Обновить».adminkaДанный способ очень удобен, когда нужно внести незначительные изменения: редактирование через админку делается быстро, просто, не нужно запускать дополнительные программы и вводить пароли. Из минусов – стандартный редактор не имеет функции подсветки кода и нумерации строк, поэтому вносить серьезные многочисленные изменения таким образом не удобно.
  2. Правка файлов через файловый менеджер хостингаКак вы уже знаете, я пользуюсь одним из лучших хостингов - beget, у которого отличный файловый менеджер с дружелюбным интерфейсом. Мне нравится редактировать шаблоны WordPress этим способом, потому что опять же не нужно запускать никаких программ, настраивать подключений, копировать файлы на компьютер и код подсвечивается. beget менеджерФайлы шаблона WordPress, который вам нужно отредактировать, находятся в папке: /wp-content/themes/название_вашей_темы/ Зайдите в нее и откройте нужный файл для редактирования. Если ваш хостинг не обладает таким удобным файловым менеджером, советую выбрать другой хостинг:)
  3. Редактирование шаблона по ftpЭтот способ удобен, если предстоит серьезная работа с файлами, особенно если нужно редактировать сразу несколько файлов в разных папках.
    • Запустите ваш ftp-клиент. Для подключения по ftp я использую программу FileZilla или Total Commander - по ссылке подробная инструкция настройки соединения. Настройте соединение с сайтом и зайдите в папку вашей вордпресс темы: /wp-content/themes/название_вашей_темы/
    • Скопируйте файл, который нужно редактировать к себе на локальный диск.
    • Откройте файл в программе для редактирования кода и внесите необходимые изменения. Я советую программы Notepad++ или Dreamweaver, в них подсвечивается код, пронумерованы строки и конечно есть множество других функций и преимуществ.

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

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

Зайдите в раздел «Внешний вид» — «Настроить», откроется окно с основными настройками темы. Здесь можно ввести название и описание сайта, которые отобразятся в шапке сайта после сохранения. Так же вы можете изменить цвет фона или фоновое изображение и другие настройки — разобраться не сложно. настройка темы wordpress   Большую часть настроек темы WordPress можно выполнить в разделе «Внешний вид» -> «Имя вашей темы». настройка темы wordpressЗдесь можно загрузить логотип, фавикон и т.д. Настроек очень много, но честно сказать, я ими никогда не пользуюсь, так как мне проще работать с кодом, чтобы редактировать тему WordPress.

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

P.S. Хочу напомнить вам, дорогие читатели, что если вы замечаете в моих статьях ошибки, не поленитесь нажать «Ctrl + Enter», чтобы с помощью системы Orhpus я их исправила.

pro-wordpress.ru

Как безопасно редактировать файлы WordPress сайта

От автора

Статье 4 года, но только недавно она почти потеряла актуальность, когда появилась песочника в Редакторе. Об этом в конце статьи.

Зачем нужно безопасное редактирование

Безопасно редактировать файлы wordpress, нужно, чтобы избежать пропадания сайта и изменение его внешнего вида. Научиться безопасному редактированию  основная задача начинающего пользователя WordPress. Любое ошибочное изменение любого php и css файла, входящего в шаблон сайта, может привести к ошибкам, исправление которых может стать большой проблемой.

Правила как безопасно редактировать файлы wordpress

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

Делайте периодически резервную копию всего сайта

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

  1. При помощи услуги «Резервное копирование» на своем хостинге;
  2. Установив один из плагинов резервного копирования wordpress;
  3. Самостоятельно скачать сайт на свой компьютер и сделать экспорт базы данных из панели phpMyAdmin вашего хостинга.

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

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

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

И все- таки, самая надежная копия сайта это копия сделанная самостоятельно. При серьезном  редактировании сайта и при обновлении SEO плагинов и плагинов безопасности, я всегда делаю самостоятельную копию сайта, как будто собираюсь его перенести на другой хостинг. Для меня это самая надежная резервная копия.

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

Делайте копию файла, который редактируйте

Это, пожалуй, самый простой способ безопасного редактирования WordPress. Перед тем как изменить, или дополнить код какого-либо файла WordPress , сделайте его копию, сохраните в простом блокноте windows или в любом текстовом редакторе, к которому вы привыкли (например, Notepad++). В случае ошибок редактирования конкретного файла, восстановите только этот файл из его копии и ошибка должна исправиться.

Важно! Не сохраняйте и не редактируйте файлы WordPress при помощи редакторов Microsoft Word. Это приведет к добавлению ненужных кодов и к фатальным ошибкам на сайте при использовании такой копии файла.

Как восстановить сайт после ошибочного редактирования файла

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

Если после «бурного» редактирования, вы потеряли доступ к административной панели, войдите в каталог сайта через FTP соединение, найдите файл, который редактировали и замените его на резервную копию этого файла сохраненного на компьютере.

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

Есть еще один способ безопасного редактирования файлов Wordpres. Он отличается простотой и изяществом. Можно воспользоваться плагином WPide. Плагин потерял актуальность с введением внутреннего инструмента проверки редактирования файлов WordPress.

Плагин безопасного редактировании файлов WPide

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

  • Плагин WPide имеет свой редактор файлов. Его внешний вид выгодно отличается от внешнего вида редактора WP.
  • Редактор плагина WPide имеет классическую подсветку кода, нумерацию строк и подсветку ошибок синтаксиса, таблицу цветов и массу других полезных функций при редактировании файлов WordPress.

Важно! Всегда можно легко восстановить любой файл в виде, который он имел при установке плагина WPide из архива этого плагина, находящегося по адресу (plugins/WPide/backups/..)

Безопасный редактор WordPrss 4.9.

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

Удобно, не всегда. Покажу как её отключить. В консоли на вкладке «Ваш профиль», появился чекбокс с отключением подсветки «Отключить подсветку синтаксиса при редактировании кода». Он отключит подсветку и песочницу.

©www.wordpres-abc.ru

Еще статьи

 

Статьи связанные по теме:

www.wordpress-abc.ru

Как редактировать главную страницу в wordpress? 2 способа

Как редактировать главную страницу в WordPress?

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

Первый вариант — редактирование файла index.php

Если у вас в настройках задано, что на главной должны выводиться последние записи, то код, который отвечает за их вывод находиться в файле index.php активной темы. Именно его нужно открыть в удобном редакторе, чтобы что-то изменить. Я покажу все на локальном сервере. Например, вот так на главной выводятся записи в известном шаблоне Twentyfourteen.

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

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

Открываем его. Желательно с помощью редакторе вроде Notepad++, а не простого блокнота, где нет никакой подсветки кода. Если вы вообще не знаете php и wordpress-функций, вам может быть очень сложно ориентироваться в коде. И все же я попытаюсь что-то объяснить. В данном случае видим в файле стандартный цикл вордпресса, который проверяет, есть ли посты, и если они есть, выводит их соответствующим образом. Вот он:

Если говорить простым языком, происходит следующее: wordpress проверяет, есть ли вообще записи на вывод, и если есть, то функцией get_template_part передает команду — подключи-ка мне в этот файл тот код, который находится в файле content.php.

Вот мы с вами и пришли к тому, что в случае с шаблоном twentyfourteen редактировать нужно именно этот файл. Открываем его.

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

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

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

Вот, мы уже изменили главную страницу. Чтобы делать это сознательно, вам нужно знать основы php и функции движка wordpress. Соответственно, редактируя код файлов шаблона, вы можете изменить тему как угодно, в том числе и главную страницу.

Второй способ — задать свою главную страницу

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

Теперь на главной выводится вот что:

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

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

Вот что теперь выводиться на главной:

Итог

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

Что же вам делать, если вы хотите научиться редактировать и создавать свои сайты на wordpress, но пока бьетесь об стену? Выход очень прост — приобрести наш курс по созданию сайтов с нуля на wordpress. Заметьте, по созданию, а не по редактированию. И если вы научитесь делать их с нуля, то подправить что-то в шаблоне потом будет совсем простой задачей.

Что ж, на этом я прощаюсь с вами. Если хотите в ближайшее время совершить резкий скачок вперед в понимании верстки и wordpress, обязательно приобретайте наш курс — подобные продукты в рунете редкость!

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress “Уникальный сайт с нуля”

Получить

webformyself.com

Как редактировать сайт: сведения для пользователей WordPress

План работы над сайтом

Как редактировать сайт: информация для пользователей WordPress

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

Основные возможности в админ-панели

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

Итак, какие возможности у пользователя CMS WordPress:

  • Добавление статичных страниц и их редактирование;
  • Создание тематических рубрик;
  • Добавление/редактирование тематических статей;
  • Добавление медиафайлов для последующего использования в публикациях.

Переходим к практике.

Инструкция: как редактировать сайт на базе CMS WordPress

Заказали сайт. Исполнитель передает вам на финише логин с паролем и появляется желание зайти на него и добавить публикацию. Вбиваете в поисковую строку доменное имя и через мгновение перед вами сайт. Но, как добавить на него статью? Где вообще надо вводить логин и пароль?

Итак, как редактировать сайт после получения ключей доступа. Все просто. К доменному имени необходимо добавить wp-admin. То есть, в поисковой строке вместо сайт.by будет прописано сайт.by/wp-admin/

как зайти в админ панельрма для входа в административную панель сайта

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

Административная панель сайтаАдминистративная панель сайта

Как видно по надписям в левой части интерфейса, все доступно и интуитивно понятно. Идем по порядку и первая доступная опция — записи.

записи сайта

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

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

Как видите, все очень просто: если вы уже пользовались текстовым редактором Microsoft Word, то и тут сможете все сделать без лишних подсказок. Единственное, что надо знать — это использование тега «Далее», необходимого для отображения на сайте анонса, а не всей статьи целиком. В интерфейсе, справа, для статьи выбирается рубрика (при наличии рубрик вообще), прописывается несколько меток, характеризующих тему статьи, и устанавливается изображение записи, отображающееся вместе с анонсом.

Тег "далее" для создания анонса на сайтеВставка тега далее для создания анонса публикации

Следующая актуальная функция — добавление рубрик на сайт. Тоже все просто: нажимается кнопка «Рубрики», а потом на открывшейся страницы вводится название (например, Блог), затем записывается вариант названия на латинице (ярлык) и описание новой рубрики. Если новый раздел является под рубрикой,  то можно сформировать иерархию, указав главенство.

добавление рубрики на сайтДобавление новой рубрики на сайт (cms WordPress)

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

Максимальный размер файла для загрузки: 64 МВ.

загрузка медифайла

Следующая доступная опция — редактирование, добавление/удаление статических страниц. Речь идет о страницах сайта, которые нуждаются в постоянном доступе посетителям сайта месте. Например, страница КОНТАКТЫ, или О БЛОГЕ. Соответственно, страницы не могут относится к тем, или иным рубрикам. Они самостоятельные, самодостаточные единицы!

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

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

добавить страницу на сайт вордпрес

Комментарии в WordPress

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

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

  1. Отклонить комментарий
  2. Ответить
  3. Просмотреть свойства
  4. Изменить
  5. Просмотреть историю
  6. Отправить в спам
  7. Удалить

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

Несколько советов по администрированию сайта
  1. Вовремя оплачивайте доменное имя и хостинг. При просрочке платежа сайт отключается. что негативно влияет на отображение в поисковых системах. Доменное имя и вовсе могут перекупить. Это не менее важно, чем правильное редактирование сайта;
  2. Текст публикации разбивается на смысловые блоки из 3-5 предложений. Это улучшает усвоение информации читателем, делает текст доступней для понимания;
  3. В статьи добавляются несколько картинок, что позволяет сформировать яркий, журнальный стиль публикаций на сайте.

***

В следующий раз я расскажу о минимальной SEO-оптимизации статей на сайте и работе с необходимыми плагинами.

Пожалуйста, поделитесь статьей в соц. сетях

About the Author

ikabakin.of.by

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

редактируем тему wordpress

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

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

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

Конечно можно, но зачем, когда работать на локальном сервере легче и быстрее.

Структура страницы wordpress шаблона

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

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

стандартная тема wordpress

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

структура темы wordpress

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

Header.php – этот файл ответственный за верхнюю часть страницы блога. В нем находятся логотип и название.

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

Footer.php – файл отвечающий за вывод информации в подвале (низу) блога. Как правило, там располагается счетчик количества посещений, автор блога и другие...

Index.php – это один из главных файлов, он выводит информацию на главной странице блога. Не путайте с файлом single.php.

Page.php – данный файл темы выводит информацию статических страниц блога (об авторе, контакты, реклама и другие).

Single.php – самый основной файл wordpress, так как здесь выводится информация всех записей блога.

Archive.php – этот файлик отвечает за вывод архива на блоге, (записей в архиве).

Search.php – файл занимается выводом страниц в поиске блога, (что будет показываться в результатах поиска).

Author.php – данный файл выводит записи определенного автора. Он вам пригодится, если блог ведут несколько человек.

404.php – страница выводится во время ошибки. Если пользователь попадает на несуществующую страницу блога, тогда ему показывается данный файл. Я его немного видоизменил, посмотрите какая страница 404 у меня на блоге, для чего введите любой несуществующий URL адрес в строку браузера.

Style.css – этот файл отвечает за внешний вид блока. Если в нем разобраться, тогда любые настройки внешнего вида сайта вам будет сделать, как раз плюнуть.

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

настройка темы

Давайте со стандартной темой wordpress сделаем простое редактирование рисунка шапки, изменим положение заголовка, краткого описания и уберем ссылку производителя из футера (подвала) страницы.

 — изменим рисунок шапки темы; — изменим местами название и описание блога; — убирем ссылку вордпресс в подвале темы;

Меняем шапку блога

Шапка на блоге выводится с помощью картинки path.jpg, которая расположена в папке images редактируемой темы wordpress.

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

c:\hosting\home\localhost\www\my-site.ru\wp-content\themes\twentyten\images\headers\

c:\hosting\home\localhost\www\my-site.ru\wp-content\themes\twentyten\images\headers\

Если вы настраиваете шапку на хостинге, использую ftp-клиент тогда:

http://ваш_сайт/wp-content/themes/twentyten\images\headers\

http://ваш_сайт/wp-content/themes/twentyten\images\headers\

Заходим в папку images темы и находим картинку, которая стоит в шапке блога path.jpg

редактируем шапку

Открываем ее с помощью программы «Adobe Photoshop». Если хотите редактировать все своими руками, тогда от вас потребуется самые элементарные знания программы.

В «Adobe Photoshop» с данной картинкой можете делать все что угодно вашей фантазии (нарисовать логотип, написать текст, добавить разные эффекты).

редактирование шапки в фотошопе

Если хотите, можно найти любую другую картинку и в программе подогнать размер под оригинальную. Не забудьте сохранить новое изображение под тем же именем path.jpg.

редактирование шапки сайта

Редактируем название Title и описание description

Мы видим, что название и описание блога, которое вы пишите в «Параметрах» — «Общие» консоли wordpress, расположены следующим образом.

настройка описания блога

Заголовок расположен слева, а краткое описание справа.

редактирование описания шапки

Для того чтобы их поменять местами или изменить положение на свой вкус, вам потребуется перейти в файл header.php. Заходим в «консоль» >>> «внешний вид» >>> «редактор» и открываем header.php. Находим там следующие строки:

редактируем тему

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

редактируем файлы темы

Здесь меняем положение значения «left» на «right» и выставляем отступ от правого края «250 px».

изменяем файлы

Здесь меняем значения «right» на «left».

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

редактирование описания шапки

Убираем ссылку wordpress в подвале блога

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

изменяем ссылку футера wordpress

Для этого переходим в footer.php и находим следующий код:

изменяем footer вордпресс темы

Удаляем выделенный код и вставляем туда свой текст в виде ссылки или картинку.

изменяем footer

Можно посмотреть окончательный результат редактируемой темы wordpress.

результат работы над темой

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

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

seoslim.ru