Как вручную загрузить тему на joomla. Установка шаблона Joomla

Тем оформления для Joomla создано очень много, но все они разбросаны по просторам Интернета и единого репозитория, к сожалению, нет. Шаблоны, как водится, бывают коммерческими и бесплатными. Чтобы было, с чего начать поиски, дам несколько сайтов со свободно распространяющимися темами оформления для этой CMS.

bestofjoomla.com

После того, как шаблон выбран, его необходимо установить и активировать.

Установка из архива

1. Скачайте архив темы оформления.

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

3. Войдите в панель управления Joomla и откройте Расширения -> Менеджер расширений -> Установить .

4. На появившейся странице есть три вкладки: Загрузить файл пакета (открыта по умолчанию), Установить из каталога и Установить из URL . Если вы хотите установить шаблон из папки, то сначала извлеките архив в одну из директорий (например, в каталог tmp , расположенный в корне сайта), затем перейдите на соответствующую вкладку и нажмите кнопку Установить . Для инсталляции по ссылке перейдите на вкладку Установить из URL , введите адрес, по которому Joomla сможет скачать тему и нажмите Установить . Для инсталляции из архива нажмите кнопку Выбрать файл на вкладке Загрузить файл пакета и выполните следующие шаги.

5. В отобразившемся окне Проводника выберите файл и нажмите Открыть .

6. После того, как архив темы выбран, щёлкните кнопку Загрузить и установить в админ-панели Joomla.

7. Сообщение на следующей странице проинформирует об успешной установке. Шаблон инсталлирован, осталось его активировать.

8. Откройте Расширения -> Менеджер шаблонов .

9. На появившейся странице щёлкните «звёздочку» справа от имени шаблона, который хотите установить по умолчанию.

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

В этой статье показана установка шаблона на Joomla 3 по шагам и с пояснительными иллюстрациями.

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

ШАГ 1.

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

ШАГ 2.

В третьей версии Joomla существует целых три способа установки шаблонов, которые могут быть полезными в том или ином случае.
Первый из них это установка шаблона из ZIP-архива путем загрузки файла архива с локального компьютера (вкладка "Загрузить файл пакета"), с последующей его автоматической распаковкой непосредственно на сервере и установкой. (рис. 2)

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

Третьим способом установки шаблона является его установка из папки TMP, которая находиться в корне вашего сайта (вкладка "Установить из каталога"). Для такого типа установки вам необходимо предварительно распаковать файлы вашего шаблона и залить их по FTP в эту папку, предварительно удалив из нее весь мусор (абсолютно все что могла остаться от прошлых установок).

Этот способ может понадобиться если первые два по каким то техническим причинам не сработали.

ШАГ 3.

Рассмотрим установку шаблоне на примере способа №1 . Кликаем по кнопке "Выберите файл" и выбираем на локальном компьютере архив шаблона, который собираемся установить.
Далее жмем кнопку "Загрузить и установить" и наблюдаем процесс установки. (рис. 5)

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

ШАГ 4.

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

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

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

Почему именно стиль? Если вы обратили внимание, при переходе на страницу "Менеджер шаблонов" мы изначально попадаем на вкладку "Стили", это видно в левой части страницы. Но так же присутствует и вкладка "Шаблоны".

На вкладке "Шаблоны" мы можем:

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

но это тема уже отдельного материала и непосредственного отношения к установке шаблона не имеет.

На вкладке "Стили" мы можем:

• назначить стиль шаблона используемым по умолчанию (рис. 8)
• дублировать и изменять в соответствии с нашими желаниями стили шаблонов (рис. 9)
• привязывать стили шаблонов к нужным пунктам меню и прочее (рис. 11)

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

Попасть на эту страницу можно кликнув на странице "Менеджер шаблонов" (рис. 9) по названию нужного стиля и выбрав вкладку "Custom CSS"

На рисунке ниже показана вкладка привязки стиля шаблона определенным пунктам меню. Вкладка "Привязка к меню"

просто кликнув в нужном месте на странице

Если возникли вопросы, пишите их в комментариях к статье, по возможности постараюсь ответить.

автор:

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

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

Я уже коротко упоминал об этой программе в на сайт ucoz, даже есть видео в котором показываю как работать с это программой. Программа называется filezilla, и её можно скачать на сайте http://filezilla.ru/ .

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

Поиск шаблонов

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

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

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

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

Устанавливаем

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

Открываю начинаю изучать, первым делом там сказано что мне нужно загрузить папки на сайт через программу. В моём случаи это две папки img и js. Запускаю программу filezilla, теперь что-бы соединится с моим сайтом мне нужно в вести следующие данные, хост, имя пользователя, пароль.

