«Самый надежный компас на жизненном пути – цель»

Цель - Создание сайта

Устанавливаем тему. Выбираем дизайн сайта

Скачать  Чек лист № 8             Перейти по ссылке Кнопка скачать

Ну что же настала пора нового понимания смысла собственной деятельности. Именно сейчас и здесь это произойдет. Вы получите кучу "ИНСАЙТОВ" озарений, что не надо иметь "семи пяди во лбу" и высших образований, чтобы самому без использования многочисленных программ, без знания языка Html, без дизайнерских профессиональных умений. Создавать и иметь то, что казалось не достижимым.

В нашем мире есть Все. Нужно только брать не боясь и не стесняясь, в том числе и в сайтостроении.

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

В нынешнее время, истинными профессионалами, созданы тысячи различных Шаблонов (ТЕМ) сайтов. Любого тематического направления, и предназначения.

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

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

Заходим в панель управления

Нажмите на рис.

Тема сайтаКлавиша "Внешний вид" в сплывающем подменю выбираем и нажимаем раздел "Темы". Перед нами страница где WordPress предлагает для выбора любую из имеющихся.

Тема - это дизайн сайта, со своей структурой и тематического предназначения (игры, развлекательный портал, интернет магазин, авторское направление, интернет заработок итд)

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

Нажмите на рис.

Обновление темы сайта

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

У меня вот такой дизайн. На картинке слева. У Вас может быть совершенно другой. И это - нормально.

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

Нажмите на рис..

Смена темы сайта

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

Нажмите на рис.

Темы для сайта

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

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

Кнопка скачать

Нажимаем на скачать попадаете на страницу скачивания темы "mystique-wordpress" Внизу нажимаете на кнопку "Downloads"

Обращаю ваше внимание что скачиваемый файл архивирован в  zip формате. Не надо его разархивировать. Потому что программа установки WordPress поддерживает и работает  только с файлами именно zip формата.

Скачали. Предлагаю этот файл перенести в отдельную папку, хранить и не терять.

Возвращаемся в панель управления темами и приступаем к установке. Проходим целый каскад действий.

1). Нажимаем"Добавить новую"

Нажмите на рис.

Добавить новую тему

 

 

2). Здесь "Загрузить тему"

Нажми на рис.

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

3). Здесь "Выберите файл"

после пункта 4). "Установить"

Нажми на рис.

Выбор темы для загрузки

4).Здесь на своем компьютере выбираем скачанную тему

Нажмите на рис.

Файловый менеджер компьютера

4). После кнопки открыть в файловом менеджере компьютера нажимаем "Установить" на странице "Выберите файл"

5). Здесь нажимаем на "Активировать"

Нажмите на рис.

Активация установленной темы

И теперь на панели управления темами мы видим. Главенствующее первое место занимает нами установленная тема с названием "Мистика".

Нажмите на рис.

Тема сайта "Мистика"

Открываем наш сайт (не забываем обновить страницу F5)

Убеждаемся Действительно дизайн "Мистики"

Нажмите на рис.

Сайт с темой  mystique-wordpress

Некоторые подумают. И что же здесь такого необыкновенного.

Обычная серая картинка. Но я напомню о чем говорил выше.

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

труктуру"

одноколоночную, двухколоночную, трехколоночную.

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

Подбор Фонового цвета - удовлетворит любого гурмана. От ярко красного до жутко черного. И еще много много всего положительного.

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

Да, в панели управления, клавиша "Внешний вид" - Выпадающее подменю - появилась кнопка "Настройки Mystique"

На эти настройки и нажимаем.

Нажмите на рис.

Настройка темы mystique-wordpressПопадаем на страницу приветствия. На которой нас интересует

"Наличие обновлений" Проверяем на всякий случай.

Идет проверка, после чего нас оповещает "У вас самая свежая версия"

Далее нажимаем на вкладку "Дизайн"

И на этой странице приступаем к настройке

Нажмите на рис.

Настройка и выбор структуры mystique-wordpress

 У нас есть 6 вариантов шаблонов страницы

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

1). Одна колонка, без сайдбаров.

2). Две колонки, сайдбар слева.

3). Две колонки, сайдбар справа.

4). Три колонки.

5). Три колонки, два сайдбара, слева.

6). Три колонки, два сайдбара, справа.

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

У меня на сайте вариант №4 - три колонки. (Один сайдбар слева и один сайдбар справа)

