Веб программирование — тематика.

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

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

После того как мы скачали с официальном сайта разработчиков так сказать Джентельменский набор — «Denwer», который выполняет роль после установки его на локальный компьютер тестового локального Веб хостинга. На котором возможно приступить к обучению сайтостроения и также разработки своего или на заказ сайта, чтобы просто проверять пока на своем компьютере работоспособность сайта.

Скачали также сам CMS WordPress готовый движок и уже установили его на локальный сервер.

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

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

Но обо всем по порядку.

И начнем с того, что вы вот проделали только что все то, о чем было написано в моем посте «Веб программирование — начало». Есть название будущего сайта, но при всем при этом прошу не забывать самого главного. Это еще не все. То что вы пока что установили готовый движок и он лояльно отобразился в браузере это не значит что он готов для переноса на настоящий Хостинг.

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

А для примера или просто для наглядности покажу изображение своего будущего очередного сайта — пример сайта

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

Коротко я опишу возможность поиска и применения тем оформления внешнего вида шаблона сайта. Итак, в первую очередь пройдите в пункт меню «Внешний вид» и далее проходите в под пункт этого меню, «Темы» и там уже к вашему выбору могут быть представлены как свои предустановленные темы оформления, которые можно использовать по своему усмотрению или же в том же открывшемся окне добавить новое. оформлениеНа данном скриншоте хорошо видно выполнения необходимых действий. поиск и применениеА здесь я специально отметил то, о чем говорил чуть выше. В принципе разобраться во всем этом у вас не должно составить больших трудностей, но при этом такая CMS машина готового движка предоставить большой спектр функциональности.

При этом вы уже можете видеть то, что сайт имеет свое уникальное название и описание в коротком содержание, а также уже присутствуют созданные веб страницы отображающие свою информацию. Вдобавок ко всему на сайте уже были установлены около 16 различных плагинов по своей специализации. плагиныНа этом скриншоте изображена внутренняя часть консольного управления практически всеми областями сайта, а так же есть возможность воспользоваться на прямую визуальным редактором html, css, php кодов — редактирование кодова также для более продвинутых и хотя лучше для редактирования кодов он подходит и для начинающих веб программистов — визуальный редактор Notepad++, программу тоже необходимо иметь в арсенале в изучении языков программирования. html  образецЧем же она хороша, тем, что подсвечивает необходимые html и css коды, а также облегчает построение каркаса самописного сайта. Достоинства этого визуального редактора вы оцените в процессе редактирования, написания кодов.

Но я еще раз настоятельно рекомендую вам изучить языки программирования такие как HTML, CSS и PHP, а сделать это возможно на отличном веб ресурсе http://pashap.ru/www.ruseller.com/ ориентированный на всем, что касается сайтостроения, плюс ко всему при регистрации на этом сайте автора Евгения Попова вы сможете получить множество бесплатных и платных видео уроков в хорошем качестве и доходчивом объяснении.

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

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

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

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

Ну, а теперь поговорим об тематическом оформлении вашего будущего сайта, который должен отвечать тому, о чем будет наполнено само контекстное меню. Для этого перейдем в первую очередь в «Настройки» и пробежимся по представленным пунктам. настройкиИ по сути редактируем только в основном верхние два пункта отвечающие за название самого сайта и за короткое описание. А остальное в принципе можно не менять и ставится по умолчанию. настройка чтениеОтмеченные пункты красными черточками это в принципе важность того, как выставляемая, публикуемая информация будет отображаться для пользователя. «На главной странице отображать» — тут два варианта есть, либо главную веб страницу сайта сделать статичной то есть вывести информацию ту которая будет всегда видна попадающему пользователю на ваш сайт или же на главной странице будет отображаться все последние опубликованные записи, материалы.

И чуть ниже идет пункт настройки «Главная страница» и «Страница записи».  обсуждениеобсуждение 2

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

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

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

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

После того, как создали новую страницу, ее необходимо назвать, это можно сделать в специальном окошке «Введите заголовок», а чуть ниже большое поле предназначено для написания текста, вставки видео файлов, а точнее специальных кодов, вставки картинки и ее обрезки по размеру. Что возможно сравнить по визуальности с текстовым редактором Microsoft Offis World.

А затем приступаем к опубликации созданной и отредактированной страницы на вашем сайте. Но при этом необходимо сделать некую текстовую прикормку для поисковых роботов, что может повлиять на скорейшую индексакцию сайта после запуска на настоящем Хостинге с уникальным своим приобретенным Доменным адресом. заголовкиПосле написания какого-либо текста, ему необходимо придать некоторые важные аспекты — текст необязательно делать целиком одним видом «Заголовком» первого уровня или Заголовком второго уровня, а также Заголовком третьего уровня. Я обычно все это делаю таким образом — 123532453+Первые три четыре строчки написанного текста я стараюсь делать Заголовком второго уровня и лишь в редких случаях делаю его первым уровнем, а весь остальной текст желательно выполнять Заголовком третьего уровня, что будет вполне читаемым и не будет казаться слишком большим по размеру букв.

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

Естественно тоже самое проделывается и с публикуемыми записями, статьями и постами, где схема идентична, но с некоторыми нюансами. И для этого переходим в пункт «Записи», «Добавить новую» и набрав текст мы его должны отредактировать для того, чтобы он не выводился на сайте пользователю всем своим громоздким видом, а в виде анонса. 4115234+63256652Для наглядного примера я продемонстрировал вам скриншот моих уже ранее опубликованных постов на моем личном сайте- блоге и это главная страница.

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

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

Ну и пока что на этом все.

Автор поста Павел Паймухин.

Запись опубликована в рубрике Без рубрики. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *