И так продолжаю серию статей посвященную созданию блога на движке TextPattern. В прошлой статье, мы скачали и разархивировали файлы движка.
Загружаем на хостинг
Теперь нам нужно перенести файлы движка на хостинг. Для этого пользуемся FTP клиентами, лично я использую FileZilla, довольно удобная программка.
И так после установки запускаем программку и идем “Файл” – “Менеджер сайтов…”
Кликаем на кнопку “Новый сайт”, и заполняем поля в соответствии с настройками вашего FTP. Нажимаем “Соединится”.
Остальное довольно просто. Левое окошечко это файлы на ваше компьютере, правое это файлы на хостинге. Находим нужную вам папку и загружаем её на хостинг в соответствующий раздел.
Начинаем установку
Заходим по адресу вашего сайта. В моем случае это http://site.ru/ =) Здесь мы видим ссылку на директорию установки, кликаем по ней чтобы начать установку.
В первом пункте установки нас просят выбрать язык, на котором будет работать наш сайт. TextPattern поддерживает множество языков, и вам ненужно скачивать какие-то файлы локализации или что то подобное. Вы просто выбираете “Русский” язык и продолжаете установку, TxP всё сделает за вас.
Следующее диалоговое окно просит нас заполнить поля для подключения к базе данных MySQL. Поле “Префикс таблиц” вводим только в том случае, если у вас на одной базе находятся несколько сайтов. В остальных случаях поле можно оставить пустым. Так же указываем адрес сайта, если TextPattern не правильно его определил.
В следующем шаге, установщик просит нас скопировать текст из окошка, сохранить его в файле config.php и загрузить этот файл на хост, что мы и будем делать. Файл нужно загрузить по адресу http://вашсайт.ru/textpattern/. После этого нажимаем кнопку “Сделано”.
Вот мы подошли к последнему шагу. Где нам нужно ввести, Ваше имя, Логин, пароль и email.
Вот и все теперь можно переходить в интерфейс управления сайтом, или на сам сайт.
Начальная настройка
Для начальной настройки, в админпанели заходим “Настройки” > “Главные”.
Поговорим о нужных и возможно не очень понятных настройках. Понятные и явные настройки я буду пропускать.
“Название сайта” и “Слоган”, используется в некоторых шаблонах, точнее почти во всех бесплатных, если вы будете делать дизайн сами, скорее всего эти пункты вам не понадобятся. Хотя может быть и понадобятся, в любом случает лучше заполнить.
“URL сайта” – пригодится если вы будете переносить сайт на другой домен. “Рабочий статус” – можно выбрать три вида работы сайта “Отладка”, “Тестирование” и “Рабочий”. Первые две требуются в основном разработчикам, так что выбираем третий.
“Формат даты”, “Формат даты архива” отвечают за то как будут показываться даты статей на сайте, и статей которые попали в архив, соответственно.
“Режим постоянных ссылок” – это уже интереснее. Здесь вы можете выбрать как будут выглядеть ссылки на статьи и разделы на вашем сайте. Можете поэкспериментировать и выбрать наиболее понравившийся вам вариант.
“Использовать Textile” – отвечает за то как будет обрабатываться текст который вы набираете в статьях. “Использоваться Textile” используется как форматирование текста с помощью Textile. “Обрабатывать перенос строки” – при наборе текста будет обрабатываться только перенос строки, то есть деление на абзацы. “Оставить как есть” – можете вводить сразу HTML и в блоге всё будет выводится как есть, с тем форматирование какое вы сделали с помощью HTML. В следующих статьях мы поговорим ещё о том как поставить в TextPattern визуальный редактор.
Последняя настройка которую стоит рассмотреть “Отключить после”, отвечает за отключение комментирования к статье через определенное время.
Ну вот и всё. Если вам непонятны какие то ещё настройки пишите в комментариях всё разъясним =)
Ждите, продолжения серии статей.
P.S. Прошу прощения, если где то предложения были написаны не совсем корректно. Писал торопясь
Почему TextPattern(TxP)?
Для начала, что же нам говорит WikiPedia о TxP
Textpattern — это система управления содержимым (CMS) c открытым исходным кодом, распространяемая под лицензией GNU GPL. Будущие версии, начиная с 4.1.x, будут распространяться под лицензией BSD. Сфера применения — от блогов до достаточно сложных новостных ресурсов и корпоративных сайтов. Первоначально проект начал разрабатывать Dean Allen. Textpattern написан на PHP и использует MySQL для хранения данных. Текущая стабильная версия — Textpattern 4.2.0
Почему же я выбрал TextPattern, а не Wordpress к примеру? Мне кажется WordPress слишком громоздкая система, этим он мне и не нравится. Да, безусловно, WordPress очень удобен для начинающих блогеров. Но в этом и заключается его беда, в стремлении сделать проще для пользователей, появляется и громоздкость кода. Так будет всегда, со всеми программами и проектами стремящимися сделать простой для юзеров интерфейс.
TextPattern же наоборот, более сложен для начинающих пользователей, но зато не такой громоздкий. Но в этом его беда =) Потому что начинающие пользователи просто ленятся в нем разобраться, бросают это дело и переходят на WordPress где всё намного проще =) Вот именно поэтому я и решил начать писать серию статей о TextPattern. В которой буду пытаться объяснить начинающим что, как и к чему. Надеюсь эта серия статей поможет тем, кто выбрал TextPattern. И TextPattern будет более быстрыми темпами развиваться в РуНете.
Подготовка к работе с TextPattern
Первым делом идем на оффициальный сайт. Находим кнопку загрузки.
Нас перебросит на страницу загрузки. Выбираем в каком архиве качать. Если незнаете что выбрать качайте в ZIP (=. После заказчки разархивируем файлы куда-нибудь.
Ну вот и всё подготовка закончена. В следующей части, установим TextPattern и займемся начальной настройкой вашего блога.
После прочтения статейки Dimox’a о его новом скрипте добавления в различные сервисы статей, решил что тоже пора бы добавить на сайт подобные кнопочки. Да только вот его вариант к сожалению мне не подходил. Пришлось переделать скрипт под себя, что я в принципе и сделал.
Скрипт весит меньше 3-х килобайт, плюс несколько строчек в ваших css стилях. К тому же легко встраивается в ваш сайт. Ссылочка на скрипт в конце статьи, а сейчас поговорим как…
Вставить скрипт на сайт
Первым делом берем картинки из папки images и копируем их в нужную папку на сервере. Теперь открываем файл social.js блокнотом и редактируем следующую строчку:
var f = 'images/';
Лучше всего указать полный путь к папке. Переходим ко вставке кода в шаблон. Подключаем jQuery(если он у вас не подключен) и сам скрипт, следующим кодом, между тегами <head> </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="путь_до_папки_со_скриптом/social.js"></script>
Теперь выбираем место куда будет выводиться наш блок с кнопочками. и вписываем туда:
<script type="text/javascript">
social(encodeURIComponent('ссылка на статью'),encodeURIComponent('Заголовок статьи'))
</script>
В зависимости от движка, ссылка и заголовок статьи будут выводится по разному в шаблоне.
Для Textpattern так:
<script type="text/javascript">
social(encodeURIComponent('<txp:permlink />'),encodeURIComponent('<txp:title />'))
</script>
Для Wordpress так:
<script type="text/javascript">
social(encodeURIComponent('<?php the_permalink() ?>'),encodeURIComponent('<?php the_title(); ?>'))
</script>
Переходим к стилям. Тут у нас два выхода, смотря как будет выводится блок с кнопками, либо горизонтально либо вертикально. Смотря как вам больше подходит, то и выбираем.
Для горизонтального вывода:
.social {
position:absolute;
padding: 8px 0px 8px 8px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background:#fff;
}
.social a {
display:inline-block;
margin: 0 7px 6px 0;
}
.soc2 {
visibility:hidden;
}
И для вертикального вывода:
.social {
position:absolute;
margin-top:10px;
padding:8px 8px 0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.soc1 {
float:right;
margin-left:6px;
}
.soc1 a {
display:block;
padding: 0px 8px 8px 0;
}
.soc2 a {
display:block;
padding: 0px 0px 8px 0;
}
.soc2 {
float:left;
visibility: hidden;
}
Ну вот и всё, со вставкой мы закончили. Так же можете корректировать положение блоков если это понадобится, добавлением к стилю .social параметров margin.
Скачать скрипт.
Скачать скрипт Социализации
Параметры у скрипта те же что и у Dimox’a. А именно, цитирую (= :
Работает кроссбраузерно (за минусом IE6). Проверял в Opera, FireFox, Chrome, Safari (есть косячок), IE8, IE7.
Наконец-то я собрался и обновил дизайн. Кое-что переделал, что-то добавил, и сверстал все в HTML5. Давно хотел это сделать, да тока руки не доходили как-то =)
И так, что же нового:
- Теперь дизайн перенесен на центр, ваших экранов
- HTML5 верстка
- Изменил поле поиска
- Убрал кнопки уменьшения и увеличения текста на странице(не думаю что кто-либо ими пользовался (= )
- Добавил кнопки добавления в соц. сети и закладки. (Спасибо Dimox‘у, переделал его скрипт под себя)
- Осталось только по мелочи подправить то что мне не нравится, и думаю хватит =)
P.S. Доделаю свою версию скрипт, и если кому интересно, выложу её на всеобщее использование.
Верстал на днях дизайн, и столкнулся с очередной проблемкой в IE. Хотя это происходит постоянно =) но с такой я давно не сталкивался, и совсем забыл решение. Может кому то понадобится, поэтому выкладываю.
В ИЕ слой(или картинка к примеру может быть) исчезает как бы под другим. Лечится это проще простого, дописываем к классу внутреннего слоя стиль position:relative; и все сразу становится на свои места. Как бы легко это не решалось, всё же не приятно, что приходится что-то постоянно дописывать для ИЕ.
Фух, забегался с предсессионной подготовкой, то там долги сдать, то тут =) Сегодня вот наконец собрался, и по просьбе Алексея написал пост о том как я пришел в вебразработку.
И так…
И так началось это в 2004 году =) в мае купили модем и подключили интернет. Я серфил по интернету, как это наверное каждый делал. Меня заинтересовала технология Flash, я нашел в каком то магазине в Казани(в то время найти книгу по такой тематике было довольно сложно в Казани (= ). И начал изучать. В книге рассказывалось как создать сайт с использованием технологии flash.
Вот так мой интерес к flash упал и я переключился на сайты :D Для начала я просто кучами читал разные статьи, пытался что то сделать сам. Ковырялся в коде других сайтов(увидел интересную деталь на сайте зашел в код и посмотрел как это делается), изучал Фотошоп. У меня был просто огромный интерес ко всему этому, наверное, без такого интереса я бы забросил это дело давно =) Изучал я все подряд, начиная от верстки, и кончая кодингом на PHP.
Сейчас как вспоминаю свой первый сайт, естественно на бесплатном хостинге =) ужасаюсь, как я мог сотворить такое, но что поделать все приходит с опытом. Уже сейчас смотря в прошлое, четко прослеживаю, как от одного сайта к другому мои умения росли.
И только года через полтора-два я перешел только на верстку. Но всё то что я изучил мне до сих пор иногда требуется. Например, когда верстаю шаблон под Jooml’у я часто пишу какие то дополнительные PHP функции, которые что то изменяют в шаблоне, или как то меняют отображение. И вообще удобно, когда ты пытаешься разобраться в каком-то новом движке, знать что хотел сделать программист.
Самое главное в этом деле интерес, если есть интерес к такой работе, будешь всегда на высоте =) Нужно всегда быть в курсе новинок, и постоянно дополнять свои знания. Ведь сеть меняется, меняются технологии, меняются сайты. И у мастерства не бывает предела, всегда можно изучить что-то новое, и получить дополнительный ценный опыт.
Вывод
Читайте статьи. Изучайте чужие сайты. Общайтесь на тематических форумах, просите помощи у тех кто уже умеет. И пробуйте превзойти их и всё получится. ;)
Всем рано или поздно попадаются такие работодатели. Хорошо что за 5 лет моей работы, мне попался только 1 такой =) Были конечно такие которые меня не совсем устраивали, но так оно и должно быть, ведь все люди разные.
Да и этот в первое время казался вполне нормальным. Только вот его дизайнер, меня немного раздражал. Дизайнер конечно был хорош дизайны были очень даже красивым, но вот видимо в веб-дизайн он пришел из полиграфии. Но чтобы сверстать такой дизайн приходилось идти на не совсем хорошие ухищрения в коде. А все потому что дизайнер не знал основ верстки, и тем более не знал гибкость движков в части шаблонов.
Ведь как бы нам не хотелось, все движки имеют только определенную гибкость, дальше которой уйти сложно, а тем более при верстке кроссбраузерной и на блоках. В IE6 это все становилось просто адом. Все же мое мнение такое, каждый уважающий себя дизайнер должен знать как это будет верстаться =) Не обязательно в точности, но хотя бы примерно представлять. Движки можно опустить, если будут знать хотя бы основы верстки с движками и нам будет проще мне кажется.
Так вот теперь к теме =) Кинул, можно сказать, меня один заказчик. Первые проекты он нормально оплачивал, все было хорошо. Но пришел момент когда он сказал, что пока не может оплатить, и в течении недели оплатит оставшуюся 1000 рублей. И эта неделя продолжается до сих пор, каждый раз когда я прошу оплатить, он отвечает что нет возможности. Что скорее всего не так, так как у него каждую неделю по несколько проектов, за которые ему платят много больше.
Вот так вот нехорошо получается. Осталось оплатить всего-то какую-то 1000 рублей. Ну и пусть остается у него, пусть будет милостыней для него, для бедного заказчика.
И так это моя личная доска позора заказчиков:
Вадим Нахимов[Free Develop] – тут есть и вся информация о нем. Так что работая с ним будьте осторожны!