Nano cms - как встроить кнопки социалок на страницы сайта


Кнопки социалок от Яндекса Существует много бесплатных CMS для построения сайтов. Одна из лучших, - это nano cms от Ласто. Лучшая - потому как довольно простая по структуре, универсальная, очень коротенькая, грамотная - выдаёт текст статей сразу с начала сайта. Достоинств очень много!

Однако, несмотря на свои очень маленькие размеры, cms крайне сложная и «влезть» в неё простому смертному крайне затруднительно. То есть, использовать эту cms можно, практически, как есть.


Наверное поэтому она не так сильно распространена. Во всяком случае запрос гуглу, типа «Как встроить кнопки социалок на страницы nano cms от Ласто» ничего не даёт. Похоже, НИКТО не встраивал на страницы сайта, построенного на этой cms, кнопки социалок.

Кто-то может скажет, да это просто!

Может быть. Я слишком долго пытался и... наконец, получилось! И теперь тоже могу сказать, да это же очень просто!

Поначалу использовал скрипт социалок от яндекса, пристроив его в левой колонке. Это было просто - в файлике _add.php в конце переменной bannerleft; надо вставить код скрипта от яндекса. Вроде и ничего, однако как-то глянул листинг исходного кода (сохранённой странички). Ё-маё! Двухстрочный скриптик от яндекса натаскивает кода раз в 10 больше, чем чистый код статьи! Просто охреневающее количество стилей и их описаний - на несколько экранов. Похоже, яндекс своими двумя строчками подцепляет к страничке ВСЮ базу своих стилей, ну ни нахрен никому не нужную!

Да и то, что располагался тот скрипт в колонке, как-то не красило сайт.

Не понравилось это, короче. Лучший код для набора социальных кнопок даёт на сегодня, конечно же, сайт от Димокса - share42.com (разработка Dimox). Здесь можно подобрать любой набор кнопок, расположить их в любом порядке и выбрать один из трёх размеров. Набор просто изумительный! Мало того, что представлены практически все социальные сети, так ещё и кнопочка +1 от гугла имеется. И кнопки «Наверх», «Добавить в Избранное», «Распечатать» тоже есть!

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

Однако самое тяжелое - как его встроить на страничку сайта на nano cms? Просто так вставка скрипта в design ничего не даёт.

Сделать надо так.

В том же _add.php, в любом месте, например, перед описанием переменной bannerleft;, надо создать свою переменную, например, так:

$social_grand=<<<socialg

<p class='panel'><em><em>Сохранить страничку в закладках:</em></em></p><br>

<center>
<div class='share42init'></div>
<script type='text/javascript' src='http://Ваш_сайт.ru/share42/share42.js'></script>
</center><br><br>

socialg;


$banner_left=<<<bannerleft
...


Дальше, в файл _design.php вставить эту переменную аккурат после переменной $content, вот так:

$content
$social


И всё! Сразу же на всех страничках будет рисоваться вот такая симпатичная картинка -


Пример кнопок социалок на страничках сайта на nano cms


Чтобы она стала ещё симпатичней, желательно добавить к ней рекомендуемые на сайте share42 стили оформления. Просто скопировать предлагаемый на сайте текст стилей и добавить его в конец файлика nano.css, примерно так -

/* End Statistic */

#share42 {display:inline-block; padding:6px 0 0 6px; background:#FFF; border:1px solid #E9E9E9; border-radius:4px;}
#share42:hover {background:#F6F6F6; border:1px solid #D4D4D4; box-shadow:0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}


Живой пример можно посмотреть здесь - Пример сайта на nano cms - сайт управляющей компании.

Скрипт от Димокса не привносит в код страницы абсолютно ничего лишнего. То есть, всё получается красиво и коротко.

Удачи в сайтостроении!

Судя по их контенту, этому тексту релевантны статьи:

  1. Евпатория, квартиры, пансионат Валентина. Крым 2015, ч.6

    Евпатория, квартиры, пансионат Валентина. Крым 2015, ч.6 Или - Переезд Судак-Евпатория, поиск жилья, частный пансионат Валентина (описание номера), несуществующий Трамвай желаний. Крым 2015. Часть 6. 26.07.15, вск. День 7. Переезд Судак - Евпатория Подъём в 9 почти, завтрак.

  2. Тренировка дыхания по Бутейко

    Тренировка дыхания по Бутейко Здесь приведена подробнейшая методика тренировки дыхания по Бутейко. Именно та, которая преподаётся на 5-ти дневных платных курсах в центрах обучения методике дыхания (1 час в день, 5 дней, цена $800 или 20 т.р.)

  3. Итого по Октавии А7 по Крыму 2014 и далее. Недостатки машины

    Итого по Октавии А7 по Крыму 2014 и далее. Недостатки машины Возможно, кому пригодится. Сам выбирал Шкоду Октавию Комби по очень многим параметрам. Машина требовалась на текущую замену универсала Kia Ceed SW 2010 - просто по старости и по времени - 4 года для современной машины - это много, вот и захотелось сменить на что-то более современное.

