Как выровнять кнопку «Твитнуть» за 5 минут

08.05.2015 Рубрика: HTML

птичка в клеткеПривет! Сегодня вы узнаете, почему кнопка «Твитнуть» в конце ваших записей прилипает к соседней кнопке и как покончить с этим раз и навсегда. По крайней мере хотелось бы в это верить.

Изначально даже и не думал писать эту статью, но после того, как увидел, что у многих неполадки с кнопкой, в том числе и у некоторых известных блогеров, решил всё-таки положить этому конец.

А кто это сделал?

Когда я в первый раз увидел сие безобразие, а по-другому это никак нельзя назвать, то подумал, что неполадки на моей стороне. Но после нескольких безуспешных манипуляций с кнопкой понял, что причина всему — вмешательство извне.

кнопка Твитнуть прилипла

После чего решено было произвести вскрытие кнопки, т.е. подробное изучение её кода. В итоге, пришёл к выводу, что кнопка «Твитнуть» имеет свой сторонний CSS-файл, в котором и были, собственно говоря, произведены некие изменения, отрицательно повлиявшие на внешний вид всех кнопок в конце записей.

Как поставить кнопку на место

После выявления виновника спокойствия настала пора найти противоядие. Недолго думая, рецепт был найден.

Открываем в редакторе WordPress файл single.php и находим в нём код вывода кнопки. Дабы найти всё это дело быстро, можете воспользоваться поиском, нажав Ctrl + F и введя «twitter». После чего вы попадёте в искомое место. Ниже выкладываю, что вы должны добавить в код, дабы кнопка «Твитнуть» уже заняла-таки положенное ей место.

код для кнопки Твитнуть

Вставьте в код то, что выделено зелёным — style="margin-right:36px;". Ставьте эту часть кода строго в указанное на картинке место, а то ничего не получится. Если результат не очень, пробуйте другое число. У вас обязательно получится. Мне ещё пришлось выравнивать кнопки Google и Facebook, дабы расстояния между кнопками были абсолютно одинаковыми.

Также проверьте свои страницы на наличие кнопок. Если они там есть, то вам ещё придётся править файл page.php таким же образом, как и вышеупомянутый. Птичка должна сидеть в клетке и не дёргаться.

В общем, такие вот дела. Чем смог, тем помог. Кто прочёл и исправил — молодец, а кто ещё и поделился этой записью в соцсетях — умница.

No votes yet.
Please wait...
Спешите заказать самогруз в Новосибирске на выгодных условиях.


Комментарии:

Юрий
11.08.2015 в 21:29

Спасибо. Отличная статья. Сам никак не мог в ряд поставить кнопки от социальных сетей: то выше, то ниже, то не ровно.

Ваш комментарий

Имя: 
Email: 
URL: 
Текст: 


.