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

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

Вот наглядный пример, как выглядела раньше страница ошибки 404 на моем блоге:

Не впечатляет, правда? Поэтому, мной и было принято решение, оформить ее по привлекательнее. Процесс создания страницы ошибки 404 я покажу ниже на своем примере.

Что может содержать шаблон ошибки 404 not found. Пару предложений, вроде: «Страницы, которую Вы ищите нет…». Какую-нибудь прикольную картинку. Ее можно найти в интернете или нарисовать свою. Еще один элемент, который должна содержать любая страница ошибки 404 — поиск. Где взять код формы поиска? В стандартных шаблонах, обычно, есть файл searchform.php, в нем и будет код.

Также можно вывести список рубрик, последних статей, добавить ссылку на главную страницу сайта, а также ссылку на страницу со списком всех статей. Если Вы еще не знаете, как создать страницу с выводом списка всех статей, то почитайте эту статью https://inetsovety.ru/karta-bloga-dlya-lyudey/

Как создать страницу 404

1. 1. Нужно зайти в подраздел Редактор, который находится в разделе Внешний вид:
   2. Справа выбрать для редактирования файл шаблона ошибки 404 под названием 404.php.
   3. У меня редактирование файла страницы ошибки 404.php заключалось во ставке следующего кода:

      <div align="center"><h3>Страницы, которую Вы ищете уже
      
      нет!</h3>
      
       <img src="https://readmag.ru/wp-content/uploads/404.jpg">
      
      </div>
      
       <div align="center">Посмотрите перед уходом раздел рубрики,
      
      последние статьи и другие страницы блога!</div>

Давайте рассмотрим, что означает данный код:

• выравнивание текста внутри по центру (внутрь его я вставляю остальную часть кода)
  
  <div align=»center»></div>
• вставка картинки (картинку я загрузила на хостинг и указала путь к ней)

  <img src="https://readmag.ru/wp-content/uploads/404.jpg">

•  <h3></h3> — тексту присваивается стиль заголовка h3
• Код для вывода рубрик:

  <?php wp_list_cats ('sort_column=name'); ?>

• Если хотите вывести список из 5 последних опубликованных записей, добавьте этот код:

  <?php get_archives ('postbypost', 7); ?>

После этих изменений страница ошибки 404 стала выглядеть следующим образом:

Со временем буду приукрашивать ее еще. На сегодня у меня все. А как  на Вашем блоге  оформлена страница ошибки 404 или все еще показывается стандартная страница?

Здравствуйте, уважаемый читатель, блога inetsovety.ru! Сегодня я напишу о том, как сделать карту сайта, которая будет выводиться на отдельной странице и на ней посетители смогут посмотреть список опубликованных на блоге материалов. В первую очередь, карта сайта нужна для удобства Ваших посетителей. Когда на блоге (сайте) опубликовано пару десятков статей, не сложно пролистать архив и найти нужную. А вот когда число статей достигнет сотни, а то и перевалит за несколько, ориентироваться будет сложнее.

Кто-то может возразить, мол у меня все разбито по рубрикам, открывай любую и просматривай архив. Но в архиве на страницу выводится 5-10 записей и поэтому нужно долго листать со страницы на страницу, пока попадется нужная запись. Чтобы сэкономить время на поиски, создайте у себя на блоге страницу с картой блога, на которой будет выводится список статей.

Чем мне нравится движок WordPress, так это тем, что для него написано множество плагинов и дополнений.

И как Вы уже догадались, карту блога тоже можно легко создать с помощью специального плагина WordPress. Плагин для создания карты сайта на WordPress называется dagon design sitemap generator. Скачать его можно отсюда.

Настройки плагина Dagon Design Sitemap Generator

После установки плагина перейдем к его настройкам. Найти страницу настроек плагина Dagon Design Sitemap Generator в админке Вы сможете в разделе Параметры — DDSitemapGen.

Не пугайтесь, что все на английском. Язык меняется за минуту. Выберите русский язык и внизу нажмите на кнопку сохранить данные. Теперь все станет на русском. Настройки имеют множество вариантов, поэтому каждый сможет настроить карту сайта под себя. Сразу же под полем выбора языка, находится поле, в котором Вы можете указать число выводимых строк на странице карты блога. У меня выбрано 100, если хотите вывести все записи на одной странице, то поставьте 0.

