Разработка сайта на основе CMS Wordpress
Joomla: существует две различных «тусовки», ведущие свои форумы и сайты поддержки. Попытка объединения была, но так ничего и не получилось. В принципе, наличие двух сборок и русификаций на данный момент всех устраивает. Ближе к версии 1.5 вопрос будет подниматься все чаще, ибо порталовцы более официальная команда перевода, нежели joom.ru. С другой стороны наличие конкуренции нисколько не вредит… Читать ещё >
Разработка сайта на основе CMS Wordpress (реферат, курсовая, диплом, контрольная)
Задание на курсовую работу
Разработать сайт на основе CMS Wordpress, используя шаблон, согласованный с преподавателем. Изучить систему, спроектировав шаблон на ее основе по заданному примеру.
В последнее время создание сайтов является довольно популярным занятием и над удобством и простотой создания сайтов трудится огромное количество людей. Большим прорывом в технологии создания и разработки современных веб-проектов является создание CMS. Современные системы управления контентом широко используются на просторах сети Интернет при создании проектов любой сложности.
Очень большое распространение получили бесплатные системы управления контентом. Большинство этих систем имеет хорошее качество исполнения и высокую надежность, что дает им большое преимущество среди других систем. А технологии добавления контента популярных бесплатных CMS не отличается от платных, что только делает их более популярными среди создателей сайтов.
Основные отличительные черты систем управления контентом, которые одновременно являются преимуществами, это возможность создавать сайты, практически любой сложности, не имея познаний в html, css и других областях веб-программирования. А так же возможность быстрого, простого и интуитивного добавления, удаления, редактирования и форматирования контента, это значительно упрощает и облегчает задачу администрирования сайта.
С использованием CMS возможно не только добавления текстового контента, но и различного мультимедийного материала. Это позволит значительно разнообразить сайт и привлечь новых посетителей. Так же системы управления контентом автоматически генерируют панель администратора, которая затрагивает все сферы работы сайта, что очень удобно и практично.
Об уникальности дизайна задумываться не стоит. В настоящее время для CMS постоянно разрабатываются шаблоны, которые отличаются большим разнообразием. А если создатель сайта немного разбирается в html и каскадных таблицах стилей, то он может редактировать дизайн на свой вкус.
Целью данной курсовой работы является разработка сайта на основе CMS Wordpress.
Задачами данной курсовой работы:
— изучить структуру предложенного шаблона;
— установить CMS Wordpress и ознакомиться с ней;
— изучить программы-аналоги и провести сравнение;
— загрузить шаблон в систему, доработав необходимый функционал (формы поиска и отправки сообщения).
1. АНАЛИТИЧЕСКАЯ ЧАСТЬ
1.1 CMS. Основные понятия
Система управления содержимым (контентом) (англ. Content management system, CMS)[1] - информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым)[2].
Основные функции CMS[3]:
Предоставление инструментов для создания содержимого, организация совместной работы над содержимым;
Управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.;
Публикация содержимого;
Представление информации в виде, удобном для навигации, поиска.
В системе управления содержимым могут находиться самые различные данные: документы, фильмы, фотографии, номера телефонов, научные данные и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. Контроль версий является одним из основных её преимуществ, когда содержимое изменяется группой лиц.
Система управления — программа, предоставляющая инструменты для добавления, редактирования, удаления информации на сайте. Существуют разнообразные системы управления сайтом, среди которых встречаются платные и бесплатные, построенные по разным технологиям. Каждый сайт имеет панель управления, которая является только частью всей программы, но достаточна для управления им.
1.2 Сравнение CMS Drupal, Joomla и WordPress
Drupal, Joomla и WordPress — системы управления, на основе которых можно создавать функциональные и легко управляемые сайты без серьезных финансовых затрат. Мы решили сравнить эти системы между собой и рассказать об этом доступным языком. Мы выбрали наиболее важные аспекты, которые скорее всего заинтересуют рядового пользователя.
1.2.1 Русская документация
Drupal: несмотря на то, что русское сообщество занимается переводом документации на Drupal, белых пятен еще много. Ситуация отчасти компенсируется самописными статьями и руководствами. Документация на модули по большей части не переведена. Заниматься разработкой сайтов на Drupal без знания английского языка трудно — любой шаг в сторону от стандартных схем может стать проблемой.
Joomla: русскоязычной документации достаточно, если не сказать много. Причем она не ограничивается переводом официальной помощи, а уже приходит к стадии написания авторских статей.
WordPress: WordPress обладает очень большой документацией (к.н. Codex/Кодекс), но, к сожалению, она только на английском языке. Хотя, стоит отметить, что составлена она грамотно и практически не требует особого знания языка. Документация построена таким образом, что позволяет довольно быстро найти нужный ответ. Практически каждая статья имеет несколько примеров, а также ссылки на смежные вопросы.
1.2.2 Русское комьюнити/поддержка
Drupal: русское сообщество развивается, причем достаточно бурно, поскольку в последнее время о Drupal много говорят в рунете. Есть люди разбирающиеся в архитектуре. Что важно, они отвечают на форуме. В целом сообщество открытое и дружелюбное, но злоупотреблять этим не стоит.
Joomla: существует две различных «тусовки», ведущие свои форумы и сайты поддержки. Попытка объединения была, но так ничего и не получилось. В принципе, наличие двух сборок и русификаций на данный момент всех устраивает. Ближе к версии 1.5 вопрос будет подниматься все чаще, ибо порталовцы более официальная команда перевода, нежели joom.ru. С другой стороны наличие конкуренции нисколько не вредит сообществу, а наоборот даже подталкивает команды работать все лучше и лучше.
WordPress: у русского WordPress’а есть два официальных сайта. Поддержка пользователей осуществляется через форумы добровольцами. Так что скорее всего проблем с русской поддержкой не будет. Также существует много блогов, где их авторы выкладывают и делятся самыми разными находками и решениями по WordPress.
1.2.3 Визуальный редактор
Drupal: в Drupal можно встроить TinyMCE или FCKEditor. И тот и другой гибко настраиваются. Оба являются мощными средствами. В TinyMCE, например, можно работать с таблицами, добавляя и удаляя строки и столбы и объединяя ячейки. Еще TinyMCE может «чистить» скопированные из Word тексты от избыточных тегов.
Joomla: таковых под нее множество: в основном это портированные и самые распространенные редакторы. Однако самым удобным и хорошим из бесплатных является редактор JCE, разработанный специально для Joomla (а изначально еще для Mambo, тогда он назывался MosCE), способный составить очень хорошую альтернативу платному WysiwygPro.
WordPress: стандартно в WordPress’е используется немного урезанный TinyMCE и, рядом же — простой текстовый редактор (переключение между ними «на лету»). При желании можно установить и полную версию TinyMCE, тогда будет доступно три панели кнопок со всем возможностями. Нужно отметить, что в WordPress’е есть возможность сторонним плагинам добавлять кнопки в редактор. Таким образом, можно, например, получить функции для добавления видео, аудио и т. д. Если TinyMCE не устраивает, то можно установить вместо него другой редактор, например FCKMonkey. Но в целом, выбор редактора дело вкуса. В профиле пользователя можно вообще отключить использование визуального редактора.
1.2.4 Шаблоны оформления
Drupal: движок шаблонов — сильная сторона Drupal. Этот компонент добротно спроектирован, поэтому разобраться с интеграцией своих шаблонов сможет начинающий PHP-программист. Вообще Drupal предоставляет целый букет возможностей по управлению темами: можно даже как в ЖЖ настраивать цвета разных элементов прямо из админки. Впрочем, эти изыски на любителя.
На Drupal есть красивые сайты, однако, приличных общедоступных тем крайне мало. Если задумаете обзавестись сайтом на Drupal, приготовьтесь потратиться на шаблон.
Joomla: Joomla ветки 1.0.х не поддерживает шаблоны. Конечно, в ней есть общий и большой шаблон, позволяющий на PHP создавать вполне замысловатые структуры общей структуры сайта и расположения модулей, но вот шаблонизации отдельных элементов нет, и все ограничивается примением CSS и «ковырянием» в компонентах. Однако для статей уже давно существует ContentTemplater, позволяющий создавать шаблоны оформления для статей и очень неплохо управлять их внешним видом.
Вторым моментом, о котором стоит сказать отдельно является система модулей. Модули объединяются в позиции, которые уже и подгружаются в нужных местах шаблона. Модули можно привязывать к конкретным страницам (включать и выключать отображение), а так же выводить различными способами по ходу страницы. Порой, при помощи манипуляций в шаблоне можно несколькими модулями составить очень красивую главную (или любую другую) страницу, просто выключив компонент работающий там и расположив вместо него модули (например, отображающие новости из разных категорий).
WordPress: для WordPress’а созданы тысячи шаблонов и многие из них выполнены на очень хорошем дизайнерском уровне. Устройство WordPress таково, что под него несложно переделать, скажем, html-шаблон. В шаблонах испольуются обычные PHP-функции, поэтому никаких сложностей с изучением т.н. языков шаблонов нет. По созданию шаблонов существует довольно много статей, даже есть он-лайн генератор. Готовые шаблоны достаточно загрузить в отдельный каталог и после этого в админ-панели выбрать понравившийся. Существует также возможность переключать шаблоны и посетителями.
1.2.5 Экспорт/импорт данных
Drupal: для Drupal написано много разных конвертеров, в основном связанных с форумными миграциями. RSS отдаются на любой вкус. Есть множество специальных вещей в духе экспорта в RDF или CSV.
Joomla: этот вопрос очень актуален для блоговых движков. Joomla — это не блог, а CMS, а потому вопросы экспорта заметок в какой-то формат для нее не важны. Если компонент платный, то за отдельную плату можно заказать себе импорт записей из старого блога в новый в каком угодно формате.
WordPress: WordPress позволяет экспортировать записи и комментарии блога в XML-файл. Можно экспортировать записи отдельного автора. Для импорта записей в WordPress можно воспользоваться 9 способами. Это основные блоговские «движки» (например: ЖЖ, Blogger, Textpattern), а также в RSS и свой XML-формат. [3]
Примеры сайтов на сравниваемых системах:
Рис. 1 — Пример сайта на Joomla
Рис. 2 — Пример сайта на Drupal
Рис. 3 — Пример сайта на Wordress
1.3 Другие бесплатные CMS
Рассмотренные CMS являются самыми популярными в настоящее время, однако их очень много, в качестве примера можно привести еще несколько бесплатных систем управления контентом.
К их числу относится, например, php-nuke, представляющая собой одну из старейших CMS, известную своими «дырами» и низкой степенью безопасности. Как правило, используется она для создания порталов и подходит даже для новичков.
PHP-fusion основным своим назначением также имеет создание порталов. Кроме того, для этой CMS существует довольно много модулей и шаблонов.
Универсальной является CMS e107, позволяющая создавать сайты самой различной направленности. Для нее создано много шаблонов и модулей, позволяющих увеличить функциональность ресурса, однако многие пользователи отмечают наличие довольно большого числа недоработок в системе.
«Прародителем» Джумлы считается mambo, отличающаяся большей простотой, что, несомненно, важно для новичков.
Typo3 является своеобразным «гигантом» в сайтостроительстве, так как именно эта CMS используется для управления большими и сложными сайтами, в том числе и государственных учреждений. Она, конечно, отличается сложностью в освоении и управлении, однако ее считают самым сильным конкурентом коммерческих CMS.
Еще одной довольно известной CMS является textpattern. Она, как правило, используется для управления блогами, однако подойдет и для создания несложного информационного сайта. Таким образом, textpattern является реальной альтернативой Вордпрессу. [4]
2. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
2.1 Установка CMS с помощью Denwer
Денвер — набор дистрибутивов и программная оболочка, предназначенный для создания и отладки сайтов на локальной Windows-машине, без подключения к сети Интернет.
Выражаясь более понятным языком это программа создает на вашем компьютере сервер, на который Вы можете загружать cms-системы без подключения к сети интернет.
2.1.1 Установка денвера
Для того чтобы установить денвер, необходимо проделать 2 простых шага:
1) Скачать денвер бесплатно на сайте разработчика.
2) Запустить скаченный файл и следовать инструкциям установки, подтверждая действия нажатием Enter, и вписывая необходимые символы (y или n, 1 или 2). Рекомендую на последних шагах выбрать цифру 1, чтобы создать отдельный виртуальный диск (допустим диск Z).
После установки Denwer создаст папку, которую вы указали. Если не указывали, то папка будет находиться здесь: C: WebServers. Также, если было выбрано создание отдельного виртуального диска, при запуске в Мой компьютер появится новый диск. С ним и будет производиться работа.
Каждый ярлык выполняет свою функцию:
Start Denwer — запускает все компоненты Денвер и подключает виртуальный диск.
Stop Denwer — останавливает работу всех серверов комплекса
Restart Denwer — перезапускает все сервера.
2.1.2 Установка CMS
CMS и скрипты, написанные на языках программирования (таких, как PHP), которые выполняются на стороне сервера (а не в браузере, как, например, javaScript) требуют для своей работы специальное программное обеспечение (ПО), установленное на сервере. Именно поэтому для установки CMS необходим хостинг, который включает в себя это ПО.
Для запуска CMS и PHP скриптов необходимы такие программы, как: Веб-сервер Apache, PHP4 или PHP5 — для работы с PHP, MySQL-сервер — сервер для работы с базами данных и другие модули.
2.1.3 Установка Wordpress на Denwer
Чтобы установить Wordpress на денвер, необходимо проделать следующие шаги:
1) Скачать архив с русским Wordpress.
2) Создать виртуальный хост. Для этого зайдити в C: WebServershome или в Z: home (все зависит от того, какие папку и букву диска выбрать в процессе установки) и создать в ней папку. Имя папки задается любое по желанию, но латинскими буквами, например, cms1.
В созданной папке создать папку www.
3) Скопировать все файлы из папки wordpress, которая находилась в архиве, и вставьте их в папку Z: homecms1www
4) Перезапустить Denwer.
5) Открыть браузер и ввести localhost.
Если появилась страница с надписью «Ура, заработало!», значит, все сделано правильно, и денвер работает.
Рис. 4 — Установка Wordpress на Denwer
Теперь необходимо создать базу данных (БД) для WordPress. Для работы с БД используется phpMyAdmin, которая уже установлена в денвере.
phpMyAdmin — это бесплатная утилита для управления базами данных MySQL. Под управлением понимается создание, редактирование и удаления БД через интерфейс браузера.
Чтобы войти в phpMyAdmin, необходимо перейти по ссылке:
http://localhost/Tools/phpMyAdmin Проверка MySQL и phpMyAdmin
Чтобы работать с базами данных, нужно создать пользователя MySQL с паролем. По умолчанию в phpMyAdmin в денвере создан пользователь root без пароля. Некоторые CMS требуют чтобы у пользователя MySQL был пароль. Поэтому можно отредактировать уже созданного пользователя либо создать нового. Пользователь создается один раз и потом его можно использовать для установки других скриптов или CMS, которые работают с MySQL.
Рис. 5 — База данных
2.2 Wordpress (вордпресс)
Вордпресс является одной из самых популярных CMS не только в Рунете, но и во всем мире. Обусловлено это довольно большими возможностями, предоставляемыми данной системой управления контентом. Wordpress позволяет создавать как блоги, так и сайты различной сложности, однако, известна эта CMS больше в качестве «движка» для блогов, в чем и является бесспорным лидером.
Вордпресс является оптимальным вариантом для создания, как несложного информативного сайта, так и качественного блога. Несомненным преимуществом данной CMS является огромное множество модулей и шаблонов, которые могут использоваться дополнительно, делая ресурс еще более удобным и привлекательным для его посетителей. Кроме того, некоторые изменения в дизайн сайта можно внести самостоятельно.
Конечно, не существует идеальной CMS, и Wordpress не является исключением. Во-первых, сайт может недостаточно быстро функционировать и демонстрировать сбои в работе в случае наличия каких-либо недостатков в скриптах или при большом количестве посещений ресурса.
Не подойдет Вордпресс и для создания сложных сайтов, отличающихся большой функциональностью, интернет-магазинов или серьезного портала. Для реализации таких идей следует выбирать более универсальные CMS.
Для корректной работы данной системы управления контентом необходимо наличие PHP и MySQL, а скачать Вордпресс без особого труда можно на сайте mywordpress.ru. Там же можно получить все необходимые для работы консультации. Интересен и тот момент, что не придется ничего скачивать, заливать необходимые файлы на хостинг, ломать голову над настройками, если выбрать хостинг с предустановленным Вордпрессом. [4]
2.3Wordpress: базовые концепции и понятия
После того, как удалось установить Вордпресс на хостинг, вы увидите стандартный набор: ссылку «Home», ведущую на главную страничку вашего сайта; ссылку «About», где обычно размещается информация о владельцах сайта; единственный пост «Привет Мир», а также правый «Сайдбар» с шестью по умолчанию установленными «виджетами»: Search (Поиск), Recent Post (Недавние темы), Recent Comments (Недавние комментарии), Archives (Архив), Categories (Категории) и Meta.
Навигационная панель, обычно используется для отображения статичных страничек.
Конфигурация «Сайдбаров» может быть достаточно разнообразной, все зависит от выбранной вами темы. Некоторые темы, позволяют не только создавать большое количество «сайдбаров», создавать большое количество «сайдбаров», но и позволяют редактировать их отображение на странице.
Активация и установка темы для Wordpress
Если необходимо использовать бесплатную тему, то ее установка и активация происходит через Dashboard: Appearance (Внешний вид) > Install Theme (Добавить новую тему) > Upload (выбираем заархивированный файл нужной темы, и загружаем его).
Использование встроенного редактора Visual Editor
Чтобы создать новую страничку или пост — выбираем в меню Dashboard Page> Add New и Post > Add New соответственно. В обеих случах появится текстовый редактор WordPress Visual Editor (рис. 6). [5]
Рис. 6 — Окно редактора Visual Editor
3. КОНСТРУКТОРСКАЯ ЧАСТЬ
После установки Wordpress копируем его в C: WebServershomelocalhostwww. В файле wp-config.php пишем название базы данных, пользователя и пароль, в результате чего получим:
Имя базы данных для WordPress:
define ('DB_NAME', 'database_wordpress');
MySQL — имя пользователя:
define ('DB_USER', 'root');
MySQL — пароль базы данных
define ('DB_PASSWORD', '');
MySQL сервер — иногда требуется изменять это значение.
define ('DB_HOST', 'localhost').
Далее необходимо создать с таким же названием базу данных в phpmyadmin.
В директории с темами worpress:
C:WebServershomelocalhostwwwwordpresswp-contentthemes
Копируем папку с исходным шаблоном. Для того, чтобы wordpress мог использовать данную тему обязательно необходим файл index. php, который является шаблоном почти для всех страниц, то есть все его части будут выводится практически на всех страницах за исключением текстов.
Создаем шаблон в папке:
C:WebServershomelocalhostwwwwordpresswp-content
themestemplate, в котором используются функции для вывода title-ов заголовков футеров.
Опишем основные функции:
Строка: является php-скриптом, в котором есть функция get_template_part, выводящая содержание страниц из админки wordpress по ее названию. То есть, переходя, например, на страницу http://localhost/wordpress/main-4/ берется содержимое страницы main-4.
Для отображения изображения и флеш необходимо прописать url-адрес темы, например, для css стилей:
.Файл content-page.php совершает выборку текстов по странице.
Файл main_main.php:
Здесь важной частью является строки:
/*
Template Name: main_main
*/
?> ,
которые определяют файл, как шаблон. Он необходим для того, чтобы можно было на страницах, где присутствует часть с поиском, подключать эту часть отдельно.
Для этого нужно выбрать при создании страниц шаблон main_main, можно сказать что это замена структуры файла index.php.
Он очень схож по своей структуре с файлом-шаблоном index. php, но здесь код с выводом контента присутствует лишь в левой части таблице в отдельном и является отдельной td ячейкой, а правой ячейкой является код:
include («td_search.php»);
?>
Этот код включает функцию include, которая подключает файл td_search.php, содержащий форму с поиском.
Файл td_search.php содержит html-разметку из исходного html-кода, а так же вывод из базы данных и включение их в выпадающий список полей формы поиска.
Для этого мы подключаемся к базе данных:
$dd=mysql_connect (localhost, root," «);
mysql_select_db (database_wordpress,$dd);
mysql_query («set names utf8»);
?>
С параметрами localhost — host;
root — имя пользователя БД;
и пароль (его нет);
База данных — database_wordpress;
Выбираем кодировку — utf8;
Далее для примера рассмотрим код:
Здесь мы запрашиваем значения полей area из созданной нами таблицы wp_homes. Выполняем запрос функцией mysql_query, а результат записываем в переменную $result. В цикле пока функция mysql_fetch_array ($result) берет из массива значений по одному, присваивая их в переменную $mda. Выводим это значение в выпадающий список echo $mda[area];
Так как это форма, то в ней есть строка: