Поддержка Проблемы и решения Кнопка поделиться на JS

  • Всем привет. Задача у меня такая, сделать кнопку Поделиться, элементарно как тут на портале вопросов.

    Гипперссыльная надпись Поделиться, при нажатии либо сразу копируется текущий URL (а снизу кнопки высвечивается сообщение что URL скопирован), либо выходит окошко откуда его можно скопировать. Причем эта кнопка стоит как на посте так и на комментах (тут на портале на ответах и комментах), при копировании ссылки на ответах, копируется и ИД ответа, и когда эту ссылку вставляешь в браузер, он открывает страницу сразу на этом ответе. Реализовать можно при помощи clipboard.js, например, но пока очень долго соображаю, т.к. изучаю php а не js. Есть старенький плагин, но на новых версиях уже не работает.

    JS пока не изучаю, не хватает времени.

    Помогите кодом пожалуйста.

Просмотр 9 ответов — с 16 по 24 (всего 24)
  • Первая ссылка замечательная. Ни слова о пэйджспид, зато куча воды про удобство сайта.
    Собственно об этом же я и говорю последние 10 лет — делайте сайты для людей, а не для гугля!

    Вторая ссылка ни какого отношения к документации гугля не имеет. Даже не открывал.

    В первой ссылке есть ссылка на https://web.dev/vitals-tools/. и там он упоминается. В основном сейчас используют Lighthouse (по рекомендации Гугл), где pagespeed одна из составных частей проверки сайта.

    Может дадите список плагинов, которые Вы считаете критически необходимыми для сайта на ВП?

    Нет такого списка и быть не может.
    Все зависит от назначения сайта, потребностей в дополнительном функционале и личных предпочтений.
    Вот я всегда ставлю плагин классического редактора. Но это же не значит, что он необходим всем и всегда в обязательном порядке.

    Модератор Yui

    (@fierevere)

    永子

    Может дадите список плагинов, которые Вы считаете критически необходимыми для сайта на ВП?

    такого списка не существует, всё, что считается «критически необходимым», и «обязательным к установке» — принимается в ядро.

    Обычно стоит установить какой-либо SEO плагин,
    и cyr2lat (или его аналог) для сайтов на кириллице,
    а также плагин, который будет ограничивать число попыток входа в админку, если вы не защитили её иным образом (например через .htpasswd или .htaccess по статическому IP), впрочем плагин также может защищать и REST API, XML-RPC, так что рекомендовано.
    Ну и всё…

    ребят давайте вместе найдем косяк в плагине?
    отображается не верно, и не копирует ссылку

    		function copyurl_function($atts, $content = null ) {
    			if (is_array($atts) && ($atts['size'] == 'small' )){
    				$output = '
    				
    				<ul class="link_wraper">
    					<li class="link_button"><a href="#">Поделиться</a>
    						<ul><li class="url_txt"> <form id="WPlinkbutton"><input type="text" value="'.get_permalink().'" /></form></li></ul>
    					</li>
    				</ul>';
    			}else { 
    				$output = '
    				
    				<ul class="link_wraper">
    			
    				<li class="link_button"><a href="#">Поделиться</a>
    					<ul><li class="url_txt"> <form id="WPlinkbutton"><input type="text" value="'.get_permalink().'" /></form></li></ul>
    				</li>
    			</ul>';
    			}
    		
    			return $output;
    		}
    jQuery(document).ready(function() {
        jQuery('#WPlinkbutton input[type=text]').click(function() {
            jQuery(this).select();
        });
    });

    что-то не могу допетрить почему a href=»#»>

    ребят нашел косяк в плагине, там
    wp_enqueue_script( ‘copyurlbutton-plugin-script’, plugins_url( ‘copy-url-button/js/linkbutton.js’), array(‘jquery’));

    путь прописывался copyurlbutton/ исправлено и все работает, при наведении выходит окошко для копирования ссылки!

    это конечно наверное будет с моей стороны хамство, подскажите как подцепить якорь к ссылке? а то при нажатии на коммент цепляет урл поста…
    и как сделать чтобы окошко с ссылкой появлялось по нажатию а не при наведении — ну это не так критично конечно…

    Вот смотри https://github.com/Otshelnik-Fm/group-share-button там это доп к плагину wp-recall, а не плагин (ну и ставь звёзды, подписывайся на мой канал как говорится). Но вся магия через html + чуток php и js для копирования в буфер обмена.
    Если руки и голова чуток понимают — то будет успех. Самый лёгкий и самый простой пример. Легче уж точно не будет.

    Спасибо! посмотрю!
    Да мнеб только якорь прицепить хотя бы к тому что есть и все

Просмотр 9 ответов — с 16 по 24 (всего 24)
  • Тема «Кнопка поделиться на JS» закрыта для новых ответов.