При выборе этого оптимального варианта Нажмите на квадрат №4 и внимательно прочтите надпись красным на странице

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

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

Шаблон выбираем 4 и идем дальше.

Нажмите на рис.

Настройка ширины страницы и сайдбаров

 На рис - 1). Прежде всего настроим ширину страницы. Возможны два варианта Фиксированная и Резиновая

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

На рис - 2). Настраиваем размер колонок.

Размеры устанавливаем с помощью двух скролов.  Двигая тот или иной скрол по линии шкалы устанавливается  любой размер для любой колонки. Мы же сделаем симметрично. По 20 % для левого и правого сайдбаров (как на рисунке) и оставшиеся 60 % для средней колонки. Здесь за 100 процентов взята вся ширина страницы, а именно 1200 пикселей. Получается для левого и правого сайдбара по 240 пикселей и для средней колонки остается 1200 - (240 + 240) = 720 пикселей. Этот небольшой расчет для Вашего практического применения какими размерами вам оперировать в своей работе.

На рис - 3). Стиль и цвет Смотрите вверху на этой странице настроек к примеру на наименование МЕТА Пробуйте нажимайте на любые стили квадратики и вы будете наблюдать как будет изменяться стиль вашего сайта. Выбирайте что Вам по душе. У меня выбран синий.

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

Эксперементируйте пробуйте это ваше личное. Выбирайте по своему вкусу.

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

А сейчас самый главный момент.

В левом нижнем углу нажимаем на кнопку "СОХРАНИТЬ ИЗМЕНЕНИЯ"

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

 Нажми на рис.

Вид сайта после настройки mystique-wordpressВот теперь заходим на свой сайт и видим красоту своего труда и дизайна.

Улыбаемся Я Вас Поздравляю!

Две колонки видим. Третей с права как нас и предупреждали мы не видим. Она не отображается. Потому что там "Нет ни чо"

 Не проблема.

Будем устанавливать во второй сайдбар "Виджеты"

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

Нажми на рис.

Панель управления виджетами CMS WordPressИтак на панели управления WordPress клавиша меню "Внешний вид" в открывшемся подменю нажимаем на "Виджеты" и мы попадаем на панель управления Виджетами.

Эта панель состоит из 5 блоков.

1).  Это блок со всеми Доступными Виджетами, которые мы можем использовать для своего сайта.

2). Основная боковая панель (Левый Сайдбар).

3). Дополнительная боковая панель (Правый Сайдбар)

4). Подвал (Footer) Сюда тоже можно наложить кучу всего. Но особо мусорить не надо.

5). Независимые Виджеты  Пока пользоваться не будем.

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

Нажмите на рис.

Установка виджетов WordPress

Давайте в первом блоке, Доступных Виджетов заберем "Календарь" и положим в Дополнительную боковую панель (правый сайдбар).

Открываем бар.

Курсор Мышки наводим на надпись Виджета "Календарь" и первое что мы видим данная надпись обретает форму блока в виде прямоугольничка.

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

Втаскиваем в бар и кнопку мышки отпускаем. Теперь установку Виджета Сохраняем и еще раз Сохраняем. Закрываем работу с Виджетом..  Бар закрываем.

Точно так же давайте перетащим Виджет "Поиск" Открываем бар, курсор мышки на надпись "Поиск" Захватываем в клещи левой кнопки мыши, перетаскиваем и аккуратно бросаем  в панель бара. Сохраняем, Сохраняем. Закрываем работу с Виджетом Закрываем бар. Можно не переживать. Бары безразмерные. Сколько бы мы не ложили, места на всё хватит. Виджеты располагаются по очереди сверху вниз.

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

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

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

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

И обязательно правильно сохранить установку.

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

Нажмите на рис.

Виджеты на сайтеУ меня установлено в правый Сайдбар два Виджета

"Поиск" и "Календарь"

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

Смелее. Пробуйте меняйте местами. При желании вы уже наверняка обнаружили, что любой установленный Виджет можно удалить.

И главное то что в блоке "Доступных Виджетов" их количество никогда не уменьшится. Можно десяток календарей установить и хоть бы что. По этой теме хочу обратить Ваше внимание еще на один Золотой Виджет. Называется "Текст" Это Король всех Виджетов. Но об этом позже.

Эксперементы закончили. Работать с Виджетами научились. С Прекрасным настроением Идем дальше.

Создадим страницы: Об авторе, О сайте, контакты

Переходим по ссылке  Кнопка перехода