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

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

まず最初に、Skype共有プラグインをインストールして有効化します（WordPressプラグインのインストール方法については、初心者ガイドをご覧ください）。

有効化したら、設定 ” Skype共有ボタンのページでプラグインを設定します。

最初の設定は、共有ボタンの有効化です。WordPressサイトでSkype共有ボタンを有効化するには、このボックスをチェックする必要があります。

次に、ボタンのサイズを選択する必要があります。選択可能なボタンのサイズは、大共有、小共有、丸アイコン、Squareアイコンです。

最後に、ボタンの場所を選択する必要があります。投稿の上に表示するか、下に表示するか、あるいは両方表示するかを選択できます。

Skype shareは、WordPressサイトの言語を自動的に検出します。検出されない場合は、手動で言語を選択できます。

変更を保存」ボタンをクリックして、設定を保存することを忘れないでください。

これで、お客さまのサイトにアクセスして、Skype共有ボタンが実際に表示されるようになります。

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

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

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

[SKX1］
<script>
// HTMLファイルのheadセクションに次のコードを記述します。
(関数(r, d, s) {)
r.loadSkypeWebSdkAsync = r.loadSkypeWebSdkAsync || function(p) { } // 以下のコードをHTMLファイルのheadセクションに記述します。
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
[SKX3］

その後、投稿ループ内に配置する限り、以下のコードをsingle.php、loop.php、index.php、page.php、category.php、archive.phpに追加します。

[cbk1］

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

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

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

この投稿が、WordPressサイトにSkype共有ボタンを追加する際にお役に立てば幸いです。WordPressでスマートフォン用のクリック可能な電話番号を追加する方法については、こちらのガイドもご覧ください。

この投稿が気に入った場合は、WordPress動画チュートリアルのYouTubeチャンネルにご登録ください。Twitterや Facebookでもご覧いただけます。