Как установить шаблон на uCoz. Пошаговая инструкция. Основы Photoshop: Создание бесшовной заливки Pattern для фонов Установка шаблона при помощи панели управления хостингом

Всем привет!

Сегодняшний пост будет посвящен новичкам, и в нем я расскажу вам, как установить шаблон (тему) на wordpress ? Все прекрасно понимают, что стандартные шаблоны, которые по умолчанию идут вместе с «движком» wordpress, не блещут красотой и оригинальностью.

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

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

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

Http://www.goodwinpress.ru/ http://blogstyle.ru/ http://www.wptheme.us/ http://wordpresse.ru/ http://skinwp.ru/ http://www.webblock.ru/ http://wp-templates.ru/ http://xtemplate.ru/

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

Как установить шаблон (тему) на wordpress

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

1. Установка шаблона wordpress из административной панели ресурса

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

Или же, перейдя во вкладку «Установить темы», и подобрать более подходящий шаблон для своего ресурса:

Здесь вам предлагается на выбор три варианта:

1. Загрузить уже имеющуюся тему со своего ПК. Для этого нажмите ссылку «Загрузить», «Обзор», укажите путь до нее и нажмите «Установить»:

После загрузки вам предложат просмотреть, как она будет выглядеть, активировать ее или перейти на страницу «Внешний вид/Темы»:

2. Воспользоваться поиском по ключевому слову. Хотя вряд ли вам удастся полноценно им насладиться. Дело в том, что поиск, мягко говоря, отвратительный. Мне удалось найти несколько шаблонов только тогда, когда я ввел в поисковую строку запрос «SEO». Остальные ключевые слова, вводимые мной, полностью игнорировались.

При вводе любого другого слова мне все время высвечивалась одна и та же надпись: «Нет тем, удовлетворяющих вашему запросу». Такое ощущение, что в интернете не существует блогов на другие тематики… 🙂 Попробуйте сами, может у вас получится найти шаблон, отвечающий ?

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

2. Установка шаблона wordpress с помощью ftp — клиента filezilla

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

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

И просто перетаскиваем шаблон курсором мышки со своего ПК в папку на сервере, которая называется themes, путь до папки: httpdocs или public_html (в зависимости от хостинга)/wp-content/themes. После чего, как сказано в первом способе установки, переходим в административную панель ресурса во вкладку «Внешний вид/Темы» и просто активируем ее. На этом установка темы wordpress закончена.

3. Установка шаблона при помощи панели управления хостингом

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

После того, как тема скачана, переходим в панель управления хостингом все в ту же папку themes и нажимаем «Закачать файл»:

Указываем путь до архива с шаблоном и нажимаем «Закачать»:

Теперь архив будет доступен в папке themes. Разархивируйте его, а сам архив удалите, чтобы он не занимал лишнее место на сервере:

После этого снова переходим в административную панель блога во вкладку «Внешний вид/Темы» и активируем ее. Все тема установлена.

На этом у меня все. Желаю всем удачи. Пока и до новых встреч!

Как вам статья? А какой способ установки предпочитаете вы? Жду ваших комментариев!

Теперь рассмотрим следующую группу инструментов.

Инструменты заливки

Заливка. Щелкните по этому инструменту и удерживайте левую клавишу мыши, раскроется меню выбора: градиент и заливка.

Здесь можно выбрать необходимое.

Ведро - заливает изображение (выделение) цветом или текстурой.

Итак, для заливки имеем следующие параметры:

Заливка (fill) - определяет, что использовать в качестве "краски": основной цвет (foreground)зальет основным цветом, шаблон (узор - pattern) зальет некоторым узором.

Шаблон (pattern) - узор для заливки.

Режим (mode) - способ наложения пикселов, значений много и рассматриваться будут по мере необходимости.

Непрозрачность (opacity) - определяет степень прозрачности заливки.

Допуск (tolerance) - диапазон цветов для заполнения.

Галочка сглаживание означает смягчить края перехода.

Попробуем на деле:

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

Теперь на панели параметров выберете: Заливка -> Узор, Узор -> любой понравившийся.

Снова подведите наше ведро вовнутрь выделения и щелкните. Теперь оно залито шаблоном и выглядит так:

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

Градиент. Создает заливку с плавным переходом между двумя или несколькими цветами.

Рассмотрим панель параметров:

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

Определяет вид градиента (слева направо - линейный, радиальный, угловой, отраженный, ромбовидный).

Инверсия (reverse)- галочка указывает геометрически перевернуть градиент.

Дизеринг (глубина - dither) - галочка указывает сгладить для уменьшения сегментации.

Прозрачность (transparency) - галочка указывает на использование прозрачности.

