Опубликовано вПро Сайты

Кнопка вверх для сайта, как сделать кнопку наверх на сайте. Код (скрипт) кнопки вверх на Html, css и Jquery для блога WordPress

В этом небольшом посте я хочу поделиться с вами своей "стрелочкой наверх" В интернете большое количество сайтов (блогов) без кнопки вверх и это очень сильно раздражает. Думаю, понятно почему. Не буду тянуть кота за хвост, а перейду сразу к делу. На самом деле все очень просто, и если вы хорошо разбирается в. Код Html и css стили кнопки наверх, которые я использую у себя на блоге. <a id="go_top" style="position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none;"><img title="Наверх" src="ссылка на картинку" alt="Наверх" /></a> Размер кнопки или стрелки (кому как нравится) равен размеру картинки, которую вы хотите использовать. У меня стрелка…
Метки:
Опубликовано вПро Сайты

Мета WordPress: как изменить (редактировать) виджет МЕТА (2 способа)

Как отредактировать виджет МЕТА и убрать ненужные ссылки. Для удобства в WordPress'e  уже установлено множество полезных виджетов, одним из них является виджет МЕТА. Думаю, раз уж вы попали на этот пост, то вам прекрасно известно назначение данного виджета. Поэтому давайте сразу приступим к его редактированию. Способ 1: Вот как выглядит на сайте WordPress виджет МЕТА: Нам нужно убрать лишние ссылки - RSS и оф. сайт WordPress. К сожалению, через админку этого сделать не получится, поэтому будем редактировать сам файл с кодом виджетов по умолчанию. Итак находим файл default-widgets.php, которые находится в папке wp-includes. Откройте данный файл и найдите вот этот код: <ul>…
Метки:
Опубликовано вПро Сайты

Очищаем header от ненужных ссылок. Убираем лишнее из функции wp_head() WordPress

Избавляемся от лишних строк в header'e при помощи функции remove_action(). В файле header.php вашей темы есть функция (хук) wp_head(). Говоря простым языком, она выводит содержание (<link />) между тегами <head></head>. Вроде она бесполезна, но не тут-то было. Дело в том, что многие плагины не будут стабильно работать без wp_head(). К примеру, плагин All in One SEO Pack использует эту функцию для вывода мета-тегов: title, description и не только. Как вы уже поняли, функция wp_head() очень даже важна и необходима для стабильной работы сайта, но по умолчанию она выводит также лишние ссылки и ненужную информацию в header. Чтобы избавится от них вставляем данный код в файл…
Метки:
Опубликовано вПро Сайты

Создание сайта (блога) на WordPress за 1000 рублей. Заказать сайт на CMS WordPress по шаблону

Сайт или блог на WordPress по шаблону от 1000 рублей. Приветствую Вас на своей скромном и простом блоге myBlogy.ru. Это статья для тех, кто хочет дешево и быстро заказать блог на CMS WordPress. Если вы хотите поделиться своими мыслями и идеями со всем интернет сообществом - то "блог вам в помощь". WordPress - лучший движок (платформа) для создания многофункционального блога (сайта). С ним легко работать, имеется огромное количество бесплатных шаблонов. Вам не нужно будет разбираться с тонкостями web-программирования и верстки. Все, что от Вас требуется, - выбрать понравившийся вам шаблон (тему) с сайта wp-templates.ru и оформить заказ на услуги по созданию сайта (блога). Стоимость (цена)…
Метки:
Опубликовано вПро Сайты

Таблица с фиксированной шапкой на HTML при помощи CSS при скроллинге страницы

HTML таблица с фиксированной шапкой Согласитесь, таблицы с большим количеством строк тяжело читать и разбирать. Куда удобнее их просматривать, когда шапка с наименования столбцов фиксируется при скролле. При помощи position: sticky можно зафиксировать шапку таблицы (или блок) при скролле странницы. Данное позиционирование схоже с position: fixed. Различие лишь в том, что position: sticky фиксирует элемент в пределах своего родителя. Чтобы зафиксировать шапку таблицы при скроллинге, задайте тегам <th> позиционирование sticky и отступ сверху при помощи 20px. ДЕМО table .th{ position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 20px; } Отступ необходим, если у вас, к примеру, также на сайте есть фиксированная шапка с…
Метки:
Опубликовано вПро Сайты

Установка fancybox на сайт (блог) WordPress без плагина

