新規受付を再開しました！（サービス新規提供終了の可能性があるため検討中の方はお早めにご連絡ください）

【Custom Twitter Feeds】カスタムツイッターフィード使い方〜無料版＆有料版〜

ここではプラグイン「Custom Twitter Feeds」（カスタムツイッターフィード/カスタムツイッターフィーズ）の使い方を説明します。

【注意】2021年1月、WEBサイトの容量が3か月の間に急に増えたので原因を調べてみると、このCustomTwitterFeedsがアップデートを機に「ツイートの画像などを手当たり次第サーバーに保存する」ということを行っていたようでした。くわしくは追って書けたらよいのですが、現在間に合わないため参考までに。

無料でできること

特定のタイムライン埋め込み

カスタムHTML




	
    
    

    



























    


        もっと見る

「LampMate」の部分に『ユーザーアカウント名/ Twitterハンドルネーム』を入力します。このコードを「段落」もしくは「カスタムHTML」もしくは「ショートコード」ブロックに貼り付けます。これにより、ユーザーのタイムラインフィードが生成されます。（半角カンマを使用して複数のスクリーン名を区切れます。）

▼一つのアカウントタイムライン埋め込み例

もっと見る

▼二つのアカウントタイムライン埋め込み例（半角カンマを利用）

もっと見る

※無料版では「画像」「動画」などのメディアは反映されません。
※有料版でも「アンケート」は表示されません。（問い合わせ予定）

らび先生
らび先生

1つのアカウントのタイムライン埋め込みは、Twitter社デフォルト機能でも可能です。でもCustom Twitter Feedsを使うとキーワードがGoogle検索に反映されるようです。（アナリティクスにて実感済み）

らび先生
らび先生

教会関係であれば（私たちは教会向けに提供しています）、

#ハッシュタグ タイムライン埋め込み

カスタムHTML




	
    
    

    














    


        もっと見る

「＃銀河英雄伝説」の部分に、好きなハッシュタグを入力します。これによりそのハッシュタグフィードが生成されます。＃は半角でも全角でも問題ないようです。（半角カンマを使用して複数のハッシュタグを区切れます。）

▼1つのハッシュタグに関するタイムライン埋め込み例（ここでは＃銀河英雄伝説）

もっと見る

▼2つのハッシュタグに関するタイムライン埋め込み例（ここでは#銀河英雄伝説,＃銀の匙）

現在、Twitter フィードはご利用いただけません。

※無料版では「画像」「動画」などのメディアは反映されません。
※有料版でも「アンケート」は表示されません。（問い合わせ予定）

らび先生
らび先生

ハッシュタグタイムライン埋め込みをコード一つでできるのは助かりますね。競合に勝てないキーワードがあったら使ってみてはいかがでしょう？

有料でできること

任意の検索用語。複雑なフィードには「OR」または「AND」を使用できます。

「〇〇」か「▲▲」のTwitter検索タイムライン埋め込み

カスタムHTML
 



	
    
    

    














    


        もっと見る

▼「#上馬キリスト教会」OR 「中村光」のTweet埋め込み

もっと見る

※ハッシュタグ2つ検索、つまり「＃上馬キリスト教会」OR 「＃中村光」という検索もOK
※単語2つ検索、つまり「@上馬キリスト教会」OR「@中村光」という検索もOK

「〇〇　▲▲」のTwitter検索タイムライン埋め込み

例えば「マスタング　ホークアイ」のTwitter検索タイムラインの表示はこのコードです。

カスタムHTML
 



	
    
    

    














    


        もっと見る
もっと見る

※片方がハッシュタグの検索も可。つまり「#マスタング ホークアイ」という検索も。
※ハッシュタグ2つ検索も可。つまり「＃マスタング ＃ホークアイ」という検索も。

カスタムHTML
 



	
    
    

    














    


        もっと見る

もっとややこしいこともできるから随時追加していく所存

CSSでの装飾方法

フッターやサイドバーに入れる場合

CSSに追加する

外観 ＞ テーマエディター ＞ 子テーマのCSSに、以下のコードを貼り付ける。（または、カスタマイザーの「追加CSS」に貼り付ける）

/* --- Twitter埋め込み枠（フッター用） --- */
.twitter-wrap-2 {
	width: 100%;
	margin: auto;
	border-top: 4px solid #08873A;
	border-bottom: 4px solid #08873A;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .4);
}
フッターに追加

外観 ＞ ウィジット ＞ フッター（またはサイドバー）などに、カスタムHTMLのボックスを挿入し以下のコードを貼り付ける。

<div class="twitter-wrap-2">




	        

            

                

					現在、Twitter フィードはご利用いただけません。                

            

        

		
    
    

        


    



</div>
実際の表示を確認する

更新して、実際に反映しているか確認してください。

微調整する

ね、簡単でしょ？

　

本文中に入れる場合

CSSに追加する

外観 ＞ テーマエディター ＞ 子テーマのCSSに、以下のコードを貼り付ける。（または、カスタマイザーの「追加CSS」に貼り付ける）

/* --- 本文中のCustom Twitter Feeds をdivで囲って装飾 --- */
.twitter-wrap {
	width: 90%;
	margin: 40px 0px 40px 10px ;
	border-top: 5px solid #2d4484;
	border-bottom: 5px solid #2d4484;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .4);
}
.twitter-wrap p{
	border: none;
	font-size: 16px;
	font-weight:bold;
	padding: 7px;
	margin: 5px 0 5px 20px ;
	color: #808080;
	background-color: #fff;
}
@media (min-width: 768px) {
	.twitter-wrap {
		width: 60%;
	}
}

本文に追加

本文に、カスタムHTMLやショートコードや段落ブロックで挿入

<div class="twitter-wrap">




	
    
    

    














    


        もっと見る





</div>

実際の表示を確認する

更新して、実際に反映しているか確認してください。

あとは気が済むまで埋め込む

ね、簡単でしょ？

1サイト→49ドル（約 ￥5500～）1年アップデート＆サポート

5サイト→89ドル　（1年後アップデート＆サポート）

Unlimited →139ドル　（）

Unlimited＋LifeTime→139ドル＋249＝388ドル（約4万２千6百円）

ーーーーーーー

前の記事

保護中: Wordcampに行ってきました！

次の記事

保護中: オンライン献金のサイトを１時間で作る！