Попробуем на деле:

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

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

Теперь подведите курсор мыши к середине левой стороны нашего выделения, нажмите левую клавишу мыши и, не отпуская, протяните линию до середины правой стороны(рис.1)
Теперь протяните линию градиента по диагонали (рис.2)
А теперь сверху вниз (рис.3)

Посмотрите на разницу и поэкспериментируйте с различными градиентами и их видами.

Сохранение изображения

Наш урок подходит к концу, осталось только научиться сохранять наши шедевры.

Щелкните пункт меню Файл (File), в отрывающемся меню вы увидите привычный пункт -Сохранить Как (Save As)- и новый - Сохранить для Web (Save for Web). Разберемся какой для чего.

Если вы работаете над изображением и хотите иметь возможность изменять его в будущем, то следует выбрать пункт меню - Сохранить Как (Save As)

Где сохранять и какое имя дать - ваше личное дело, а вот формат будет *.PSD;*.PDD. Именно в этом формате сохраняются все ваши настройки (у нас их пока нет, но позже появятся). Таким образом, сохраняется не картинка целиком, а сохраняются ее части, каждую из которых вы сможете изменить когда захотите.

Если же ваше изображение готово, то выбирайте пункт меню - Сохранить для Web (Save for Web). Изображение будет сохранено оптимизированным для Интернета (т.е. с наилучшим сочетанием качество\размер файла). Отрывшееся окно сохранения следует рассмотреть подробнее:

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

Оригинальный (original) - изображение как оно есть. Как правило, большой размер файла, недопустимый для web.
Оптимальный (optimized) - оптимальное соотношение качества и размера файла с точки зрения программы.
2-up, 4-up - соответственно два и четыре варианта изображения рядом, внизу каждого указан размер. Вы можете выбрать оптимальный на ваш взгляд.

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

Здесь можно выбрать формат сохраняемого изображения. Общие рекомендации - используйте форматы JPEG и PNG для фотографий с тонкими реалистичными цветовыми переходами, формат GIF - для контрастных, малоцветных рисунков. Кстати, все рисунки на этой страницы сохранены в формате GIF.

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

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

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

Чтобы закрепить эти навыки, поэкспериментируйте (создавайте разные по форме области и заливайте их различными способами).

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

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

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

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

1. 1. Этап 2: домен и хостинг

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

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

Домен к хостингу привязывается при помощи DNS-серверов. С помощью них выдается информация как компьютерам искать друг друга посредством интернет. При наборе адреса сайта в браузере, провайдер осуществляет его проверку через сервер доменных имен (DNS).

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

http://www.your-site.ru – DNS-сервер - 192.168.0.1 - получение содержимого сайта

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

1. 1. Этап 3: копирование файлов движка на FTP-сервер

На первом этапе установки мы скачали и разархивировали пакет CMS WordPress. Заливаем полученные файлы на хостинг.

Что необходимо:

1. 1. • Доступ на FTP-сервер (выдается провайдером после покупки хостинга);
      • FTP-менеджер (с помощью него файлы заливаются на сервер).

FTP-менеджер (или FTP-клиент) - специальная программа для более простого доступа к FTP-серверу, отображает файлы на удаленном сервере. Наиболее известные клиенты для доступа к удаленному серверу - FileZilla, Total Commander и др.

При помощи FTP-клиента необходимо скопировать полученные файлы движка в корневую директорию сервера PUBLIC_HTML или WWW.

1. 1. • Этап 4: создание базы данных

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

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

MySQL – одна из самых популярных и распространенных баз данных c открытым исходным кодом. СУБД обеспечивает максимальное быстродействие, которое достичь другими средствами было бы значительно тяжелее. Однако настоящую популярность MySQL получила благодаря великолепному взаимодействию с PHP (специальный язык программирования для создания веб-страниц).

В панели управления хостингом в пункте меню MySQL предстоит выполнить несколько шагов по установке.

1. 1. • ввести имя базы данных;
      • создать пользователя базы данных (администратора) - их может быть несколько;
      • прописать имя и пароль;
      • обозначить права (привилегии) доступа пользователей к базе данных.
   2. Этап 5: редактирование файла wp-config-sample.php

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

В файлах, загруженных на сервер находим wp-config-sample.php и переименовываем его в wp-confiq.php. Открываем файл для редактирования.

1. 1. • DB_NAME – название базы данных
      • DB_USER – пользователь базы данных
      • DB_PASSWORD – пароль для пользователя
      • DB_HOST – адрес сервера БД, у многих localhost, но не всегда
      • DB_CHARSET – кодировка по умолчанию utf8, ее менять не нужно

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