Устанавливаем fancybox на WordPress без помощи плагина. Я долгое время пользовался плагином "fancybox for WordPress", пока его не взломали и мой блог Гугл кинул в ЧС. На данный момент с плагином все нормально, он также популярен, но я его вряд ли еще раз установлю к себе на сайт. Мне на блоге галерея по сути не нужна, просто необходимо, чтобы картинки большого разрешения открывались в модальном окне. И в этом мне помог fancybox v1.3.4.Для начала скачиваем архив jquery.fancybox-1.3.4.zip, распаковываем его. Внутри основной папки есть папка "fancybox": Можете ее полностью скопировать на сервер. Я взял из этой папки лишь изображения и файлы "jquery.fancybox-1.3.4.js"…
Метки:
Опубликовано вПро Сайты

Всплывающее окно при входе на сайт. Как сделать всплывающее окно для сайта при заходе на него

Всплывающее окно при заходе на сайт Для различных целей может понадобится всплывающее окно на сайте с какой-либо важной информацией. К примеру: акции, подписка, объявления и т.п. Для реализации будем использовать стандартную библиотеку jquery и jquery.cookie. Окно можно сверстать, но я буду использовать стандартное модальное окно Bootstrap. Для начало вам понадобится подключить библиотеки jquery и css стили для Bootstrap: <!-- css Bootstrap --> <link rel="stylesheet" href="https://yastatic.net/bootstrap/3.3.6/css/bootstrap.min.css"> <!-- jquery --> <script src="https://yastatic.net/jquery/3.1.1/jquery.js"></script> <script src="https://yandex.st/jquery/cookie/1.0/jquery.cookie.min.js"></script> <script src="https://yastatic.net/bootstrap/3.3.6/js/bootstrap.min.js"></script> Код HTML всплывающего окна Bootstrap: <div id="okno" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title">Всплывающее…
Метки:
Опубликовано вПро Сайты

Защита от спама в WordPress при помощи плагина DCaptcha, простая капча на WordPress

Комментарии - важная составляющая любого сайта и блога. При помощи них ваши посетители могут общаться с вами или между собой. Если не поставить какую-либо защиту (капчу), то рано или поздно вас начнут доставать спам-боты. Я сталкивался с проблемой спама. Нет, сообщения не захламляли блог своими нелепыми текстами, они просто нагружали базу и приходилось вручную от них избавляться, а это занимает время и нервы. Решил эту проблему установкой самой простой и, по-моему, самой удобной капчи - плагина Dcaptcha. Простота этой капчи (captcha) заключается в том, что от посетителя, желающего написать комментарий, только требуется подтвердить галочкой, что он человек, в противном случае…
Метки:
Опубликовано вПро Сайты

Как изменить логотип WordPress при входе в админ панель

Всем привет! Меня со временем начал раздражать логотип WordPress на странице входа в админку (wp-login.php). Думаю, что и вас тоже, раз уж вы попали на этот пост. Порывшись немного в интернет, я нашел коротенький код (хак), который нужно вставить в файл function.php: function my_logo_wp(){ echo '<style type="text/css">#login h1 a { background: url('. get_bloginfo('template_directory') .'/images/logowp.png) no-repeat 0 0 !important; }</style>'; } add_action('login_head', 'my_logo_wp'); Перед тем как вставите код, киньте в папку images вашей темы готовый логотип, картинку размером 326х67. Она у меня называется logowp.png. Теперь заменяем ссылку, ведущую на wordpress.org, на свою и убираем title при помощи фильтров, которые также вставляем в…
Метки:
Опубликовано вПро Сайты

Как обрезать длинное название поста (title) до нужного количества слов или символов на WordPress Мне однажды потребовалось обрезать заголовки постов до 7 слов в блоке "похожие записи", который находиться у меня в конца каждой статьи. Я не хотел использовать всякие там плагины и нагружать сервер, поэтому нашел в интернете функции, при помощи которых можно обрезать заголовок до нужного количества символов и слов. Функция ограничения заголовка (title) по количеству символов Вставляем в файл function.php вот этот код: function title_chars($count, $t) { $title = get_the_title(); if (mb_strlen($title) > $count) $title = mb_substr($title,0,$count); else $t = ''; echo $title . $t; } $count - количество символов. $t - текст, который будет стоять в конце обрезанного заголовка. Обычно ставят "...". get_the_title()…
Метки: