Этот туториал покажет, как создать новый шаблон страницы для шаблонов WordPress Cherry Framework .

    Войдите в админ панель WordPress.

    Откройте меню Страницы -> Добавить новую (Pages -> Add New) и создайте новую страницу с новым шаблоном страницы.

    Введите заголовок страницы и сохраните изменения. В правой колонке в панели вы можете выбрать один из используемых в вашей теме шаблонов страницы. Вам необходимо добавить новый шаблон станицы в этот список. Все эти шаблоны находятся в папке на вашем сервере. Но вам необходимо добавить новый шаблон страницы в папку wp-content/themes/theme##### .

    Создайте новый.php файл в любом редакторе, например, Dreamweaver или Notepad++, и назовите его, например, new.php . Добавьте в этот файл следующий код:

    Сохраните файл и загрузите его в папку wp-content/themes/theme##### на ваш сервер.

    Теперь вернитесь к странице, которую вы создали в админ панели WordPress. В панели Атрибуты страницы (Page Attributes) вы можете выбрать новый шаблон страницы под названием “Пользовательский” (“Custom”).

    Cнова откройте файл new.php file и начните добавлять свой контент. Файл может содержать все, что вы захотите, включая неизменяемый контент или элементы макета страницы, которые будyт выводить ее контент.

    Вы можете использовать элементы кода других шаблонов страницы из папки wp-content/themes/CherryFramework , чтобы создать специфическую страницу.

    Давайте сначала добавим хедер и футер в новый шаблон страницы:

    Если вы сохраните изменения, то сможете увидеть их на странице:

    Теперь необходимо выбрать вид контента, который вы хотите использовать на этой странице. Допустим, у вас нет отдельного шаблона страницы для пользовательских постов “Наша команда” (“Our Team”). И вам нравится дизайн шаблона страницы Отзывов (Testimonials) и вы бы хотели использовать этот дизайн для постов “Наша команда” (“Our Team”). Для этого в меню Дизайн -> Редактор (Appearance -> Editor ) вы легко найдете файл, который содержит код шаблона страницы Отзывов (Testimonials). Его название page-testi.php .

    Откройте этот файл для редактирования. Скопируйте только код контента, так как вы уже добавили хедер и футер (ниже приведен пример данного кода, ваш код может выглядеть иначе):

    " data-motopress-wrapper-file="page-testi.php" data-motopress-wrapper-type="content">
    " data-motopress-type="static" data-motopress-static-file="static/static-title.php">
    " id="content" data-motopress-type="loop" data-motopress-loop-file="loop/loop-testi.php">
    sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">

    Вставьте скопированный код в файл new.php. Замените Template Name: Custom на Template Name: Team

    И замените page-testi.php на new.php в этом коде.

    Данный код также содержит ссылку на файл loop/loop-testi.php . Это еще один файл, который вам необходимо скопировать и редактировать. Скопируйте файл loop-testi.php из папки wp-content/themes/CherryFramework/loop и вставьте его в папку wp-content/themes/theme#####/loop (если в папке вашей темы отсутствует папка loop , вам следует создать ее). Переименуйте этот файл, например, на loop-new.php и откройте его для редактирования. Замените слово “testi” на слово “team” во всех строчках файла и сохраните изменения. (Для замены слов вы можете использовать комбинацию клавиш Control (Command) + F).

    Когда файл loop-new.php создан и отредактирован, снова откройте файл new.php и замените loop/loop-testi.php на loop/loop-new.php в его коде. В результате ваш код будет выглядеть следующим образом:

    " data-motopress-wrapper-file="new.php" data-motopress-wrapper-type="content">
    " data-motopress-type="static" data-motopress-static-file="static/static-title.php">
    " id="content" data-motopress-type="loop" data-motopress-loop-file="loop/loop-new.php">
    sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">

    Сохраните изменения и проверьте вашу новую страницу. Теперь она должна содержать пользовательские посты “Наша команда” (“Our Team”) с дизайном страницы Отзывов (Testimonials).

14.08.2012

admin

Мне нравится ковыряться в различных wordpress premium темах вордпресса. Какое-то время назад я рассказывал о , с которой фактически и началось мое углубленное изучение шаблонов wordpress премиум класса.

На самом деле мое первое знакомство с premium темами началось еще с Duotive Three шаблона, у автора которого были ролики по работе с данным шаблоном. Так как я взялся за непростую задачу сделать красивый интернет-магазин на вордпрессе с возможностью переключения на 2 языках, мне было сложно с этим всем возиться. Пришлось потратить кучу нервов. В итоге я сделал что-то типа недоделанного магазина часов, который у меня вышел не так как я хотел. К сожалению сайт не сохранился. Хотя другие говорили, что им понравилось.

Что такое вордпресс премиум тема

