Меню

Настройка сайта wordpress шаблон



Редактирование и настройка темы WordPress: ТОП-10 Шаблонов

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

Для начала о том, зачем нужна настройка шаблона WordPress опытному веб-мастеру и новичку:

  • Практически все настройки блога завязаны на редактировании кода – чаще всего css или html. Во многих руководствах по ВордПрессу специалисты рассказывают, что для достижения результата нужно отредактировать файл темы. Если вы не совсем понимаете, о чем идет речь, как редактировать тему WordPress, самое время осваивать новый материал.
  • Создавая или редактируя блог, вы установили загруженный шаблон. Все бы хорошо, но он криво встал и нуждается в небольшой доработке. Как добавить или убрать функциональные блоки, новые элементы дизайна? Знаний CSS, HTML маловато или вообще нет – с чего начинать работу? Знакомство со структурой позволит понять, как работает сайт изнутри, какие функции выполняет каждый элемент.

Разбираем структуру по кирпичикам

Если изобразить HTML-код как один большой квадрат, шаблон можно разбить на несколько частей: шапку сайта, контентную область, сайдбар, футер.

Структура

Часто приходится редактировать такие файлы:

  • index.php. Он позволяет вывести главную страничку.
  • header.php. Шапка сайта или его верхняя часть. Независимо от того, на какую именно страницу переходит посетитель сайта, шапка остается неизменной.
  • style.css. Стилевой элемент, используемый для настройки внешнего вида шаблона WordPress.

Мы назвали 3 элемента, которые редактируют чаще остальных. Кроме них, есть другие:

  • single.php – демонстрация записей.
  • page.php – статическая web-страница.
  • sidebar.php. Сайдбар с виджетами.
  • functions.php – php-функции.
  • footer.php. Он же подвал сайта, остается неизменным.
  • category.php. Отвечает за вывод страничек по конкретной категории.
  • tag.php. Вывод по тегу.
  • archive.php. Записи за год или месяц.
  • search.php. Поиск WordPress. Когда посетителю нужно найти конкретный материал, статью или файл, search.php в шаблоне помогает искать контент.
  • comments.php. Аудитория сайта может дискутировать между собой, оставлять комментарии и отзывы. Чтобы настроить отображение комментариев, используют файл php.
  • php. Еще один важный файл, отвечающий за ошибку 404.

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

Редактируем шаблон самостоятельно

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

Есть три варианта настройки темы или шаблона WordPress:

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

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

  1. В файловом менеджере хостинга.

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

Как работает редактор тем WordPress? Вам нужно открыть папку по адресу /wp-content/темы/название_темы/файл. Если файлового менеджера нет, есть смысл задуматься о смене хостинга.

Читайте также:  Настройка squid ipv6 proxy

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

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

  • Запустить клиент, воспользоваться FileZilla, Total Commander. Установив соединение, нужно открыть папку темы ВордПресс по адресу: /wp-content/темы/название_темы/
  • Скопировать файл, внести изменения.
  • Открыть его в Dreamwaver, Notepad++, любой другой толковой программке, предназначенной для редактирования. Выбирайте ПО, с которым действительно удобно работать. Недостаточно просто загрузить тему в WordPress – нужно найти программку для редактирования с удобной подсветкой кода, нумерацией строк.

Как выглядит настройка в админке ВордПресса?

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

Хостинг

  1. Открываем раздел «Внешний вид», переходим в «Настроить».
  2. В открывшемся окошке прописываем название вашего сайта, делаем его краткое описание. Когда вы нажмете «Сохранить», эта информация отобразится в шапке сайта. Меняйте цвет фона, фоновое изображение – это и многое другое можно делать в настройках.
  3. Большинство изменений производятся в категориях «Внешний вид», «Имя темы», загружается фавикон, логотип. Опций действительно много, и для тех, кто не хочет (не умеет) работать с кодом, это просто находка.

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

ТОП-10 бесплатных шаблонов

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

Avada

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

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

Nitro

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

Sydney

Как создать бизнес-сайт, который стал бы лицом компании, смог представить фрилансера, любого другого специалиста в выгодном свете? Для этих целей можно смело использовать шаблон Sydney. Логотип легко настраивается. Также отметим возможность управления макетами, чрезвычайно удобную навигацию.

Allegiant

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

Riba Lite

Как упростить ведение блога, сделать процесс увлекательнее и разнообразнее? Попробуйте установить тему Riba Lite! Это идеальный вариант для тех, кто практикует создание текстового контента в таких жанрах, как путешествия, красота и здоровье, стиль жизни. Доступен большой выбор цветовых схем, поддержка версий для всех мобильных платформ. За счет использования Retina Ready получаем отличную производительность.

ColorMag

Если вы давно подыскивали хорошую тему для онлайн-журнала, портала новостей, попробуйте ColorMag. Все посты закрепляются на странице сайта как отдельные блоки. 100% кастомизация интерфейса вплоть до смены логотипа.

eStore

Клевый WooCommerce макет, который идеально подходит для создания онлайн-магазина. Совместим с плагинами Wishlist.

Ascent

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

Onetone

Шаблон сайта-одностраничника Onetone стал настолько популярным, что его установили себе десятки тысяч веб-мастеров. Позволяет организовать ресурс любой тематики. Создан с использованием CSS3, HTML5.

Awaken

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

Заключение