1. 1. Этап 6: инсталляция WordPress

Запускаем скрипт установки WordPress. В строке браузера необходимо набрать http://www.your-site.ru/wp-admin/install.php, где www.your-site.ru - имя вашего сайта.

(желательно на русском)

Здесь вводим имя сайта и e-mail и жмем «Установить WordPress».

Способ 1

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

Следуем на вкладку «Установить темы» — «Загрузить».

Осталось только активировать установленный на сайт WordPress шаблон.

Способ 2

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

/www/your-site.ru/wp-content/themes/

Активация темы осуществляется через Консоль движка.

Сразу же после установки сайта на хостинг необходимо осуществить несколько базовых настроек. Все они доступны через административную панель сайта, попасть в которую совсем не сложно: your-site.ru/wp-admin.

1. 1. • Общие настройки (Общие)

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

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

1. 1. • Настройки публикации (Написание)

Размер текстового поля. Общее количество строчек окна, в котором создается текст статей. При превышении этого значения, появляется прокрутка окна.

Форматирование. Галочка напротив преобразования смайлов в картинки позволит заменять стандартные обозначения «улыбочек» в картинки из базового набора WordPress.
Автоматическое исправление некорректного XHTML-кода позволит WordPress самостоятельно прописывать более правильный код с точки зрения валидации. Однако включение данной функции чаще всего создает массу проблем, поэтому рекомендовано все же ее не включать.

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

Публикация через e-mail. Публикация статей посредством электронного ящика. Для этого необходимо указать почтовый сервер, логин, пароль и рубрику для публикации. Что важно отметить, почта должна иметь POP3 доступ.

Удаленная публикация. Использование внешнего редактора (блог-клиента) для написания статей и их редактирования.

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

1. 1. • Настройки чтения (Чтение)

На главной странице отображать. Отметка напротив «Ваши последние записи» позволит выводить на Главную страницу сайта последние публикации. Статическая страница чаще всего используется на сайтах небольших объемов с редко обновляемым контентом.

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

В RSS-лентах отображать. Подписчики RSS-ленты будут получать последние записи в указанном здесь количестве.

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

«Анонс» (усеченный текст публикации) удобен владельцу сайта для повышения посетителей.

Кодировка страниц и лент. Кодировка страниц - набор симоволов, с помощью которых сайт будет отображаться в сети. Значение UTF-8 по умолчанию рекомендуется не менять.

1. 1. • Настройки обсуждения (Обсуждение)

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

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

1. 1. • Настройки медиафайлов (Медиафайлы)

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

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

Объекты. В данном пункте можно выбрать внедрение медиа файла на страницу сайта по заданным параметрам.

По умолчанию все загруженные файлы будут размещаться в папке wp-content/uploads. При включении опции «Помещать загруженные мной файлы в папки по месяцу и году» WordPress автоматически будет создавать подкаталоги по дате загрузки медиафайлов.

1. 1. • Настройки приватности (Приватность)

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

1. 1. • Настройки постоянных ссылок (Постоянные ссылки)

Настройки WordPress позволяют выбрать один из четырех вариантов для отображения URL-адресов.

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

%year% - год;
%monthnum% - месяц;
%day% - день публикации статьи;
%hour% - час;
%minute% - минута;
%second% - секунда;
%postname% - заголовок;
%post_id% - порядковое число статьи;
%category% - рубрика (категория);
%tag% - тэг (метка);
%autor% - имя автора.

Важно: во избежание ошибок в случае использования вышеописанных тегов, необходимо установить плагин Rus-to-Lat. Данное приложение для правильного формирования ссылок способно переводить буквы русского алфавита в латиницу.

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

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

Загрузка файла с шаблоном

Итак, загружаем архив с шаблоном:

Внутри архива находятся несколько вложенных папок:

• папка с изображениями (images, img);
• папка со скриптами (js);
• папка со стилями (css);
• папки с кодами Глобальных блоков, Информеров и т.д.

Также в архиве, как правило, присутствуют:

• инструкция.txt (ReadMe.txt) - настоятельно рекомендую обязательно прочитать;
• конструктор шаблонов.txt (tmpl.txt) - общий код каркаса;
• таблица стилей.txt (css.txt, style.txt) - файл с набором стилей;
• вид материалов.txt - содержит код вида материалов;
• и др. текстовые файлы с кодами, которые нужны для полной установки шаблона.

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

Делаем резервную копию текущего шаблона

Прежде чем приступить к установке нового шаблона рекомендую сделать бэкап текущего шаблона (на всякий случай)

Для этого - заходим в "Панель управления" своего сайта - "Дизайн" - "Резервное копирование шаблонов":

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

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

Пошаговая инструкция по установке шаблона на uCoz:

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

Шаг-1.

Загружаем папку с изображениями images к себе на сервер. Это можно сделать двумя способами.

Первый способ - через FTP-клиент, например, FileZilla. Скачиваем и устанавливаем программу: http://filezilla.ru/get/ .

После этого, на главной странице Панели Управления жмем и задаем новый пароль:

После этого открываем ftp-менеджер FileZilla, в самом верху вводим Хост, Имя пользователя и Пароль, нажимаем "Быстрое соединение":

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

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

Второй способ - загрузка изображений через Файловый менеджер . Переходим на главную страницу ПУ и нажимаем на "Файловый менеджер":

В право верхнем углу жмем Создать папку, вводим название images и нажимаем Enter:

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

Таким образом закачиваем на сервер все картинки из папки images.

Шаг-2.

Устанавливаем (если нужно) значение тега . Заходим в "ПУ (Панель Управления)" - "Настройки" - "Общие настройки" и в соответствующее поле вставляем код:

Шаг-3.

Устанавливаем Таблицу стилей. Для этого, находим в архиве файл "Таблица стилей.txt", открываем и копируем из него весь код (Ctrl+A, Ctrl+C) и вставляем его вместо старого кода в "ПУ" - "Дизайн" - "Управление дизайном (CSS)" - "Таблица стилей (CSS)":

Шаг-4.

Устанавливаем код из файла "Конструктор шаблонов". Открываем файл из архива "Конструктор шаблонов.txt", копируем все содержимое и вставляем его в "ПУ" - "Дизайн" - "Конструктор шаблонов", нажимаем кнопку "Создать шаблоны":

Шаг-5.

Теперь, аналогичным образом переносим содержимое файла "Вид материалов.txt" в вид материалов модулей: "Новости сайта", "Блог", "Каталог файлов", "Каталог статей". Идем в "ПУ" - "Дизайн" - "Управление дизайном (шаблоны)":

Код из файла "Вид комментраиев.txt” аналогично копируем в "Комментарии" - "Вид комментариев".

Шаг-6.

Создаем Глобальный блок. Переходим в "ПУ" - "Дизайн" - "Управление дизайном (шаблоны)" - "Глобальные блоки":

В правом верхнем углу жмем "Добавить блок", в появившемся поле пишем названия блока INFO и нажимаем "Добавить":

Находим в архиве папку "Глобальные блоки" и открываем файл "INFO.txt", копируем содержимое файла и вставляем в только что созданный глобальный блок INFO, сохраняем:

Шаг-7.

Устанавливаем необходимые значения:

• Название информера: Последние новости;
• Раздел: Новости сайта (либо "Блог", либо "Каталог файлов", либо "Каталог статей");
• Тип данных: Материалы;
• Способ сортировки: Дата добавления материала D;
• Количество материалов: 5;
• Количество колонок: 1.

Жмем "Создать".

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

Код данного информера $MYINF_1$ вставляем в созданный нами ранее глобальный блок INFO .

Информер для форума создается похожим образом.

На этом установка шаблона DesktopChaos завершена.

К стати, если вы так и не разобрались с установкой нового шаблона на свой сайт, то в официальном магазине uTemplate.pro можно заказать услугу по установке шаблона.

Все это я покажу вам на примере фотографии джинсов.

Выбираем инструмент создания прямоугольной области выделения Rectangular Marquee Tool , зажимаем Shift и создаем квадратную область выделения как на рисунке:

Нажимаем Ctrl+C , чтобы скопировать часть изображения. Затем создайте новый документ File > New… При этом, если вы скопировали часть изображения, программа автоматически подставит размеры этого фрагмента для нового документа.

Вставьте скопированное изображение, нажав Ctrl+V .

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

Обратите внимание на выделенные фрагменты. Такие швы возникают из-за того, что при заливке паттерны стыкуются друг с другом, начиная с левого верхнего угла, правый край к левому и низ к верху. А далеко не все края изображений совмещаются стык-в-стык. Решить это проблему поможет фильтр Filter > Other > Offset…

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

Я использовал инструмент Spot Healing Brush Tool . Просто выбрал его и провел два раза по швам: вверх и вниз. Вот, что получилось:

Теперь создадим Pattern . Для этого перейдите Edit > Devine Pattern… и укажите название паттерна.

Все! Теперь давайте проверим, что у нас получилось. Создайте новый документ любого размера. Выберите инструмент заливки Paint Bucket Tool , в настройках укажите, что заливать будем паттерном, а не цветом, и выберите ваш, только что созданный, паттерн.

Заливаем изображение и получаем