Если кто не знает, что такое wordpress premium theme, то в двух словах можно сказать так. Это многофункциональный красивый шаблон для CMS wordpress, позволяющий настраивать многоразличный вид главной и других страниц сайта. Большая особенность данных шаблонов это наличие очень красивых слайдов на главной странице. Огромный недостаток данных тем это отсутствие русской технической техподдержки. Поэтому, все технические моменты работы с шаблонами приходится выяснять на английском языке у разработчиков тем. Конечно в Рунете можно найти какие-то мануалы, описание различных настроек. Но для более глубоких настроек требуется знания более продвинутого уровня. Поэтому приходится многие вещи узнавать экспериментальным путем, либо на специальных англоязычных форумах типа themeforest.net.

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

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

Что вы должны знать про wordpress premium шаблоны

  1. Кодировка UTF-8 Unicode. Если вы видите у себя в админке или на сайте проблемы с кириллицей, а именно у вас отображаются такие????????? символы. Тогда вам нужно сохранить базу, которая в phpAdmin в кодировку UTF-9 Unicode.
  2. Шорткоды (shortcodes). Научитесь работать с шорткодами, иначе не имеет смысла ставить премиум шаблон. Эти специальные коды, которые можно найти в инструкциях каждого шаблона. С помощью них можно размещать в разных местах различные элементы сайта. В некоторых темах можно увидеть реальные примеры работы шорткодов в Live preview шаблона.
  3. Читайте руководство к theme. Прежде чем ставить премиум тему внимательно посмотрите инструкцию которая находится в таких папках как Documents. Как правило, беглого знания английского языка будет достаточно, так как в основном все эти руководства содержат понятливые рисунки или видео. Обратите внимания, что в инструкциях могут быть данные такие указания как поставить определенные права на папку, загрузить дополнительные плагины и т. п.
  4. Проблемы с картинками. Пожалуй самая глобальная проблема, которая возникает у вебмастеров, это настройка слайдов на главной странице, а также некоторые глюки с картинками. Если какая-то картинка у вас не загружается, убедитесь, что на папке, в которую вы загружаете, выставлены верные атрибуты. Типа 777 и т. п. Выставите атрибуты (права) 777 папке cache, которая находится в includes в папке шаблона. Также важно, чтобы у вас были фото правильного размера.
  5. Виджеты. Многие не знают, что в виджеты темы можно размещать не только html обычный код, но и нужные вам шорткоды.
  6. Шрифты. Первое, что шокирует людей, когда они ставят premium шаблон, это отсутствие русских надписей на сайте. Все дело в , который не очень дружит с кириллицей, поэтому необходимо отключить отображение cufon шрифта в админке темы. Или загрузить новый. А для этого вам придется или где-то скачать или сделать самому шрифт cufon, который был бы совместим с русскими символами. Загружаются шрифты в папку fonts. Но этого недостаточно, так как нужно еще прописать путь к загруженному шрифту в определенных файлах темы. Также не забывайте менять размер шрифта, именно из-за этого у многих получается кривое меню и другие надписи.
  7. Sidebar. Очень часто в опциях премиум темы можно встретить пункт «sidebar», который для многих не ясен. Сайдбар это правая или левая боковая колонка. С помощью собственного сайдбара вы можете сделать так, что на одних страницах по боках будет одно, на других — другое. Когда вы создадите собственный sidebar, он появится у вас виде дополнительного виджета, в который вы сможете перенести: последние записи, список ссылок, html код и т. п.

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

Некоторые wordpress premium шаблоны все-таки можно скачать в интернете, которые выкладывают добрые люди. Ведь не у всех есть деньги на покупку таких дорогих тем. Поэтому желательно найти наиболее свежую версию шаблона.

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

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

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

Мы подготовили инструкции из 5 частей с конкретными примерами, о том, как создать WordРress сайт с помощью конструктора Upfront:

Мы возьмем тему Spirit и полностью переделаем ее области, контент, шрифты и другие элементы, превращая это:

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

Давайте начнем.

Вход в WordPress панель и выбор темы

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

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

Удаляем, меняем размер, перемещаем элементы

Давайте начнем с удаления.

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

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

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

Меняем цвет темы

Бывало такое что вы находите хорошую тему и вам все в ней нравится кроме цветового решения?

Upfront позволяет вам полностью управлять цветами темы из одной панели. Если вы передумаете, вы можете заменить цвета в любой момент. Это значит, что вы можете сменить цвет текста, рамок, фона и прочее. Шаблоны Upfront, как огромная разукрашка с широкой цветовой палитрой для вашего сайта:-)

После перехода в конструктор слева у вас будет панель настроек. Нажимаем на выпадающие меню Настройки темы/Theme Settings и выбираем пункт Цвета/Colors. Перед вами 6 цветов темы заданных по умолчанию.

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

