Секреты создания сайта (административная панель)

Секреты создания сайта.

Административная панель – ваш рабочий стол для создания и ведения вашего проекта. Если раньше мы выполняли простые действия – закачали и установили Denwer, WordPress и Система делала все за вас, то теперь основная работа, собственно создание и выпуск вашего проекта, ложится на ваши плечи, а Система будет только вашим помощником.

1-Инструменты управления WordPress(далее WP).

2-Общая статистика проекта – статьи, страницы и, главное, просмотр комментарий.

3-Быстрая публикация – для отправки срочных сообщений или можете запомнить какую-либо идею и сохранить как черновик.

4-Информационные блоки – можно перемещать зажав мышкой в нужное вам место.

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

Инструменты управления WP

Состоит из рубрик с раскрывающимся списком.

1.Настройка параметров.

Общие – дайте название проекта, введите URL WP и сайта (совпадают), свой почтовый адрес для связи с вами и далее по своему усмотрению. В конце окна не забудьте сохранить свои настройки.

Написание – здесь отметьте чебокс (поставьте птичку) отражать смайлики. Больше, пока, отмечать ничего не надо. Сохраните!

Чтение - отмечаем показывать последние записи, количество записей обычно 3-5, RSS – 10, анонс, кодировка UTF-8. Сохраните!

Постоянные ссылки - отмечаем «Произвольно».

По умолчанию в WordPress ссылки выглядят как http://yousite/?p=000 или 2010/03/12/index. html - т. е. цифровые. Нам-же необходимо иметь ссылку, в которой были-бы буквенные названия постов, статей т. к. они имеют больший вес у поисковых систем.

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

2.ПЛАГИНЫ

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

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

Для Denwer это Webserver – home – ваш сайт – www – Wp-content - plugins. На сервере хостинга – public. html - ваш сайт – wp-content – plugins. Далее заходим в административную панель - рубрика «Плагины» – «Установленные» и активируем их.

Установим, как описано выше, плагины RusToLat, Russian-Date, Contact-Form-7,

SEO все-в-одном, Wp Security Scan. После активации в рубрике «Параметры» появятся пункты – RusToLat и SEO все-в-одном. Оставим их установленными по умолчанию.

Под рубрикой «Параметры» появились две новые – «Contact» и «Security». «Contact» мы настроим при создании страницы «Контакты». Настройка плагина WP Security Scan.

Заходим в«Security»

Где:

1. – Информация об установленной версии WordPress.

2. – Ваш префикс таблицы не должен быть wp_. Нажмите в этом месте, чтобы изменить это.

3. – Ваша версия WordPress успешно скрыта.

4. – Ошибки ДЕЦИБЕЛА WordPress выключены. (оставить по умолчанию)

5. – Идентификатор ПОДГОТОВКИ ТЕКСТОВ МЕТА тэг удалил форму ядра WordPress (оставить по умолчанию)

6. – пользователь «admin» существует.

7. – Файл. htaccess не существует в папке wp-admin.

Следующий пункт «Scanner» В открывшемся окне вы видите правильность установленных прав доступа – chmod.

Изменить права доступа(chmod) можно при соединении с сервером по FTP(SFTP) – в окне кликаем правой клавишей мышки по папке или файлу – в открывшемся меню -«Свойства» и там изменяем chmod. При установки CMS WordPress по умолчанию включен антиспамовый плагин Akimest, при активации его просят ввести key’s. Перейдите по ссылке, зарегистрируйтесь, получите ключи и введите их. На этом достаточно.

2. Секреты вебмастера – Онлайн сервисы.

Favicon – Иконка сайта

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

Сервис Favicon. ru отработает для вас иконку с расширением. ico из предложенных вами изображений весом не более 300 кб. Полученное изображение необходимо закинуть в корень сайта. Сервис скругления углов на изображениях. Вебмастеру довольно часто требуется округлять углы у изображений таблиц, различных форм или просто у фотографий

Конечно, обладая определенными знаниями, это можно сделать с помощью Photoshop, но на это надо время, а его всегда не хватает. Быстро и качественно эту работу выполнит Roundpic – подготовленное изображение открываете на сайте – указываете радиус скругления и получаете результат, который скачиваете на компьютер.

НАЧАЛО

Начало HTML – Составление и оформление таблиц.

Чтобы понять важность умения работать с таблицами представьте себе веб-страницу – шапку сайта (header), текстовые блоги, сайт бар, расположение изображений и т. д. и, собственно, таблицы с данными. Все это табличная верстка страницы ее веб-дизайн. Без таблиц в Web-дизайне не обойтись, поэтому внимательно отнеситесь к изучению этого материала.

Таблица в HTML формируется с помощью парного тега

<table>....</table>

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

<table> - начало таблицы

<caption>...</caption> - название таблицы

<tr> - строка таблицы (начало)

<th>...</th> - название столбца

<td>...</td> - ячейка таблицы

</tr> - строка таблицы (конец)

</table> - конец таблицы

Код простой таблицы будет выглядеть так:

<table boder=1>

<caption>Трафик сайта</caption>

<tr><th>Время</th><th>Кол-во</th></tr>

<tr><td>Сутки</td><td>100</td></tr>

<tr><td>Неделя</td><td>700</td></tr>

</table>

Трафик сайта

Время Кол-во

Сутки 100

Неделя 700

Если вы посмотрите на код этой таблицы, то увидите новый параметр у тега table border=1 – он обозначил сетку таблицы. По умолчанию при верстке веб-страниц border=0 т. к. сетка не нужна. Пример такой таблицы вы можете посмотреть в начале этой страницы – «Содержание». Изменяя параметр border от 1 и выше, вы будете менять толщину сетки таблицы. Выравнивание таблицы производится с помощью параметра align, который может принимать значения - left, right, center <table align="center">

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

<table align="center" border="1">

<caption>Трафик сайта</caption>

<tr align="right"><th>Время</th><th>Кол-во</th></tr>

<tr align="right"><td>Сутки</td><td>100</td></tr>

<tr align="right"><td>Неделя</td><td>700</td></tr>

</table>

Трафик сайта

Время Кол-во

Сутки 100

Неделя 700

Cellpadding и Cellspacing

При необходимости задать свободное пространство между содержимым строки(ячейки) и границами применяется тег cellpadding, между ячейками тег cellspacing. Параметры задаются в пикселах или процентах. Теги используются только с table и влияют на все содержимое таблицы.

<table border="1" cellspacing="10" cellpadding="10">

<caption>Трафик сайта</caption>

<tr align="right"><th>Время</th><th>Кол-во</th></tr>

<tr align="right"><td>Сутки</td><td>100</td></tr>

<tr align="right"><td>Неделя</td><td>700</td></tr>

</table>

Трафик сайта

Время Кол-во

Сутки 100

Неделя 700

Размеры таблицы и элементов

Для задания размеров таблицы м ее элементов применяют параметры width и height, а размеры указываются в процентах или пикселях.

Применяются для тегов table th td

<table border="1" width="50%">

<caption>Трафик сайта</caption>

<tr align="right"><th width="70%">Время</th><th width="30%">Кол-во</th></tr>

<tr align="right"><td>Сутки</td><td>100</td></tr>

<tr align="right"><td>Неделя</td><td>700</td></tr>

</table>

Трафик сайта

Время Кол-во

Сутки 100

Неделя 700

На этом с базовыми знаниями форматирования таблицы мы закончим. Применяйте свои знания на практике – так вы быстрее запомните основные теги форматирования.


Карта сайта


Информационный сайт Webavtocat.ru