Адрес заметки: http://eftel.ru/post_1381171807.html

08 октября 2013, 00:44
Возможно, гораздо проще взять скрипт от блога - samurai.js с картинкой,
вместе со стилями и подключить по аналогии, когда-то пробовал, работало без проблем :)
gordi
08 октября 2013, 10:39
Когда-то придумали классную штуку - Plug & Play. Как давно это было.. Где же наши-то умники и умнички??? Что же мало так их?

Samurai.js ...

Не. Слишком долго разбираться. И уровень не тот. Тут ведь -<

Когда было 22, была Нирвана. Трёхмерное моделирование размещения радиоэлектронных блоков - оптимальное по теплу. Программа - 1 метр 20 см - такой толщины была колода перфокарт. И все эти сотни строк кода в голове, и постоянная работа, поправки, улучшения, отладка ... это действительно была Песня! И упоение! И просто счастье в натуре!

Работа. Автокад. Кип. Как же достало рисовать все эти бесчисленные проекты..

Машина. 4-й год. Пора ведь! Субару. Ситроен С4. Опели. Фольксвагены. Может, Оутбак таки? Круто слишком. Что же, наконец, выбрать-то, на ближайшие лет пять? Чтоб не больше лимона и чтоб душа пела, от поездок в МАШИНЕ! Второй месяц уже идёт выбор-перебор, ну где же он, идеал!
Инсигния. Шевроле. Крузы всякие. Ситроен С5. Универсалы. Гольф 7?

Дочка. На выданье. Ничего ведь не хочет! Куда определить-то? Политех - день открытых дверей. Универ - день открытых дверей. Универ - классные курсы математические. Универ - ещё день открытых дверей ... Чем увлечь, как заинтересовать? Корочки-то ведь всяко нужны будут, как она этого не понимает?!

Дача. 2-й этаж - когда же достроить? Не, веранда важнее. Хотя ... Печка. Есть печник, классный. 30 тысяч просит. Круто. Сосед обещал телефон деда, в деревне, - тот вроде за 15 классно кладёт. Надо съездить как-то..

Samurai.js. Так .. нормально. Вот эту социалку не надо, и эту. А эти поместить левее - значит, перетащить аккуратно кусок кода. А где кнопка Наверх? Нету.. Так, а где популярная Гугл +1? Нету.. А где .. И где же всё это теперь искать?
Так, размеры.. Где же размеры-то кнопок? Так, высота общая, ширина.. Как узнать и как указать размер кнопок??? Хрен с ней с печкой, хватает пока что есть. Веранда важнее. И доски таки лучше на Привозе купить. Потому что на базе сплошь ведь брак пихают! Надо заехать в пятницу. Определиться бы, сколько же ещё конкретно досок надо..

share42.com - СКАЗКА! Нужны вот эти, вот эти, и, - вот эти. Отлично. Не, некрасиво, надо эту сюда, эту туда, а эти вот за этими. Тасуем просто мышкой! Клик. Класс! Всё готово. Только как вот встроить-то их.. Гугл. А, вот и статейка конкретная - "как встроить", прямо по шагам всё описано. Спасибо автору! ТРИ минуты, и красивые и нужные и в нужной последовательности и именно того размера кнопочки социалок готовы!

Вот как-то так - почему не Samurai.js

.. Где же найти-то готовый плагин для Ласто блога, чтоб тексты кодов выводить.. Гугл - нету ничего.. Эх-х...
Дмитрий
08 октября 2013, 11:59
Многие вещи у Lasto унифицированы и могут использоваться в разных скриптах.
Прообразом социалок был упомянутый вами ресурс.
Другое дело, что автор скрипта выбрал только те кнопки, которые ему показались наиболее важными и пользующиеся определенной популярностью. Естественно, когда все встраивается в тот или иной скрипт, то чтобы в дальнейшем внести изменения в дефолтный вариант, требуется приложить определенные усилия и потратить время, которого всегда не хватает, но такова жизнь :)
gordi
13 апреля 2024, 22:44
10.13 Слегка модифицирована структура кнопок социалок. Теперь она стала легче, красивее и разнообразнее. Модификация сделана по статье Nano cms - как встроить кнопки социалок на страницы сайта. 02.10.

Комментарии к этой заметке больше не принимаются.



октябрь 2013
пн вт ср чт пт сб вс
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Интернет-магазин авторских произведений - электронные руководства, сделай сам, своё дело и прочее