Добавляем текст

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

  • Тип элемента/Type Element – Включает в себя заголовки H1, H2, H3, H4, H5, H6, обычный абзац и формат кода
  • Bold – Делает шрифт жирным
  • Italics – Курсив
  • Alignment – Выравнивание текста по краям
  • Список/List – Маркированый или нумерованый список
  • Blockquote – Оформление текстового блока как цитату или обычный блок
  • Ссылка/Link – Возможность вставить в текст якорь,ссылку на конкретный URL , блок, страницу или публикацию, с открытием в этом же или в новом окне.
  • Иконки/Inline Icons – Набор иконок

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

Типографика

Размеры шрифтов, их стили и цвет редактируются в боковом меню: Настройки темы — Типографика .

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

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

Менеджер шрифтов/Theme Fonts Manager позволяет добавить любой шрифт Google к вашей теме. Кликни на Theme Fonts Manager и выбери из выпадающего списка подходящий шрифт, кликни на него и жми Добавить/Add, чтобы он появился в списке. Этот шрифт станет доступен тебе в выпадающем списке при редактировании текста, как на примере:

Примечание: многие Google шрифты не поддерживают кириллические символы.

Одновременное редактирование текста

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

Самый простой способ сделать это — добавить образцы текста на сайт, стилизировать в Настройках темы/Theme Settings , а затем удалить.

Вот как это сделать:

  • Скопируйте образец текста, который закачан на CodePen и убедитесь, что форматирование остается неизменным
  • Вставить текст в любой текстовый элемент Upfront
  • Перейдите к Настройкам темы/Theme Settings и выберите Типографию/Typography , если он еще не открыт
  • Для каждого типа элемента выберите вид, стиль, цвет, размер и высоту строки

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

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

Где находится управление движком

Чтобы внести какие-то изменения на сайт, вам необходимо зайти в административную панель. Она находится сверху. Для авторизации нужно ввести логин и пароль. Можно использовать стандартную учетную запись admin, но лучше в дальнейшем ее удалить — чтобы сайт не взломали.

В «админке» (разговорное сокращение названия административной панели) содержатся все доступные функции вашего движка.

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

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

Из чего состоит сайт Вордпресс

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

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

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

Как редактировать сайт Вордпресс

У вас есть несколько вариантов как изменять структуру сайта. Первый и самый сложный вариант — это ручная редактура страниц. Можно самостоятельно написать код для стиля страниц сайта. Для этого воспользуйтесь интернет-ресурсами, посвященными программированию. Учтите, что для добавления своего кода на движок Вордпресс его нужно адаптировать под потребности этой платформы — перед активацией html-элементов переделайте файлы в php формат с изменением кода. Заниматься таким со старта знакомства с движком можно, но есть ли смысл? Лучше начните с более легких методов.

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

Чтобы сделать из вашего интернет-проекта уникальный веб-ресурс, необходимо докачивать на движок Вордпресс плагины. Это специальные модули, которые расширяют функции движка. С ними можно создать личные кабинеты для пользователей, особые виджеты и калькуляторы, анимации в шапке сайта, удобные плеера и даже кнопки для листания страниц. И, что самое главное, большинство плагинов доступны в бесплатной версии для скачивания. Вам понадобится лишь скачать их, добавить на движок через вкладку «Плагины» в меню Вордпресс, и активировать. Обычно, плагинами легко управлять, также как и самим движком.

Чтобы редактировать сайт Вордпресс обязательно быть в Интернете

Нет, не обязательно! Можно вносить важные изменения и без Интернета. но для этого вам понадобится перенести базы данных на локальный хостинг. Локальный сервер — это ваш компьютер. Ведь чтобы управлять содержимым сайта, нужно иметь доступ к его базам данных. Обычно сайт помещают на посторонний хостинг. И чтобы им управлять в таком случае, необходимо подключиться к Интернету для получения информации с другого сайта. А локальный хостинг — это ваше «железо», потому никуда подключаться не нужно.

За сколько можно научиться работе с Вордпрессом

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

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

Здравствуйте.

Рад приветствовать вас в курсе "Минимальная тема WordPress своими руками".

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

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

Вот небольшое видео, которое должно прояснить ситуацию.

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

Тема - это костюм или одежда для вашего блога.

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

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

Шаблон, по сути, это просто файл с расширением php, который содержит в себе HTML-код и php-функции.

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

  • Файлы стилей оформления с расширением *.css . Отвечают за внешний вид элементов: их размер, цвет, отступы и.т.д.
  • Шаблоны . Отвечают за то, какую информацию и в каких местах нужно выводить. Это файлы с расширением php.
  • Файл дополнительного функционала functions.php . Позволяет перенести или изменить какой-то функционал из служебных файлов wordpress и внедрить его в тему.
  • Изображения , которые будут использоваться для данной темы.

Хранятся эти файлы в директории wp-content/themes/. Для каждой темы создается своя папка.

Примерно, файлы шаблона выгледят вот так:

Темы можно менять через главное меню панели управления «Внешний вид – Темы»:

Возникает вполне логичный вопрос, а зачем вообще нужны темы (шаблоны)?

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

Таким образом, они работают независимо друг от друга.

Чем это хорошо?

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