Далее Вы выбираете, что показывать и в каком порядке.

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

Создание страницы в редакторе

На этом настройка плагина dagon design sitemap generator завершена. Осталось создать страницу и назвать ее Карта сайта, или же придумать свое название. И вставить код в в HTML редакторе:

<!-- ddsitemapgen -->

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

На этом у меня все, надеюсь у Вас получится без проблем создать карту сайта на блоге WordPress с помощью данного плагина. Единственный, но не смертельный минус — плагин давно не обновлялся его разработчиком. Прошло несколько лет.  Большого влияния на скорость загрузки блога, этот плагин не оказывает, тем не менее, когда есть возможность заменить плагин кодом, я всегда ее использую.

Как создать карту сайта без плагинов

Для реализации вывода всех статей блога на отдельной странице без плагина мы сделаем следующее:

1. Соединимся с хостингом любым фтп клиентом.
2. Сделаем резервную копию файлов темы, на всякий случай. А в отдельную папку копируем файл page.php для последующего редактирования.
3. Текстовым редактором Notepad++ внесем правки в файл page.php.
4. Для новой страницы выберем в качестве шаблона только, что созданный файл.

Это было краткое описание последовательности работы. А теперь я распишу каждый шаг более подробно и с картинками.

Если Вы не знаете, как соединиться с хостингом при помощи клиента FileZilla читайте в статье https://inetsovety.ru/kak-polzovatsya-filezilla/

Далее заходим в папку сайта (если такова есть), если ее нет, то ищем папку public_html, в ней находим wp-content, а потом открываем themes. Как называется папка с темой, которая установлена на Вашем блоге, знаете только Вы. Сначала я рекомендую скопировать на компьютер, в то место, где Вы храните резервные копии файлов сайта, папку с шаблоном целиком. А потом в другое место на компьютере скопировать файл page.php.

Откройте его программой Notepad++. Обычный блокнот лучше не использовать, т.к. при сохранении могут возникнуть проблемы с кодировкой. Далее я буду показывать Вам редактирование файла page.php простой Вордпресс темы, которую я скачала в сети.

Вот такой код был у меня:

У Вашей темы должно быть что-то похожее. Главное найдите в файле функции вызова шапки, сайдбара и футера. А остальное мы будем редактировать и удалять.

Поскольку мы создаем файл-шаблон, то это нужно указать непосредственно в файле специальным кодом.

Вот этот код:

<?php

/* Template Name: blogmap 

*/ 

?>

Его добавляем в самое начало файла до строчки с кодом вызова шапки. Его я стрелочкой выделила на картинке выше.

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

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

<?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(300,225), array("class" => "alignleft post_thumbnail")); } ?>

<?php the_content('<p class="serif">Читать далее »</p>'); ?>

