Доброго времени суток, уважаемые читатели ИнетСоветы.ру! Из этого поста вы узнаете, как добавить кнопку «наверх» без плагина.
Для установки кнопки наверх без плагина необходимо загрузить на хостинг 2 файла и добавить несколько кодов в файлы темы. Читать
Приветствую, Вас, уважаемые читатели, ИнетСоветы.ру!
Неотъемлемой частью привлекательности любого сайта является его оформление. В этой статье мы разберем как поменять стандартный WordPress шаблон на тот, который нам нравится. Сейчас в интернете можно найти найти тысячи бесплатных шаблонов для блога на WordPress. Достаточно ввести в поисковую фразу поисковика Яндекс или Google одну из следующих фраз: «шаблоны WordPress», «темы для WordPress». И от разнообразия тем у Вас глаза будут разбегаться 
Почитайте, какие скрытые угрозы скрываются в бесплатных шаблонах по ссылке https://inetsovety.ru/skrytye-ugrozy-v-besplatnyh-shablonah/
Чтобы определиться какой дизайн Вам нравится и наиболее подходит для выбранной тематики, уделите немного времени изучению дизайна на сайтах конкурентов. Посмотрите какие части дизайна Вам нравятся, а какие совсем не в тему. Представьте или нарисуйте на листе бумаги, какая структура блоков должна быть на Вашем сайте. Со своего опыта скажу, что выбрать подходящую тему не так уж просто. На поиски шаблона, который понравится в первую очередь Вам, может уйти несколько дней, а то и недель.
Большинство бесплатных шаблонов генерируются программами. Можно встретить один и тот же шаблон, но в различных цветах. У большинства из них структура WordPress шаблона сложная. Поэтому, если Вы планируете в будущем самостоятельно редактировать дизайн сайта (менять размер блоков, редактировать отдельные элементы), то обращайте внимание на структуру шаблона, чтобы она была хоть немного понятна Вам. При выборе шаблона на сайтах, пользуйтесь функцией предпросмотра. Она дает возможность посмотреть как будет смотреться сайт и отдельные его страницы. Другие советы по выбору дизайна сайта, читайте тут.
Итак, шаблон Вы подобрали и теперь рассмотрим как его установить.
На этом установка выбранного Вами шаблона закончена. Рекомендую Вам проверить плагином TAC наличие зашифрованных внешних ссылок в теме. Практическая каждая бесплатная тема содержит спрятанную в шаблоне ссылку, а порой и не одну. Если Вы нашли зашифрованные или скрытые ссылки, почитайте в этой статье как удалить ссылки в шаблоне.
Если Вы создаете свой блог, то рано или поздно Вам придется редактировать некоторые файлы шаблона, добавляя в него новые функциональны возможности. Сейчас все больше шаблонов создаются с помощью специальных программ, и в зависимости от функциональности, шаблон может состоять из большого количества файлов. Но, ядро шаблона у всех одинаковое.
На картинке ниже показана структура структура шаблона на WordPress блоге, состоящая из базового набора php файлов:
Каждый шаблон состоит из следующих обязательных блоков: шапка, контент (содержание), сайдбар и футер. Некоторые шаблоны содержат 2 сайдбара и являются двух колоночными.
Давайте рассмотрим какой файл шаблона WordPress за что отвечает:
header.php — с помощью данного файла задается вывод шапки. В шапке задается вывод логотипа, названия и описания блога, горизонтального меню. В некоторых шаблонах в шапке выводится рекламный баннер и строка поиска.
index.php — файл, в котором прописан код главной страницы сайта.
archive.php — данный файл задается отображение записей на страницах архива. В этом файле можно установить удобную постраничную навигацию.
page.php — в данном файле находится код вывода статичных страниц блога.
single.php — данный файл содержит код, который отображает страницы со статьями. В него можно добавить дополнительные элементы, такие как: кнопки социальных сетей (вконтакте, твиттер, фейсбук, гугл +1), вывод похожих записей, форму подписки по RSS.
search.php — отвечает за отображение результатов поиска на блоге.
footer.php — футер или подвал. Самая нижняя часть блога. Здесь прописывается копирайт, ссылка с анкором на главную страницу, также можно добавить коды счетчиков.
sidebar.php — сайдбар или боковая колонка. В зависимости от шаблона, может быть 1-2 сайдбара. В сайдбаре выводятся различные виджеты.
404.php — страница ошибка, которая показывается посетителям в случае перехода на несуществующую страницу. Как создать страницу ошибки 404 читайте тут.
style.css— именно в этом файле прописываются все коды, отвечающие за оформления блога. Если нужно поменять цвет фона, размер шрифта текста, оформление какого-нибудь блока, то обращаемся к этому файлу.
functions.php — файл функций темы. Тут подключается вывод сайдбара, функция вывода миниатюр к записям, и прочие.
Теперь Вы знаете какой файл за вывод какого участка шаблона отвечает и сможете самостоятельно редактировать их. Не забывайте перед редактированием какого-либо из этих файлов сохранять резервную копию шаблона.
Добрый день! Сегодня я расскажу о том, как установить специальный аватар для комментариев — Gravatar (граватар). Зачем нужен граватар пользователю интернета? Отличительное свойство Gravatar заключается в том, что этот аватар (картинка) публикуется при оставлении комментариев на разных блогах. Граватар — элемент узнаваемости, который позволяет отличить Вас от других пользователей. Поэтому, если Вы хотите выделиться, то установите себе аватар для комментирования.
Что такое граватар разобрались. Давайте рассмотрим как создать Gravatar (граватар) для вордпресс.
На последнем шаге остается выбрать категорию сайтов, на которых будет показываться граватар. Если на Вашем граватаре изображение «белое и пушистое», то выбирайте рейтинг G. В противном случае, если картинка нарушает какие-либо общепринятые нормы, то выбирайте другой рейтинг.
Вот собственно и все. Граватар установлен и Вы можете проверить его отображение, оставив комментарий с указанием имейла для которого установлен Граватар.
Здравствуйте, уважаемые читатели! В этой статье я опишу несколько плагинов, которые запрещают выделение и копирование текста, а также опубликую коды скриптов.
Хочу продолжить начатую раньше тему о защите статей от копирования. Данная проблема была актуальной во все времена, поскольку всегда найдется дилетант, который захочет украсть авторский контент и выдать его за свой на своем сайтишке. Идеального способа бороться с данной проблемой нет, но тем не менее, можно использовать некоторые методы, которые усложнят жизнь копипастерам.
Примером такой дополнительной защиты служат плагины, которые запрещают выделение текста и его копирование, а также отключают правую кнопку мыши. Конечно такой плагин не защитит на 100% от воровства статьи, но новички и дилетанты, которые привыкли копировать текст выделением, будут лишены такой возможности.
Плагин называется WP-CopyProtect. Ниже представлена картинка с настройками функций плагина:
Поскольку плагин на английском, хотя из-за этого пугаться не стоит все элементарно :), я ниже объясню обозначения.
Цифрой один отмечена функция отключения правой кнопки мыши. Предусмотрена возможность показа сообщения при нажатии правой кнопки мыши. Напротив надписи Disable right click and show message напишите сообщение, которое будет показываться при нажатии правой кнопки.
Циферкой 2 обозначена функция отключения возможности выделения текста. Цифрой 3 отмечена возможность включить показ информации о защите. Данная информация появляется в самом низу под футером. Я эту функцию не использую. И самое важное, не забудьте сохранить изменения нажатием на кнопку 4. Вот так легко можно запретить выделение текста и копирование с помощью плагина WP-CopyProtect.
Можно наложить копирайт на загружаемые картинки к статьям, в частности, если Вы сами делаете их или публикуете скрины. Поможет защитить картинку копирайтом плагин Watermark Reloaded.
Важно! Сделайте резервную копию файлов шаблона перед редактированием, чтобы в случае чего, восстановить работоспособность сайта.
1. Данный скрипт дает возможность выделить текст и скопировать его в буфер обмена, но кода вор будет его вставлять, то окажется, что буфер обмена пуст. Находим в файле header.php тег <body > и заменяем его на следующий:
<BODY oncopy="return false;">
2. Отключение правой кнопки мыши следующим скриптом:
<script type="text/javascript" language="JavaScript"> document.onselectstart=function(){return false} document.oncontextmenu=function(){return false} document.onmousedown=function(){return false}</script>
Данный код вставляется в файле header.php перед закрывающим тегом </head>.
3. Принудительно добавляем в буфер к скопированному тексту ссылку на источник с помощью скрипта, который вставляется перед </head>:
<script type="text/javascript">// <![CDATA[
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection = window.getSelection();
// Вы можете изменить текст в этой строчке
var pagelink = "
Источник: <a href='"+document.location.href+"'>"+document.location.href+"</a> © Реальный заработок в интернете inetsovety.ru
";
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout( function() {
body_element.removeChild(newdiv);
}, 0);
}
document.oncopy = addLink;
// ]]></script>
4. Запрет выделения текста с помощью скрипта. Данный скрипт состоит из 2-х частей. Первую часть вставляем перед хорошо нам знакомым </head>:
<script type="text/javascript">// <![CDATA[
function disableSelection(target){
if (typeof target.onselectstart!="undefined")
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined")
target.style.MozUserSelect="none"
else
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
// ]]></script>
А вторую часть в файл footer.php, перед строкой <?php wp_footer (); ?>:
<script type="text/javascript">// <![CDATA[ disableSelection(document.body) // ]]></script>
5. Помимо внутренней перелинковки между статьями, есть еще один оригинальный способ оставить ссылку на свой сайт в тексте, которая будет не заметна невооруженным глазом — ссылка на знак препинания, например на точку в конце предложения.
6. Другой оригинальный способ закрепить за собой авторство — вставить в текст невидимый блок, в котором будет написано кто автор статьи. Данный код будет невиден на Вашем сайте, за счет стилей, но проявится на сайте вора:
.hid{display:none;}
Хочу добавить, что работу этих скриптов можно обойти, если отключить в браузере использование javascript.
Если, вдруг, Вы обнаружили, что статья украдены и находится на другом сайте, то почитайте в предыдущей статье «Защита контента от копирования«, как вычислить владельца сайта, который размещает ворованный контент.
А как Вы считаете, нужно ли ставить на свой сайт плагин или скрипты, которые запрещают выделение и копирование текста?
Доброго времени суток! Тема сегодняшней статьи — «Как установить на блоге WordPress постраничную навигацию без плагина и с ним». Всем известно, что плагины создают дополнительную нагрузку на хостинг, поэтому нужно стараться, по возможности, заменять функции, выполняемые тем или иным плагином, на код.
Первым делом сделайте, на всякий случай, резервную копию файлов шаблона, чтобы в случае неправильно редактирования не испортить шаблон.
Первое что нужно сделать — вставить в файл functions.php код функции, чтобы не запутаться и не совершить ошибок, вставляйте код сразу после тега <?php
function wp_corenavi() {
global $wp_query, $wp_rewrite;
$pages = '';
$max = $wp_query->max_num_pages;
if (!$current = get_query_var('paged')) $current = 1;
$a['base'] = str_replace(999999999, '%#%', get_pagenum_link(999999999));
$a['total'] = $max;
$a['current'] = $current;
$total = 1; //1 - выводить текст "Страница N из N", 0 - не выводить
$a['mid_size'] = 5; //сколько ссылок показывать слева и справа от текущей
$a['end_size'] = 1; //сколько ссылок показывать в начале и в конце
$a['prev_text'] = '«'; //текст ссылки "Предыдущая страница"
$a['next_text'] = '»'; //текст ссылки "Следующая страница"
if ($max > 1) echo '
'; }
Против некоторых полей, Вы можете видеть пояснения на русском, поэтому на свое усмотрение можете поменять эти настройки.
Далее нужно на страницах, где требуется вывод постраничной навигации (архивы, поиск, главная) установить код:
<!--?php if (function_exists('wp_corenavi')) wp_corenavi(); ?-->
На картинке ниже, Вы можете посмотреть куда нужно вставлять код в файле:
Заключительным шагом является настройка внешнего вида. В частности нужно задать вывод кнопок навигации, либо с помощью картинки, либо через css стили. Я покажу, как сделать красивый внешний вид с помощью изображений. Специально для своих читателей выкладываю изображения для постраничной навигации в различной цветовой гаме:
Сохраните себе в двух подходящих цветах. Одна кнопка будет для активной страницы, а другая для всех остальных.
В файл style.css нужно добавить следующий код:
.navigation {
text-align:center; margin:30px 0;
}
a.page-numbers {
background:url(images/act_nav.png) no-repeat; width:25px; height:25px; display: inline-block; padding:5px 0 0 0; font-weight:bold;
}
a:hover.page-numbers{
background:url(images/activ_nav.png) no-repeat; color:#fff; text-decoration:none;
}
span.page-numbers.current {
background:url(images/activ_nav.png) no-repeat; color:#fff; width:25px; height:25px; display: inline-block; padding:5px 0 0 0; font-weight:bold;
}
Важно правильно указать путь до картинок постраничной навигации на хостинге! Картинки нужно загружать в папку с темой, которая находится по такому адресу public_html/wp-content/themes/тема/images
Также, не ошибитесь с указанием названия картинки.
<?php wp_pagenavi(); ?>
navigation.
<div class="navigation"> ... <div class="alignright">...</div> и замените его указанным выше кодом.
Если Вы сделали все правильно, то перейдя в архив записей, Вы увидите внизу строку постраничной навигации.
На этом установка плагина WP-PageNavi завершена. Теперь Ваш блог стал еще более удобным для Ваших посетителей.
Вот собственно и все. Надеюсь у Вас не возникнет проблем с настройкой.
Здравствуйте, уважаемые посетители блога! В этой статье я расскажу о том, как создать правильный robots.txt для WordPress. Но сначала давайте разберемся зачем нужно создавать файл robots.txt, и можно ли обойтись без него?
Если Вы уже создали блог на WordPress или только занимаетесь его разработкой, то заметили, что статьи полностью или анонсами показываются на страницах категорий, архивов, меток, результатов поиска, а на некоторых блогах и на главной странице. То это приводит к появлению дублированного контента. Т.е. поисковый робот, просматривая сайт, находит один и тот же текст, но по разным адресам. Такой контент он может посчитать не уникальным и приравнять его к ворованному контенту. А это грозит санкциями и фильтром от поисковых систем.
В файле robots.txt как раз и указывается какие разделы блога поисковому роботу нужно индексировать, а какие нет. Также, можно запретить индексацию определенных служебных каталогов.
Как показала практика, за два года многое поменялось. Эта статья была написала в июле 2012 года, а то текст, который Вы читаете сейчас и его продолжение ниже, я написала в июле 2014 года. Собственно, а что поменялось?
Как было раньше. Через файл роботс мы давали указание поисковым роботам не забирать в свою базу определенные страницы сайта. Но теперь, в частности Google, не обращает внимания на указания (директивы) в robots.txt. Не смотря на то, что в robots txt стоит запрет индексации категорий, архивов, древовидных комментариев, а робот все равно их заносит в свою базу.
К счастью, Яндекс, в отличии от Google, не наказывает за дублированные страницы с повторяющимся контетом. Пока не наказывает. Скорее всего придет время, когда технологии Яндекса догонят Google, и тогда реакция Яндекса на дубли будет иной.
Для wordpress robots.txt не такой, как для других движков. И в первую очередь это связано с особенностями самого движка WordPress. В WordPress есть проблема с дублями, которые создают древовидные комментарии. Решение этой проблемы я описывала в статье https://inetsovety.ru/kak-ubrat-dubli-stranits-replytocom/
В файле роботс мы разрешаем роботу заходить на страницы с дублями, но запрещаем с помощью мета тега:
<meta name='robots' content='noindex,follow' />
Для абсолютно всех страниц сайта мы не можем добавить этот тег, только для страниц пагинации (постраничной навигации). Остальные дубли мы исключаем с помощью редиректа. Внимательно изучите статью о дублях древовидных комментариев и примените ее, прежде чем ставить себе тот роботс, который я дам ниже. Если Вы поставите на свой блог этот роботс, но не настроите редиректы и мета теги, то рискуете получить фильтры в поисковиках. Поэтому выполняйте все рекомендации по пунктам. Не поленитесь создать резервные копии файлов темы, файлов .htaccess и robots.txt.
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{QUERY_STRING} ^replytocom= [NC]
RewriteRule (.*) $1? [R=301,L]
RewriteRule (.+)/feed /$1 [R=301,L]
RewriteRule (.+)/comments /$1 [R=301,L]
RewriteRule (.+)/comment-page /$1 [R=301,L]
RewriteRule (.+)/trackback /$1 [R=301,L]
RewriteRule (.+)/attachment /$1 [R=301,L]
RewriteCond %{QUERY_STRING} ^attachment_id= [NC]
RewriteRule (.*) $1? [R=301,L]
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
function my_meta_noindex () {
if (
is_paged()
) {echo "".'<meta name="robots" content="noindex,nofollow" />'."n";}
}
add_action('wp_head', 'my_meta_noindex', 3);
<meta name='robots' content='noindex,follow' />
Для этого нажмите CTRL+U (одновременно нажмите на две кнопки на клавиатуре CTRL и U). Чтобы не просматривать сотни строчек кода, снова одновременно нажимаете CTRL и F, на странице с кодом. Внизу слева появится форма поиска по странице. В нее вставляйте meta name и жмите поиск.
После того, как Вы скачали архив с файлом. Вам нужно в самом конце файла поменять сайт.ru на адрес своего сайта. Сделать это нужно в этих строках:
Host: сайт.ru
Sitemap: http://сайт.ru/sitemap.xml.gz
Sitemap: http://сайт.ru/sitemap.xml
Две последние строки указываю поисковому роботу адрес карты сайта.
После того, как Вы изменили в файле robots.txt установили адрес своего сайта, загрузите его на хостинг через ftp клиент FileZilla. Если у Вас возник вопрос, а куда его загружать? Файл robots txt должен находится в основной папке, рядом в папками wp-content, wp-includes.
А в данном видео, Вы более детально сможете узнать о директивах, которые прописываются в robots.txt:
На этом у меня все. Помните, что настройка robots txt оказывает большое влияние на развитие сайта. Чтобы не получить санкций за дублированный контент, нужно настроить редиректы и закрыть мета тегами дубли. До встречи!