Плагин Share42 для WordPress
Добрый день читатель, Сегодня хочу поговорить о том, как добавить плавающую панель от Share42. Эта панель добавляется для того, чтобы расшарить ваши страницы с рассказами или статьями в самых популярных сетях Интернета, а именно: Твиттер, Фейсбук, Гугл+, Вконтакте так далее. Для чего это нужно? А нужно это для того, чтобы не отставать от быстротекущего времени. Чтобы не отставать от заграничного Интернета, так как их раскрутка сайтов намного отличается от нашей с вами. Если глянуть на заграничные блоги, то вы можете заметить, что всюду установлены разнообразнейшие плавающие панельки, которые позволяют добавлять рекламу статей в самых популярных социальных сетях, а так же в закладки. Там, за океаном, в настоящее время стало значительно сложнее двигаться путем покупки ссылок. И с необычайной скоростью стало расти значение соцсигналов. Плавающая панелька, способствует увеличению количества ссылок на статьи, которые вы хотите расшарить, а, следовательно, все это во многом повлияет на продвижение сайта в целом. Конечно же, соцсигналы в нашей с вами стране, пока не имеют большого могущества, как по ту сторону океана. Это потому, что их пока слишком мало для того, чтобы можно было в полной мере осуществлять релевантную выборку. Но, не смотря на это, лучше их начать собирать сейчас и быть готовыми к тому, что, рано или поздно в рунет придут глобальные изменения для SEO. Влияние ссылок может очень снизиться, и наказание за манипулирование ими, будет жесточайшим.
Как правило, блока от Яндекса "Поделиться" - очень мало. И, обычно, его отображение идет в конце несказанно длинного текста (статьи). В основном статьи бывают достаточно длинные, их и читают не все, а если и читают, то врядли кто-то осилит до конца. Конечно же, если ваш сайт или блог имеет публикации не большого объема, то браться за установку плавающей панельки Share42 с кнопками социальных сетей будет перебором, но отрицательные моменты от ее присутствия превысят положительные моменты от большего числа расшариваний. Итак, почему же Share42? В основном все плагины для «WordPress» рассчитаны не нашу с вами страну, и Вконтакте придется приделывать вручную. Подгрузка же в панель иконок по отдельности - это достаточно медленный процесс и из-за этого сайт будет подтормаживать. И это не всем может понравиться, поскольку скорость загрузки страницы сильно влияет на количество посетителей, а соответственно и на популярность сайта вцелом. Тут и придет к вам на помощь сервис Share42. Вдобавок ко всему, он уже работает несколько лет, а его создателем является, всеми уважаемый Dimox. Порывшись в интернете вы сами можете увидеть, что Share42 полностью бесплатный проект, созданный Димоксом для того, что бы любой владелец блога или сайта мог в несколько кликов с легкостью добавить себе на страницы панельку с соц-иконками для расшаривания своих публикаций. У этого проекта, как и у большинства других, есть свои достоинства и недостатки.
Вначале перечислим плюсы: 1) Сервис Share42 поможет вам добавить кнопки самых популярных сетей и закладок именно в рунете. Вдобавок ко всему, вы сами можете выбрать один, из трех предоставленных, размеров кнопок, от больших до маленьких. 2) Расположить кнопки вы сможете, как вертикально (в форме плавающей панели), которая не станет докучать читателя своим присутствием, так и горизонтально (как правило, в конце контента). 3) Dimox - имеет качества не только замечательного верстальщика и дизайнера, но и прекрасного сеошника. Следовательно, вам не придется заморачиваться над тем, что при добавлении кнопок соц сетей, добавится еще и целое полчище внешних ссылок, которые открытых для индексации поисковым системам. Ссылки на соц серверы будут закрыты с помощью атрибута rel=nofollow, и подгружаются ява-скриптом. А такого рода ссылки, наверняка пока что, не под силу проиндексировать поисковым системам. 4) Картинки социальных сетей, которые вы выберете, будут помещены в один файл формата PNG. Он будет иметь вид sprites – это означает, что все иконки соц сетей, которые вы хотите добавить на свои страницы, будут собраны в один файл. Это значительно уменьшит количество запросов браузера, в котором будет загружена страница вашего сайта, к серверу, ровно до единственной загрузки спрайта с иконками, и это не будет зависеть от количества социальных серверов, которые вы выберете. А значит, на скорость загрузки сайта это фактически никак не повлияет. 5) Не нужно подгружать никаких изображений с посторонних сайтов, работающих не сильно быстро (если не высказаться хуже). Скрипт и спрайт с изображением иконок сервисов, будут размещены на вашем сайте. 6). По умолчанию, яркость иконок социальных сетей на вашем сайте, будет немного приглушена, дабы не отвлекать ваших читателей от статей. И лишь тогда, когда курсор мыши будет наведен на выбранную иконку, она заиграет яркими красками. 7). Share42 - очень универсальный скрипт. На WordPress все работает прекрасно и не создает никаких проблем. Но не все так гладко в этом скрипте. Есть и свои отрицательные моменты, а именно: необходимо хоть не много понимать и разбираться в Html и CSS. Если вы не понимаете о чем речь, то всю нужную информацию можно найти в Интернете (конечно же при желании);
необходимы, так же, хотя бы минимальные знания, об устройстве CMS, которую вы используете. Эти знания вам пригодятся потому, что в WordPress отдельные файлы несут ответственность за оформление отдельных частей веб страниц. Если вы обладаете перечисленным выше минимумом знаний, или хотя бы готовы потратить свое время на получение новых навыков в области веб-программирования. А так же если положительные моменты установки Share42 на страницы своего сайта вас привлекают с огромной силой, то далее мы поговорим о том, как настроить просмотр панели кнопок для социальных сетей на Share42 и как ее установить на WordPress. Шаг первый. Заходим на сам сайт Share42 и выбираем размер будущих иконок соцсетей. Затем выбираете (щелкаете мышкой) те иконки социальных сетей, которые вы бы хотели иметь на своей будущей панели. Вокруг выбранных иконок появятся очертания. После того, как вы выбрали нужные иконки, перетаскивайте их мышью, таким образом, выбираете самостоятельно их последовательность. Здесь все довольно просто и понятно. Если захотите, то можете добавлять кнопки с нижней части, которая имеет название «прочее». В разделе «прочее» вы найдете - добавление в избранное вашего браузера, печать статей, отправку ссылок на статью по эмайлу или же подписка на адрес, который вы укажете в ленте RSS.
Шаг второй. Здесь, мастер настройки укажет вам на то, чтобы вы сделали выбор типа панели с иконками. То есть, какую вы хотите иметь у себя на сайте - горизонтальную, или же вертикальную панель. Горизонтальная обычно размещается после текста публикации, а вертикальная панелька находится сбоку окна и плавает при прокрутке страницы, тем самым, давая возможность пользователю вашего сайта, в любой момент воспользоваться этой панелькой, и добавить понравившуюся статью на свою страничку в соцсети. Дальше вы сможете разбить все кнопки вашей панели на блоки (количество любое) с возможностью переключаться между ними. Не стоит сразу скачивать скрипт, для начала стоит взглянуть на то, как ваш сайт будет выглядеть на примере, нажав на кнопку «Посмотрите, как это будет выглядеть». Проверьте разные варианты настроек, и если вы довольны результатом, то, после этого можно и скачать готовый скрипт. Далее, следует распаковать архив. Папку share42 загрузите по FTP в выбранное место на вашем сайте, (место может быть любое). В WordPress можно поместить ее в папку рядом с плагинами, или в любую, удобную для вас, директорию (затем просто не забудьте указать именно этот путь).
Если блог или сайт находится на движке WordPress, то ставим напротив его названия галочку. На этом этапе настройки скрипта share42 заканчиваются. Теперь осталось лишь вставить Html и CSS код. Именно на этом этапе установки и могут возникнуть серьезные проблемы у тех, кто ни сном, ни духом не слышал про существование таких странных названий. Имейте в виду, что при внесении изменений в настройки, содержимое вставляемого кода в мгновение ока меняется тоже. Значит, если вы выбрали плавающую панель (вертикальную), то необходимо вставить вместо одного фрагмента кода CSS два. Один вставляется, если панель выбрана горизонтальная. Как же вставить код CSS для скрипта Share42. Нужно скопировать фрагменты кода (один или два, в зависимости от типа панели) вместе с правилами. Найдите файл с таблицами стилей, традиционно он имеет расширение .css, и если вы пользуетесь WordPress, то файл каскадных стилей находится в директории с темой и обычно называется style.css. Просто откройте этот файл в любом текстовом редакторе и добавьте в него коды или код, который вы скопировали в самый конец. Сохраняете все изменения. Важно! Не забудьте потом зайти в Файлзилу и все ваши изменения применить. На предложение, которое будет во всплывающем окошке, соглашайтесь. Если вы не пользуетесь Файлзилой, то перезалейте файл стилей на сервер
Это сделали. Теперь разбираемся с тремя строчками кода Html данного скрипта. Сам автор, дает рекомендацию вставлять их перед самой статьей, или после нее. В WordPress - это делается так. Открываете файл single.php на редактирование, достав его из папки с вашей темой для оформления. Можно вставить код в конце статей. Чтобы это сделать, нужно найти строчку с такой функцией - the_content, которая отвечает за вывод самого текста статьи, и после нее, сразу же вставляем предложенный код Html. Аналогичным образом вы можете добавить панельку и на другие страницы вашего сайта, но для этого потребуется редактировать другие файлы темы. Например, что бы добавить панельку на главную страницу надо редактировать файл index.php. Если вы выбрали панель вертикальную, то в Html коде в конце третьей строчки будут 2 цифры. Первая цифра - отступ в пикселях от верхнего края самой плавающей панели до верхнего края страницы. Нужно будет подобрать цифру так, чтобы ваша панелька выравнивалась по заданному вами ориентиру и находилась на нужной высоте относительно остальных блоков страницы. Вторая цифра - отступ от верхней грани вашей плавающей панельки до верхней грани области окна при прокрутке страницы, которую вы просматриваете в данный момент. Не стоит делать такой отступ чересчур большим, потому что в верхней части панелька не так будет мешать просматривать страницу, как если бы это было по средине самой статьи. Так же еще вас может заинтересовать и еще одна циферка, которая существенно влияет на положение вертикальной панельки, относительно расположения вашей статьи. Это боковой отступ между панелькой и краем окна. Найти ее можно уже в коде CSS, скопированном в ваш файл стилей. По умолчанию - цифра равна 70 пикселей. Можно ее оставить такой же, а можно и изменить. Тут вы решаете самостоятельно. Еще один не маловажный момент, если же панель Share42 у вас не обнаружилась, то достаточно просто перезагрузить вашу страницу браузера с очисткой кеша и в этом случае, сразу же применяться все обновления стилей CSS.