<?php wp_link_pages(array('before' => '<p><strong>Страницы:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>

Вместо этого кода, мы добавим код, который выведет список всех статей:

  <div class="blogmap">

       

 <!-- Вывод статей по категориям -->

                        <span class="post-cat"><h2>Статьи по категориям</h2>

 

                        <?php

 

                            $cats = get_categories();

                            foreach ( $cats as $cat ) {

 

                            query_posts( 'posts_per_page=-1&cat=' . $cat->cat_ID );

 

                        ?>

 

                            <h3><?php echo $cat->cat_name; ?></h3>

                            <ul>   

                                <?php while ( have_posts() ) { the_post(); ?>

                                <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

                                <?php } wp_reset_query(); ?>

                            </ul>

 

                        <?php } ?></span>

  <!-- вывод списка страниц -->

                        <span>

                            <h2>Страницы</h2>

                            <ul>

                                <?php

        wp_list_pages('exclude=9999'); //**Сюда вставьте через запятую ID страниц, которые желаете исключить. Если таких страниц нет, то оставьте поле пустым.

    ?>

                            </ul>

                        </span>

 <!-- Начало вывода категорий -->

                        <span>

                            <h2>Категории блога:</h2>

                            <ul>

                                <?php wp_list_categories('title_li='); ?>

                            </ul>

</span>                    

<!-- Начало вывода архивов -->

                        <span> 

                            <h2>Архивы</h2>

                            <ul>

                                <?php wp_get_archives('type=monthly&show_post_count=0'); ?>

                            </ul>

</span>      

                </div>

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

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

Не исключено, что с первой попытки у Вас не заработает вывод карты сайта без плагина как надо. Не расстраивайтесь. Скопируйте заново файл page.php и проделайте все шаги заново. Может быть, Вам придется какую-то строчку кода удалить дополнительно в исходном файле. Вообще не бойтесь экспериментировать, но не забывайте о создании резервной копии исходного файла.

Публикую код моей страницы полностью с комментариями, возможно кому-то поможет. Смотрите под спойлером.

<?php

/* 

Template Name: blogmap 

*/ 

?>

<?php get_header(); ?>

<div class="outer" id="contentwrap">

	<div class="postcont">

		<div id="content">	



			<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

			<div class="post" id="post-<?php the_ID(); ?>">

			<h2 class="title"><?php the_title(); ?></h2><!-- Вывод названия страницы -->

				<div class="entry"><!-- класс стилей оформления поста -->

<?php the_content('')  ?><!-- добавляем эту функцию, если нужно вывести на странице текст -->

  <div class="blogmap">

       

 <!-- Вывод статей по категориям -->

                        <span class="post-cat"><h2>Статьи по категориям</h2>

 

                        <?php

 

                            $cats = get_categories();

                            foreach ( $cats as $cat ) {

 

                            query_posts( 'posts_per_page=-1&cat=' . $cat->cat_ID );

 

                        ?>

 

                            <h3><?php echo $cat->cat_name; ?></h3>

                            <ul>   

                                <?php while ( have_posts() ) { the_post(); ?>

                                <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

                                <?php } wp_reset_query(); ?>

                            </ul>

 

                        <?php } ?></span>

  <!-- вывод списка страниц -->

                        <span>

                            <h2>Страницы</h2>

                            <ul>

                                <?php

        wp_list_pages('exclude=9999'); //**Сюда вставьте через запятую ID страниц, которые желаете исключить. Если таких страниц нет, то оставьте поле пустым.

    ?>

                            </ul>

                        </span>

 <!-- Начало вывода категорий -->

                        <span>

                            <h2>Категории блога:</h2>

                            <ul>

                                <?php wp_list_categories('title_li='); ?>

                            </ul>

</span>                    

<!-- Начало вывода архивов -->

                        <span> 

                            <h2>Архивы</h2>

                            <ul>

                                <?php wp_get_archives('type=monthly&show_post_count=0'); ?>

                            </ul>

</span>      

                </div>

	

				</div>

			</div>

			<?php endwhile; endif; ?>

		

		</div>

	</div>

	



<?php get_sidebars(); ?>



</div>

<?php get_footer(); ?>

В этом коде для оформления страницы используются классы, которые прописаны в файле style.css моей темы. У Вашей темы скорее всего они будут другие. Обращайте на это внимание при редактировании.

Сохраняйте изменения в файле. Назовите его новым именем, например blogmap.php. Скопируйте в папку с темой. В ту же папку откуда Вы копировали page.php.

Теперь создайте новую страницу, в правой колонке выберите только что созданный шаблон:

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

Доброго времени суток, посетители inetsovety.ru! Сегодня я хочу рассмотреть следующий вопрос: защита блога на WordPress.

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

Защищаем вход в панель администратора

1. Данные для доступа в админку. Придумайте сложный пароль для доступа в админку, а также смените стандартное имя админ, на любое другое свое. Для этого создайте нового пользователя с новым именем и установите ему права доступа администратора. После этого выйдите из админки и зайдите под новыми данными. После этого удалите учетную запись админа. Сделав это Вы обезопасите блог от взлома.
2. Пароли. Не храните пароли от админ панели в браузере. Если Вы используете Total Commander для FTP-доступа к сайту, то тоже не рекомендуется хранить там пароль. позаботьтесь о защите своего компьютера — установите хороший антивирус и файерволл.
3. Ограничение на количество попыток входа в админку. Установите плагин Login LockDown, который автоматически настроен на ограничение неудачных попыток входа в админку. Дается 3 попытки для ввода данных, после этого доступ к странице будет заблокирован на час.  Подробнее о защите админки https://inetsovety.ru/kak-zashtitit-adminku-wordpress/
4. Последняя версия WordPress. Используйте последнюю версию движка WordPress, а также не забывайте обновлять плагины до последних версий. Как обновить движок WordPress написано тут.

Скрываем версию WordPress

Установите плагин, который скрывает версию WordPress при просмотре кода страницы. Этот плагин называется Replace WP-Version.  Если не хотите создавать дополнительную нагрузку плагином, то тогда Вам нужно в файле header.php удалить следующую строчку кода:<meta name=”generator” content=”WordPress <?php bloginfo (’version’); ?>” />.

Как посмотреть версию движка, который установлен на Вашем сайте. Зайдите в админку и в самом верху перейдите в пункт меню Консоль — Главная. Если Вам предлагают обновиться до новой версии, то не игнорируйте это предложение и уделите пару минут обновлению.

А как узнать какая версия WordPress у любого другого блога? Нужно открыть исходный код страницы анализируемого сайта, нажав комбинацию клавиш CTRL+U и в самом верху найти мета тэг:

<meta name="<a>generator</a>" content="<a>WordPress 3.4.2</a>" >;

Есть два способа скрыть версию движка WordPress.

1. Установите плагин Replace WP-Version. Все что нужно — установить и активировать его. И он сам скроет информацию о версии вордпресс.
2. Добавить в файл functions.php небольшой код:

    remove_action('wp_head', 'wp_generator');

Проверяем шаблон блога на уязвимости

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

О том, какие скрытые угрозы вас могут ожидать в бесплатном шаблоне из интернета читайте по ссылке https://inetsovety.ru/skrytye-ugrozy-v-besplatnyh-shablonah/

В админке блога находим раздел Плагины — нажимаем Добавить новый — и в открывшемся окне вводим в строку поиска его название: TAC.

Устанавливаем плагин TAC и активируем его. Для открытия страницы плагина, найдите в разделе Внешний вид — нажмите TAC. Откроется страница на которой будут представлены результаты поиска закодированных ссылок по всем установленным темам на сайте. Вот пример темы, в которой найден зашифрованный код «base64_decode» в файле сайдбара.

Зашифровали эту ссылку для того, чтобы вы не смогли ее сразу удалить. Расчет идет на то, что вы как новичок, смиритесь с ее наличием. Предлагаю вам самостоятельно разобраться тем, как удалять подобные ссылки. Вопросу как удалить ссылки в шаблоне WordPress посвящена отдельная статья, прочтите ее.

Защита файлов сайта

1. WP-Security Scan. Данный плагин подскажет, какие уязвимости есть на Вашем блоге и что нужно исправить. Подробнее о плагине WP-Security Scan я напишу в отдельной статье. К примеру, он показывает какие права сейчас стоят на папках и какие должны быть, чтобы обеспечить защиту блога на  WordPress.
2. Доступ к папкам. Введите в адресную строку по очереди эти адреса
   
   http://ваш домен/wp-content/
   
   http://ваш домен/wp-content/plugins/
   
   По каждой из ссылок должна открыться чистая страница. Если же открывается список фалов или что-то другое, то Вам нужно поменять права доступа к папкам.
3. Хостинг. Какое отношение к безопасности блога имеет хостинг — скажете Вы. Да самое прямое. На форумах иногда можно встретить темы, в которых люди пишут, что их блог погиб из-за некачественного хостинга, который взломали. Выбирайте для своего сайта сразу качественный и надежный хостинг, который обезопасит Ваш блог от подобных проблем в будущем.

Делайте бэкапы

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

Скачайте последнюю версию плагина WordPress Database Backup с сайта wordpress.org. Или через поиск плагинов найдите WP-DB-Backup.

После успешной установки и активации, зайдите в раздел Инструменты – Резервное копирование:

На странице настроек плагина WordPress Database Backup можно указать дополнительно какие таблицы базы данных сохранять, кроме основных. Сделать резервную копию базы данных и сохранить ее на компьютер или отправить на имейл. А также задать расписание автоматического создания резервной копии базы данных и отправки ее на имейл:

На установку и настройку плагина WordPress Database Backup у Вас уйдет пару минут, но зато в будущем в случае чего это сохранит Вам кучу нервов и времени.

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

Если Вам известны другие методы защиты блога на WordPress, которых нет в списке, то пишите их в комментариях.