Где взять эти данные? Для этого я , "Как это сделать можно посмотреть по ссылке" для того чтобы нажму на кнопку FTP - детали, которая находится на главной странице в панели.

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

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

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

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

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

Каркас сайта

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

Создание каркаса у сайта

Подключение стилей

Установка кодов в модули сайта

Мелочная настройка если шаблон сложный

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

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

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

Установка css стилей

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

Возвращаюсь в панель управления, и в верхнем меню нажимаю нам уже знакомую кнопку дизайн, из выпадающего списка выбираю кнопку "Управление дизайном (CSS)"

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

Активация модуля онлайн игры

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

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

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

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

К делу:
Для того что-бы активировать модуль, нужно отправится в панель управления и слева где расположены модули, нажать на кнопку неактивные.

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

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

Решение проблемы:

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

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

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

Осталось загрузить последний код:

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

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

Модуль если мы помним это раздел на сайте.

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

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

Этим мы займёмся в следующим уроке, а сейчас проследуйте в панель управления и нажмите кнопку дизайн. Опять-же выпадет окно в котором в самом верху найдите кнопку "Управление дизайном (Шаблоны)"

Откроется страница на которой мы можем управлять дизайном наших разделов на сайте. Мне нужно промотать странице вниз и найти мой раздел с онлайн играми.

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

Структура:

Главная страница модуля - Здесь мы настраиваем вид для главной страницы раздела/модуля.

Страница со списком материалов и разделов, а так-же страница со списком материалов категории - здесь мы настраиваем страницу с разделами или категориями. То-есть мы наш контент в моём случае "это флеш игры" можем разделять по разделам и категориям.

То-есть игры для мальчиков, игры для девочек - это разделы, когда мы переходим в раздел для мальчиков у нас появляются категории, Драки, Стрелялки, Танчики и т.д.

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

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

Страница материала и комментария к нему - Эта та страница на которой находится в моём случае флеш игра на пример про танчик - эту страницу можно так-же настраивать отдельно.

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

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

Установим последний код:

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

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

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

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

Всё шаблон установлен!

Теперь можно походить по сайту, посмотреть что у нас получилось. В принципе у меня шаблон установился нормаль, но над ним ещё придётся по работать и настроить под себя.

Работы ещё много но первые шаги уже сделаны а дальше только движение по инерции.

Прежде чем перейти к процессу установки необходимо найти подходящий дизайн. Я бы рекомендовал использовать шаблоны только из проверенных источников, таких как: официальный магазин от 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 можно заказать услугу по установке шаблона.

Online service by OceanTheme are is a platform where people can unite with each other with mutual interest to purchase premium templates and extensions Joomla! at a bargain price. The target audience of the service are individuals and small and medium businesses, professional web developers to create online stores, community sites or people wishing to have your blog. In our great collection of premium solutions everyone will find what he needs.

Our resource acts as an organizer pooling, specifies the number of people that you want to buy templates and extensions, the cost of goods, as well as the amount and access to these materials. Our website has a lot of opportunities for easy searching of templates and extensions. Intuitive navigation, tagging system, sorting by the filter and the tool "add to bookmarks" will allow you to find the right material you want incredibly fast. In addition You will always find the latest information, so as to update the collection every day.

Access to the entire database of materials is provided for the duration of the club specified in the subscription purse. Subscribers receive unrestricted access to all available archives, news and updates, as well as technical support throughout the subscription period.

All the products you can find on this site are 100% GPL-compatible, which means you can change them as you want and install on unlimited number of sites.

Thanks to our collection you will save a lot of time and money, as the templates and extensions easy to use, easy to install and configure, multi-functional and diverse. That will allow you to create a website of any complexity and orientation, without learning advanced web development technologies.

Main features of our website

A rich set of functions, working out of the box:

Use all opportunities of our resource to get ready-made professional solution for rapid implementation of your business projects or creative ideas.

Use the search tools

Use advanced search and filtering, and easy navigation for quickly finding the desired web solutions in design, functionality and other criteria.

To favorite materials were always at hand, use the unique function "Add to favorites", and they are available in a separate section for the whole year.

Logged into our site, you will be able to leave comments and to participate in promotions, as well as use of a free subscription with permium access.

Join our club membership

Club subscription gives you full access to our entire catalogue of original material. And includes premium templates and extensions for several years.

Download appropriate to your Joomla templates and extensions, both free and subscription for the club without any limits and ogoranicheny speed.

If you liked any material on the site, you can leave your voice, as well as share it with friends via social networks.