WordPressにSkype共有ボタンを追加する方法

Skypeに共有ボタンがあることを知っていましたか？読者からWordPressにSkype共有ボタンを追加する方法のチュートリアルを求められるまで、私たちも知りませんでした。Skypeは世界で最も人気のあるコミュニケーションアプリの1つです。この記事では、WordPressにSkype共有ボタンを簡単に追加する方法を紹介します。

まず、Skype共有プラグインをインストールして有効化する必要があります（WordPressプラグインのインストール方法に関する初心者向けガイドをご覧ください）。

有効化したら、設定 » Skype シェアボタン ページに移動してプラグインを設定してください。

最初 のオプションは、シェアボタンを有効にすることです。WordPress サイトで Skype シェアボタンを有効にするには、このボックスをチェックする必要があります。

次に、ボタンのサイズを選択する必要があります。ボタンで利用可能なサイズは、large share、small share、circle icon、square icon です。

最後に、ボタンの場所を選択する必要があります。記事の上部、記事の下部、またはその両方に表示することを選択できます。

Skype シェアは、WordPress サイトの言語を自動検出できます。ただし、検出されない場合は、手動で言語を選択できます。

設定を保存するには、必ず変更を保存ボタンをクリックしてください。

これで完了です。Skype共有ボタンが機能しているか、ウェブサイトにアクセスして確認できます。

WordPressテンプレートにSkype共有を手動で追加する

テーマファイルに手動で追加したい場合は、以下の手動コードの手順に従ってください。

まず、以下のスクリプトをファイルのheadセクションに追加します。header.phpファイルを直接編集するか、Enqueue scriptsを使用してスクリプトを追加する正しい方法で行うことができます。

<script>
// Place this code in the head section of your HTML file 
(function(r, d, s) {
	r.loadSkypeWebSdkAsync = r.loadSkypeWebSdkAsync || function(p) {
		var js, sjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(p.id)) { return; }
		js = d.createElement(s);
		js.id = p.id;
		js.src = p.scriptToLoad;
		js.onload = p.callback
		sjs.parentNode.insertBefore(js, sjs);
	};
	var p = {
		scriptToLoad: 'https://swx.cdn.skype.com/shared/v/latest/skypewebsdk.js',
		id: 'skype_web_sdk'
	};
	r.loadSkypeWebSdkAsync(p);
})(window, document, 'script');
</script>

その後、single.php、loop.php、index.php、page.php、category.php、archive.php に以下のコードを追加してください。ただし、投稿ループ内に配置されている必要があります。

<div class='skype-share' data-href='<?php the_permalink(); ?>' data-lang='en-US' data-text='<?php the_title(); ?>' data-style='large' ></div>

data-style を large、small、circle、または square に変更できます。

希望する言語に変更することもできます。

基本的に、上記のコードは、ユーザーが投稿タイトルをメッセージとして個々の投稿を共有できるようにします。

この記事が、WordPress サイトに Skype シェアボタンを追加するのに役立ったことを願っています。また、WordPressでスマートフォン向けのクリック可能な電話番号を追加する方法に関するガイドも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでもフォローできます。