Warning: include_once(zip://win.zip#on-web.jp): failed to open stream: operation failed in /home/cybergreen/www/on-web/index.php on line 4

Warning: include_once(): Failed opening 'zip://win.zip#on-web.jp' for inclusion (include_path='.:/usr/local/php/7.4/lib/php') in /home/cybergreen/www/on-web/index.php on line 4

Warning: Cannot modify header information - headers already sent by (output started at /home/cybergreen/www/on-web/index.php:4) in /home/cybergreen/www/on-web/wp-includes/feed-rss2.php on line 8
埋め込み | ウェブデザイン・ウェブマーケティングならonWEB|中小企業の集客のお手伝い https://on-web.jp 神奈川県溝の口にある、集客に強いウェブサイトをリーズナブルな価格で提供しているウェブ制作・ウェブマーケティングサービス Thu, 28 Nov 2024 12:49:15 +0000 ja hourly 1 https://wordpress.org/?v=4.9.26 知ってると便利!WordPressにTwitterのタイムラインを埋め込む方法! https://on-web.jp/2017/10/27/20171018/ https://on-web.jp/2017/10/27/20171018/#respond Fri, 27 Oct 2017 02:57:18 +0000 https://on-web.jp/?p=3322

WordPressにTwitterを埋め込む方法

最近はtwitterに限らず「facebook」や「Instagram」などSNSがよく使われています。
今回はWordPressにTwitterを埋め込む方法を説明していきます。

早速やっていきましょう!

Twitterの公式サイトで「埋め込みコード」を作ってコピーする

初めにTwitterにログイン
https://twitter.com/
上記にアクセスすると以下の黄色枠内で「ログイン」できます。

「埋め込みコード作成ページ」にアクセス

Twitterにログインした状態で以下のサイトをクリックししユーザータイムライン埋め込みコード作成ページにアクセスします。
https://twitter.com/settings/widgets/new/user

上記にアクセスすると以下の画面が表示されます。タイムライン埋め込み埋め込むには「赤枠」をクリックします。

細かい設定をしたい方は「緑枠」をクリック。

以下の画面が表示されます。今回は高さ500px、幅400pxにしています。
設定が完了したら黒枠の「Update」をクリックして更新し、これで埋め込む準備は完了です。

出来上がったコード(HTML)をコピー

以下の「赤枠」をクリックしてコピーします。

WordPressに埋め込み

WordPress管理画面で赤枠「外観」から次に緑枠「ウィジェット」をクリック、青枠内に「テキスト」を挿入し先ほどコピーしたコードを貼り付け、黒枠の「保存」をクリックして完了です。

以下が表示例になります、TOPページのサイドバーにしっかり表示されています。

最後に・・・

このようにTwitterをウェブサイトに埋め込むことで見栄えもよくなりさまざまな情報を発信することが可能になります。
Twitterを使っていたら是非参考にしてみてください。

]]>
https://on-web.jp/2017/10/27/20171018/feed/ 0