Суббота , 21 Апрель 2018

Как работать с записями в WordPress

    WordPress- система управления контентом , или CMS. Эта бесплатная CMS (конкретно- wordpress.org, не путать с платным «родственником» wordpress.com) по- прежнему остаётся самой популярной в мире. Первая версия WP была выпущена 27 мая 2003 года, так что она старше Facebook и Twitter. Своему названию CMS обязана блогеру Кристине Тремула (подруге Мэтта Малленвега, соучредителя WP), именно она придумала слово «WordPress». Согласно данным W3Techs, в мире 30 % сайтов используют WP. А согласно данным Wappalyzer, WordPress- безусловный лидер среди систем управления контентом, она отхватила ни много ни мало 76,4 % рынка. WP выпущена под лицензией GNU GPL, благодаря чему эту CMS может скачать любой желающий. Никаких ограничений, это совершенно свободное программное обеспечение для сайта.

    В целях защиты свободы, предоставляемой с открытым исходным кодом, соучредитель WP Мэтт М. создал фонд WordPress. Эта некоммерческая организация владеет торговой маркой «WordPress» и защищает свободы, предоставляемой лицензией с открытым исходным кодом программного обеспечения. WP сама по себе, не принадлежит какой- либо компании и не имеет СЕО. Проект поддерживают разработчики со всего мира- от начинающих студентов- программистов, клепающих кривоватые плагины, до профессионалов, создающих сложнейшие плагины уровня W3 Total Cache (кэширование файлов с целью ускорения работы сайта). Другой пример- программное обеспечение Wordfence Security, это бесплатный защитник сайта с продвинутым брандмауэром, то есть фаерволом. Картинки можно увеличить, они кликабельны.

    Скриншот фаервола WS. Всё отображается в реальном времени, можно заблокировать любого по ip- адресу- человека или назойливого бота. Пример- меня доставал почтовый спам- бот из Белоруссии, у него несколько ip, все заблокировал, и теперь нет его писем рекламного характера. Также видно, из какого города читатель сайта. Подобные тяжеловесные плагины добавляют с десяток своих строк в базу данных сайта (phpMyAdmin) и немного тормозят загрузку страниц. И удалить это программное обеспечение не так- то просто, мало удаления в WordPress, надо вручную чистить базу данных (БД). Довольно муторное занятие. Кто пробовал- знает. А плагины типа WP-Optimize не способны грамотно очистить БД от остатков удалённых Plugins, они все работают поверхностно. Вот и приходится вебмастерам возиться с БД, в интернете полно советов на эту тему.
    Сотни компаний и тысячи специалистов со всего мира продают решения на основе WordPress. WP предоставляет отличные возможности для тысяч разработчиков, дизайнеров и предпринимателей, чтобы построить свой бизнес с помощью WordPress. О популярности этой CMS красноречиво говорит такой факт- скачивание WP и её плагинов превысило отметку 1,5 миллиардов (!!). Кстати, на WP основаны тысячи правительственных сайтов во всех частях мира, в том числе десятки американских федеральных веб-сайтов. Конторы это, как вы понимаете, серьёзные, ерунду использовать не будут. Лицензия с открытым исходным кодом позволяет студентам и научным работникам изучать, изменять, учиться и вносить свой вклад в развитие WordPress ядра, плагинов и тем. Это и хорошо и плохо- далеко не все поддерживают свои творения, некоторые бросают работу, из- за чего плагин перестаёт корректно работать в обновленном WP. Выход из такой ситуации только один- удаление plugin (а также нудная чистка базы данных сайта) и поиск аналога на сайте CMS.
    Главное преимущество WordPress- плагины, большинство бесплатные. Их более 50000, хотя, откровенно говоря, количество не означает качество. Не все плагины совместимы с вашей версией WP (о чём предупреждает сама CMS), перед установкой надо читать обзоры и отзывы. Будет много отрицательных отзывов- ищите аналогичный плагин. К сожалению, нередка ситуация, когда сайт перестаёт нормально работать из-за конфликта плагинов, такое не редкость. Тематика plugins разнообразная, на все случаи жизни, хоть помощь в создании интернет- магазина. WP полностью переведён на 68 языков, но есть и частичный перевод (кто- то начал и забросил). У WordPress есть «родственники»- проекты bbPress, BuddyPress и GlotPress, это программное обеспечение основано на ядре WP и тоже с открытым кодом. WP написана на PHP языке программирования (20 % кода в ядре- JavaScript), использует MySQL базы данных сайта. Именно это «PHP» не нравится многим, язык сложен, особенно для начинающих вебмастеров. Нет возможности редактирования HTML-кода страницы сайта (в браузере нажмите Ctrl + U и посмотрите). В административной панели WP предусмотрено редактирование записей, но это не то. Приходится работать с php- файлами. Пример- в браузере Chrome нажмите F12, затем на нужном месте кликните правой кнопкой мыши и выберите команду «Просмотреть код». Затем надо искать, к какому php- файлу относится выделенный участок. Потом зайти в свою панель управления сайтом на хостинге и там править файл. Или воспользуйтесь программой FileZilla. Для многих всё это слишком сложно и неудобно. Вот и обращаются за помощью, к примеру на биржу фрилансеров kwork.ru. Но там легко попасть в лапы недобросовестного исполнителя, какой- нибудь начинающий «специалист» с манией величия вместо помощи сломает вам сайт, такие случаи были. Нет поддержки администрации WP, можно только обратиться на форум WopdPress, но там как повезёт. Не все получают ответы на вопросы. К тому же там не специалисты, а обычные ребята, у которых хобби- пастись на форумах. Иногда помогают, иногда нет. Бывает, дают дельные советы сотрудники хостинга, но чаще всего они отделываются отписками типа «Мы не являемся специалистами, обращайтесь к разработчику сайта». Не редка ситуация, когда новичок остаётся один на один с проблемой на сайте. Жаль, нет пока здесь нужных смайликов, иначе добавил бы известный всем смайлик «головой об стену».

 

    Учимся создавать записи в системе управления контентом

    А теперь урок для начинающих вебмастеров. Прежде чем писать статьи, нужно создать рубрики. Для этого в разделе «Записи» нажимаем на пункт «Рубрики»

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

    Когда рубрики созданы, можно приступать к написанию новой статьи. Для этого в «Записи» выбираем пункт «добавить новую»

    Откроется редактор WordPress. Пишем заголовок статьи, ставим галочку на нужной рубрике, в поле сообщений пишем текст. На скриншоте не простой редактор, а панель инструментов плагина TinyMCE Advanced, благодаря ему возможностей у редактора теперь гораздо больше. Я использую (и вам советую) стандартный шрифт Arial, размер 14 px.TinyMCE не вполне корректно работает, на скриншоте виден размер шрифта 12, хотя в тексте на самом деле 14 px. Вообще к этому plugin надо привыкнуть, у него свои закидоны. 
    И ещё немаловажный момент, про который иногда забывают новички на ниве сайтостроения. Не рекомендуется оставлять кириллицу в ссылке, поисковики такого не любят.

    Написано на великом и могучем, надо исправить. Кликайте «Изменить»

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

    Где нужно вставить картинку- отмечаем необходимое место и нажимаем кнопку «добавить медиафайл».

    Откроется редактор медиафайлов. Нажимаем «загрузить файлы»

    Затем кнопку «выберите файлы». Выбираем нужное изображение на компьютере, загружаем. В библиотеке медиафайлов появится новая картинка, на скриншоте это «Око WordPress» (так, для примера). Теперь нажимаем внизу кнопку «вставить в запись». Большие/огромные фотки загружать не рекомендуется, их надо заранее оптимизировать. Не знаете как ? Прочтите в этой статье.

    Изображение появится в записи. Для того чтобы отредактировать фотку, нажмите на неё. Появится вкладка. Разместить фотку по левому краю, в центре или справа. Карандашик- изменить. Kрестик- удалить (но файл останется в библиотеке, для удаления надо нажать ссылку «Удалить навсегда»). Размеры можно менять визуально, потянув курсором за уголок («Произвольный» метод изменения размера файла). Не стоит размещать на сайте большие (полноразмерные) изображения, уменьшайте их в редакторе WP. Допустим, есть фотка 1024 х 768, выбирайте «Произвольный» режим и задайте размеры… сами выбирайте, к примеру 500 х 375. Темы (шаблоны) у всех разные, читайте в документации, какие нужны данные для изображений. К примеру, у моей премиум- темы размеры картинок 660 х 330 (слайдер) и 310 х 165 (миниатюра). Если много картинок, то рекомендую не тянуть курсором мыши изображения за уголки,  а всё делать в «Параметрах». Иначе будет выглядеть некрасиво, ширину большинства картинок лучше сделать одинаковой (здесь 600 px). И следите за выпадающим списком «Ссылка» — должно быть «Медиафайл». Само собой, стоит посмотреть, как выглядит ваша новая ссылка. Кириллица не допускается, только латинские буквы. Между словами ставьте тире без пробелов. Медиафайл здесь называется wp-eye.jpg (jpg- расширение файла). Но в принципе можно и так: Glaz-wordpress.

    Нажимая на карандашик, можно также произвести настройки фото — размер, местоположение, добавить подпись к фото и т.д. После этого нажать кнопку «Обновить». У меня после настроек остались только два параметра- «Полный» и «Произвольный». Связано это с дурной привычкой WP генерировать копии изображений. Всё сделали как надо ? Нажимайте синюю кнопку «Обновить». Подпись- по желанию, под изображением будет то, что вы набрали в том окне настройки. Атрибут Alt (альтернативный текст) нужен для  добавления к тегу вставки изображения в HTML-коде страницы. Этот текст появляется внутри контейнера изображения, когда оно по каким-либо причинам не отображается на странице. Таким образом, атрибут Alt помогает поисковым системам понять, что показано на этом графическом элементе. 2-3 слова, описание того, что изображено на медиафайле.
    Title применяют не все вебмастера, но для SEO- оптимизации сайта такое желательно. Этот атрибут нужен для заголовка графического элемента и указывает его название. Если пользователь ПК наведёт курсор мыши на картинку, то будет виден заголовок в всплывающей подсказке. Текст, введенный внутри title, не будет показан, если изображение не отображается на странице. Подробности про эту муть узнайте сами у старины Google или Яшки, сайтов на такие темы как собак нерезаных.

    Продолжаем писать текст и вставляем в нужном месте картинки.  Можете запись сразу опубликовать, просмотреть как она будет выглядеть или сохранить как черновик. Если не уверены, то лучше пока как черновик. Отдохните от сайта (а он от вас), через некоторое время возвращайтесь и критически осмотрите своё творение. Не исключено, что вместо кнопки «Опубликовать» вы после серии непечатных выражений нажмёте «Удалить навсегда»…  Кнопка «Сохранить» — страница будет занесена в базу данных как черновик, но не появится в интернете. Кнопка «Опубликовать»… правильно догадались, ваше вымученное творение тут же появится в интернете, и поисковые системы начнут его подозрительно обнюхивать. Точнее, их роботы (боты).

 

    Добавляем описание для страницы

    А это ещё одна морока- добавление описания (description) для каждой записи/страницы. Мне в этом помогает весьма популярный плагин All in One SEO Pack. Предпросмотр сниппета- это как будет выглядеть описание вашей страницы в интернете. Можно и короче, не более 200 символов. Опция «NOFOLLOW»  как бы заменяет известный атрибут rel=»nofollow», который обычно вручную вставляют в код ссылки. Атрибут указывает поисковым ботам, чтобы они не переходили на те сайты во внешних ссылках. Но на деле это на усмотрение ботов, некоторые из них игнорируют nofollow. То есть атрибут не всегда работает. Альтернатива- плагины, созданные исключительно для добавления description, они простые. Образец- Easy WP Meta Description. После установки Easy WP Meta в редакторе WP внизу каждой записи/страницы появится окно плагина для ввода description. Проверено, этот plugin нормально работает.

 

    Отключаем создание копий изображений 

    Теперь о дурных наклонностях WordPress. С этим рано или поздно сталкивается любой начинающий вебмастер. Он замечает, что его сайт стал притормаживать, и это явно не шалости плагинов или избыток «мусорного» кода страниц. Пользователь заглядывает в папку медиафайлов (uploads) на хостинге и с удивлением обнаруживает, что она разбухла до гигабайта и даже более. А у молодого сайта не так уж и много images. WTF ?? Проблема в том, что движок WordPress любит генерировать копии изображений, причём разных размеров. Более того, многие премиум- темы тоже размножают картинки. В результате в папке uploads накопились тысячи файлов, и этот мусор, мягко говоря, не полезен для сайта. Что делать ? Решение есть, программисты придумали специальные plugins для тотальной чистки папки uploads. После их работы освобождается много места на хостинге (обычно корневой раздел public_html)  и нормализуется работа сайта. Но не обольщайтесь, идеальных плагинов не бывает. Я сам был в подобной ситуации (новичкам простительно), plugin реально помог, но пропали все миниатюры 310 х 165- плагин прихватил и их. Впрочем, восстановление миниатюр не заняло много времени, зато все медиафайлы на страницах уцелели. Это не всё, пришлось чистить и базу данных… Тот ещё был геморрой.

    Панель управления WP — Настройки — Медиафайлы: можно сделать как на скриншоте, то есть всё обнулить. Мнения разные- одни советуют оставить значения 150 — 150 для миниатюр, другие рекомендуют «0». Учтите- при зеро WP будет загружать в библиотеку оригинальные изображения, и такое вполне может вызвать замедление работы CMS. Но это у кого как- у меня лишь немного подтормаживает, особо не мешает.

    В файл wp-config.php (между прочим, это главный файл WP) добавляем код define(‘WP_POST_REVISIONS’, false); и сохраните, после чего можно нажать Ctrl + F5.  Меньше будет копий картинок.

    В папке темы находится functions.php. Открываем (я использую удобный Notepad ++) и добавляем коды, на скриншоте видно. После этих мер значительно снизится генерация копий изображений, папка uploads не будет разбухать как на дрожжах.
    По умолчанию WP создаёт 4 копии- миниатюру ( thumbnail), средний размер (medium), умеренный большой (medium_large) и большой (large). Помимо этих размеров, дополнительные создаёт и тема (шаблон сайта), в результате количество копий разных размеров может достигать 10 и даже более того. К примеру, доп.размер медиафайла для миниатюры поста, для постов в боковой панели и прочее, зависит от особенностей темы.

    Можно зайти на скрытую страницу настроек: site.ru/wp-admin/options.php (вместо site.ru- ваш сайт) и укажите 0 в настройке medium_large_size_w.
    Вообще- то подобные процедуры довольно сложны для новичков, не каждый осилит. В интернете тьма советов насчёт оптимизации WP, но не все коды подходят к темам. Бывает, после добавления кода сайт перестаёт корректно работать, и приходится править файлы. Совет- перед изменением файлов WP и темы делайте бэкап сайта, конкретно- корневой каталог и базу данных. Плагин для этого я не использую, просто захожу на хостинг и быстро создаю бэкап. В случае серьёзного сбоя после советов какого- нибудь доброхота вы без проблем восстановите свой многострадальный сайт.
    На этом всё, достаточно уже написал. Успехов вам в изучении WordPress.

 

Смотрите также

Как выбрать электронную книгу

    Задумали купить электронную книгу ? Попробуем вам помочь с выбором eBook, это не …

Как создать электронную библиотеку

    Электронные книги, они же ридеры, давно стали привычным девайсом. Не редкость, когда где- …

Как оптимизировать SSD

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

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

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

error: Content is protected !!