Part-Start.ru

Январь 12, 2013 | Рубрика: Курсы и тренинги

Установите тему оформления WordPress

Подбирайте шаблон под рекламные блоки


Цель: Установить тему оформления и протестировать размещение блоков контекстной рекламы

 

Установите эталонную тему оформления WordPress

Установите тему, которая называтеся "Twenty Twelve", она предложена разработчиками WordPress. Эту тему используйте в качестве эталона. Для того, чтобы ее установить, перейдите в панель администрирования: Внешний вид - Темы - Управление темами - Выберете тему Twenty Twelve - Нажмите на ссылку "Активоировать".

Какие свойства темы Twenty Twelve можно настроить?

Установите необходимое программное обеспечение

Прочитайте статью: Инструменты для работы с темой WordPress

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

  • Экранная линейка.
  • Определитель цвета под курсором.

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

Экранная линейка mySize

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

Программа для определения цвета ColorSchmer

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

  • Графический редактор.
  • Браузер с инструментами для вебмастера.
  • Текстовый редактор для редактирования программного кода.
  • Визуальный HTML редактора.
  • Файловый менеджер.
  • Архиватор.

Вы можете использовать стандартный графический редактор Paint для Windows, либо воспользоваться услугами on-line сервиса Pixlr   Этот графический редактор похож на  Photoshop.

Для определения стилей элементов, для анализа html кода, воспользуйтесь расширенными возможностями браузера  MozillaFirefox  В главном меню браузера выберете: Инструменты - Веб-разработка.

Для быстрой отладки и редактирования кодов php, html и scc вам понадобится хороший текстовый редактор. Лучший на сегодняшний день это Notepadd ++  Скачайте, установите, изучите возможности и пользуйтесь.

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

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

Обычно папка с файлами темы оформления упакована в ZIP архив. Для работы с архивами установите и используйте отличную бесплатную программу-архиватор 7Zip

Почему нельзя указывать размеры элементов шаблона в сантиметрах?

Подберите несколько тем оформления WordPress

Прочитайте статью: Критерии выбора шаблона WordPress

Используйте критерии отбора для анализа тем оформления. Главный критерий - удобно работать с рекламными блоками.

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

Протестируйте, как вставляются блоки рекламы в отобранные шаблоны.

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

  • Вставлять графические заготовки - цветные квадраты и прямоугольники.
  • Вставлять, залитые цветом, блоки DIV.

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

Прочитайте статью: Рекламные блоки для темы WordPress

Где вы будете брать код html для вставки новых элементов дизайна?

Отберите одну рабочую тему

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

Прочитайте статью: PHP файлы темы оформления

В каком файле темы обычно размещается главное меню сайта?

Установите Denwer

Denwer или Денвер - джентльменский набор  web-разработчика. В этот набор входят:

  • Apache - веб-сервер.
  • PHP - язык программирования для сознания веб-страниц.
  • MySQL - база данных.

Такой набор, установленный на локальном компьютере, позволяет работать с темой оформления без выхода в сеть. Это задание можно выполнять по желанию. Наша главная концепция - работа в сеть. Отладка всех элементов систем на тестовом сайте. Denwer можно использовать, как дополнительный, удобный инструмент. Помните, что версии языка PHP и БД MySQL которые установлены на вашем хостинге и версии в Denwer могут различаться. Окончательную сборку WordPress и активацию темы проводите непосредственно на удаленном компьютере, на сервере.

В каком файле темы можно найти ссылку на сайт разработчика темы?

Найдите нужную статью на сайте. Введите слово или фразу в форму поиска!

Комментарии

Установите тему оформления WordPress

Avatar

Андрей

Январь 12th, 2013 at 23:54

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

Avatar

Георгий Пичугин

Январь 13th, 2013 at 12:07

Здравствуйте, Андрей! В WordPress используется блочная разметка. Изменение ширины одного блока повлияет на размещение других, если блоки фиксированных размеров, поэтому придется изменять размеры и в других блоках. Ширина сайдбара задается в файле style.css. Решение задачи зависит от того, как сделана конкретная тема оформления. Стиль, который задает размеры для сайдбара можно узнать, используя возможности браузера Firefox: Инструменты — Веб-разработка — Инспектор — В правой колонке смотрите раздел Стиль. Определив название стиля для сайдбара, ищите его в файле style.css. Редактируйте ширину, смотрите, что получиться. Так можно найти и поменять стили блоков из которых собран шаблон.

Андрей, я рекомендую не влюбляться в одну тему оформления. Подберите несколько, две-три для одного сайта и протестируйте их. Главный приоритет — удобство работы с блоками контекстной рекламы. Чем больше вариантов Вы сможете протестировать, тем больше получите статистических данных. Чем больше данных, тем точнее будет выбор лучшего варианта для размещения блоков. Выбранная тема оформления не должна ограничивать возможность размещения блоков. Блок 120х600 хорошо подходит для узкого сайдбара, поэтому следите за тем, чтобы узкая колонка была шириной не менее чем 120 точек.

Avatar

Ирина Сташенко

Январь 13th, 2013 at 20:22

Здравствуйте, Георгий! Тему поставила и основные виджеты установила. Одну статью опубликовала чтобы посмотреть как выглядит. От индексирования закрыла сайт. Пока его еще не показываю, пусть отстоится :)
Вопросов много нерешенных еще с ключевыми словами: не могу с ценой за клик разобратся. Не понятно в каких деньгах она представлена, у меня таблица отличается от той, что у Вас на скриншоте.
И с программами тоже все сложно, у меня МАС. Аналоги конечно есть, но сама не разберусь. До этого я в такие дебри сайтостроения не углублялась. Иногда файлы редактировала прямо на хостинге. Там все понятно и удобно, даже FTP не нужно.
Так что пока отстаю, но продолжаю работать.

Avatar

Георгий Пичугин

Январь 13th, 2013 at 20:23

Здравствуйте, Ирина! На этом этапе главное — подобрать тему оформления с такими размерами элементов, чтобы в нее было удобно вставлять блоки контекстной рекламы.
Если вы зарегистрированы в программе для рекламодателей из России, то цены будут указаны в рублях.
Ирина, Вы можете пользоваться тем набором инструментов и программ, к которым привыкли и которые поддерживает Ваша операционная система. Я даю только пример для создания собственной рабочей среды.

Avatar

Алевтина

Январь 13th, 2013 at 20:59

Выбрала несколько тем и меняю их, смотрю, пока не на чём не остановилась. Вопрос — а плагины установить только те что вы дали. All SEO нужно устанавливать этот плагин сейчас или пока не надо. Редактировать шаблоны совершенно не умею лучше подобрать наиболее подходящий. ещё вопрос — я создала сайт и ещё тестовый сайт, то есть поддомен, где мне надо работать? я работаю на главном своём сайте.

Avatar

Георгий Пичугин

Январь 13th, 2013 at 21:01

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

Avatar

Алевтина

Январь 14th, 2013 at 15:07

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

Avatar

Георгий Пичугин

Январь 15th, 2013 at 12:18

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

Цветовую гамму блоков можно поменять в файле style.css. Если Вы хотите поменять фон на странице, то найдите файл, используя Firefox. Инструменты — Информация о странице — Мультимедиа. Вам будут доступны адреса всех графических элементов, размещенных на странице. В вашей теме за фон отвечает файл Page-BgGradient.png, его можно поменять на более светлый.

Напишите комментарий

Ссылки

PART-START

Свежие записи

Refill Services canadian pharmacy of seeing a doctor. A catalog of medical and cosmetic products with descriptions. Thematic categories, search by alphabet and key words. All in online pharmacies [!* viagra super active We constantly offer promotions for our customers. The details of the bonus program, see Special Offer.