На этом все – мы разобрали 3 основных способа редактирования тем WordPress и 10 лучших шаблонов для сайта. Выбирайте тот, который по душе и как раз соответствует вашей тематике. Желаем успехов!

Читайте также:  Не могу зайти в настройки zyxel keenetic omni

Источник

CMS Рейтинг

Рейтинги и обзоры CMS

Как установить шаблоны на WordPress: проверенные и надежные способы

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

Установка тем из хранилища WordPress при помощи панели управления движком

Установка шаблонов из каталога WordPress при помощи панели управления движком — самый простой и распространенный способ. Огромный плюс такого метода — безопасность: можно быть полностью уверенным в том, что вы не занесете на свой сайт вирусы. Перед тем, как та или иная тема попадает в базу движка, специалисты оценивают ее качество, уровень безопасности, кросс-браузерность (способность идентично работать и отображаться во всех браузерах).

Алгоритм установки шаблонов достаточно прост:

1. Войдите в контрольную панель движка и пройдите по цепочке: «Внешний вид» — «Темы» — «Добавить новую». Таким образом вам откроется доступ к каталогу шаблонов. Каталог содержит огромное количество разнообразных бесплатных тем, которые отличаются дизайном и возможностями. Здесь вы найдете достойные темы для торговых интернет-площадок, блогов, информационных сайтов и других ресурсов.

2. Выберите шаблон, исходя из своих предпочтений и целей.

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

4. Выберите позицию «Установить».

5. Завершите процесс установки нажатием клавиши «Активировать».

Их этого алгоритма действий самый сложный пункт — выбрать тему. Главный критерий, на который следует ориентироваться, — тематика вашего сайта. Осуществить правильный выбор помогут следующие инструменты:

  • вкладка «Поиск». Введите любое ключевое слово на английском языке, и перед вами откроется перечень подходящих тем. Например, если вы владелец интернет-магазина, то ключевое слово может быть «Shop»;
  • фильтр характеристик, который учитывает определенные показатели: цветовые предпочтения, желаемую разметку страницы, различные функции.

Установка шаблонов при помощи распаковывания архива

Этот метод подходит для установки следующих шаблонов:

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

Покупать премиум-темы для WordPress следует только на ресурсах с надежной и проверенной репутацией, которые могут гарантировать безопасность вашему сайту. Некоторые недобросовестные сайты предлагают скачать измененные копии официальных шаблонов Вордпресс или темы, не прошедшие проверку. Получается, что вам могут предложить «некачественный продукт», за который придется еще и платить. К тому же на сомнительных сайтах можно спокойно «подцепить» компьютерные вирусы. К проверенным интернет-магазинам относятся ThemeForest, TemplateMonster и другие.

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

Используем административную панель

Схема установки скачанных шаблонов при помощи панели движка:

1. Первый пункт такой же, как и в предыдущем способе: «Внешний вид» — «Тема» — «Добавить новую».

2. Нажмите на клавишу «Загрузить тему».

3. Найдите архив с вашим шаблоном при помощи клавиши «Выберите файл».

4. Нажмите кнопку «Установить», а после «Активировать».

Применяем FTP-клиенты

Чтобы успешно использовать этот способ, вы должны иметь хотя бы начальное представление о работе FTP-клиентов. А также у вас должны быть логин и пароль для доступа к компьютерной программе. Для установки шаблона можно применять абсолютно любой FTP-клиент. Рассмотрим установку шаблонов на примере использования FileZilla:

Читайте также:  Nextgen gallery настройка альбома

1. Для соединение файлового менеджера с вашим сайтом, откройте меню «Файл», выберите позицию «Менеджер сайтов».

2. Нажмите на клавишу «Новый сайт» и введите любое удобное для вас имя. В правом секторе окна заполните три специальных поля: «Хост», «Пользователь», «Пароль». Такие сведения пользователю всегда предоставляются интернет-провайдером. Если вы не владеете этой информацией, то обратитесь в службу поддержки.

3. Нажмите на клавишу «Соединиться».

4. После установки соединения откроется файловая конструкция сайта. Вам нужна директория wp-content/themes, где хранится стандартная тема.

5. Распакуйте архив с новым шаблоном и перетяните папку мышкой в окно FTP-клиента.

6. В меню контрольной панели движка пройдите по уже знакомой цепочке: «Внешний вид» — «Темы» — «Добавить Новую» — «Загрузить тему».

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

Устанавливаем шаблон при помощи cPanel

Если на ваш хостинг установлена cPanel, а файлы там находятся в архиве .zip или .gz, то следуйте следующей схеме:

1. Войдите в диспетчер файлов в cPanel.

2. Перейдите в папку «Темы».

3. Выберите позицию «Загрузить файлы». Выберите нужный вам файл.

4. Нажмите на имя файла в cPanel.

5. В правом секторе панели нажмите на «Извлечь содержимое файлов».

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

Как настроить шаблоны

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

Для каждой конкретной темы существуют свой перечень настроек. Рассмотрим самые распространенные из них:

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

Полезное дополнение

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

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

Заключение

Итак, все рассмотренные способы установки шаблонов на WordPress доступны и просты в исполнении. Потратив 10 минут на установку темы, вы получите сайт с привлекательным и интересным оформлением, который будет отличаться от «серой» массы других проектов.

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

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

Источник

Adblock
detector