All about WordPress

by Denis Tverdokhlebov

HTML

<body>
  <div class="text">
    <h2>WordPress</h2>
  </div>
  <div class="content">
  <p class="h__one">
      Интересные ссылки на статьи
    </p>
    <ul>
      <li><a href="https://wpincode.com/kak-otklyuchit-json-rest-api-v-wordpress/">Как Отключить JSON REST API В WordPress</a></li>
      <li><a href="https://wpincode.com/kak-vyvesti-citatu-dlya-zashhishhennoj-parolem-zapisi-v-wordpress/">Как Вывести Цитату Для Защищенной Паролем Записи В WordPress</a></li>
      <li><a href="https://wpincode.com/kak-dobavit-blok-bolshe-zapisej-iz-etoj-rubriki-posle-stati-v-wordpress/">Как Добавить Блок «Больше Записей Из Этой Рубрики» После Статьи В WordPress</a></li>
      <li><a href="https://wpincode.com/kak-peremestit-pole-teksta-kommentariya-vniz-v-wordpress-4-4/">Как Переместить Поле Текста Комментария Вниз В WordPress 4.4</a></li>
      <li><a href="https://wpincode.com/pachka-poleznyx-snippetov-dlya-bloga-chast-41/">Пачка Полезных Сниппетов Для Блога. Часть 41</a></li>
      <li><a href="https://wpincode.com/pachka-poleznyx-snippetov-dlya-bloga-chast-40/">Пачка Полезных Сниппетов Для Блога. Часть 40</a></li>
      <li><a href="https://wpincode.com/kak-sozdat-bazu-znanij-wiki-s-pomoshhyu-wordpress/">Как Создать Базу Знаний Wiki С Помощью WordPress</a></li>
      <li><a href="https://wpincode.com/pachka-poleznyx-snippetov-dlya-bloga-chast-38/">Пачка Полезных Сниппетов Для Блога. Часть 38</a></li>
      <li><a href="https://webformyself.com/malenkaya-podskazka-kak-s-nulya-sdelat-neobychnuyu-formu-registracii-wordpress/">Форма регистрации на WordPress</a></li>
    </ul>
    <hr>
    <p class="h__one">
      Создание своего плагина
    </p>
    <p>
      Нужно создать новую папку в директории с плагинами. Например:
    </p>
    <p class="code">
      /wp-content/plugins/wpincode-plugin/
    </p>
    <div class="code_box">
      <xmp>
<?php
/*
Plugin Name: Site Plugin for wpincode.com
Description: Site specific code changes for wpincode.com
*/
/* Начинаем добавлять...

CSS

body {
  max-width: 100vw;
  margin: 0 auto;
  position: relative;
}

.text {
  background-image: url('https://cdn.dribbble.com/users/25514/screenshots/4074602/logo-design-sketches-mobingi-by-ramotion.png');
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  
  height: 100%;
  padding: 20px 0;
  -webkit-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.36);
}

.text h2 {
  background-color: rgba(59, 59, 59, 0.7);
  height: 100%;
  padding: 20px 0;
}

.content {
  padding: 20px 50px;
}

hr {
  margin: 35px 0;
  padding: 0;
  opacity: 0.5;
}

.h__one {
  font-size: 18px;
  font-weight: 600;
}

p.code {
  background: #777777;
  padding: 15px 25px;
  border-radius: 5px;
  color: #ffffff;
}

.code_box {
  width: 90% !important;
  margin: 0 auto;
  height: 100% !important;
  padding: 5px 30px !important;
  background: #777777;
  color: #ffffff;
  border-radius: 5px;
}