<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" version="2.0">

<channel>
	<title>ウェビメモ</title>
	<atom:link href="https://webimemo.com/feed" rel="self" type="application/rss+xml"/>
	<link>https://webimemo.com</link>
	<description>雨女によるメモしておぼえるデザインブログ。WordPress、jQueryについての記事を多く書きます( ˘ω˘ )ｸｿﾈﾐ.</description>
	<lastBuildDate>Sun, 09 Feb 2025 00:40:20 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.5</generator>
	<itunes:explicit>no</itunes:explicit><itunes:subtitle>雨女によるメモしておぼえるデザインブログ。WordPress、jQueryについての記事を多く書きます( ˘ω˘ )ｸｿﾈﾐ.</itunes:subtitle><item>
		<title>インスタの営業日カレンダー作成が簡単に！アプリ不要のおしゃれな無料カレンダーmarCalend(マーカレンド)</title>
		<link>https://webimemo.com/create/9698</link>
					<comments>https://webimemo.com/create/9698#respond</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Wed, 05 Feb 2025 00:40:00 +0000</pubDate>
				<category><![CDATA[create]]></category>
		<category><![CDATA[instagram]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[サイト紹介]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9698</guid>

					<description><![CDATA[「忙しい日々の中で、毎月インスタでお客様に営業日を伝えるのが大変！」という方に朗報です。インストール不要の、Instagramストーリーズで使えるシンプルでおしゃれな営業日カレンダー『marCalend（マーカレンド）』 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large imgpad"><img decoding="async" src="https://webimemo.com/marcalend/images/ogp.jpg" alt=""/></figure>



<p>「忙しい日々の中で、毎月インスタでお客様に営業日を伝えるのが大変！」という方に朗報です。<br>インストール不要の、Instagramストーリーズで使えるシンプルでおしゃれな営業日カレンダー『<a href="https://webimemo.com/marcalend/" target="_blank" rel="noreferrer noopener">marCalend（マーカレンド）</a>』が爆誕しました。</p>



<p>ストーリーズやLINEなど、SNSで営業日や休業日を伝えることが多い美容師、ネイリスト、セラピストなどの皆さんにとって、その手間を簡単に解消できるツールです。</p>




<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ウェビメモmoreレクタングル大 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>





<h2 class="wp-block-heading">『marCalend（マーカレンド）』でカレンダーに営業日をマークしよう</h2>



<p>マーカレンドは、面倒な設定やインストールは一切不要です。スマホのブラウザでアクセスして、簡単な操作だけでオリジナルの営業日カレンダーを作成できます。</p>



<h3 class="wp-block-heading">営業日カレンダー作成方法</h3>



<p>まずは、以下のボタンからサイトにアクセスしましょう。ブラウザに<strong>お気に入り登録(ブックマーク)</strong>しておくとすぐにアクセスできて便利ですよ。</p>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://webimemo.com/marcalend/" target="_blank" rel="noreferrer noopener">マーカレンドにアクセス</a></div>
</div>



<h4 class="wp-block-heading">1.ラベルテキストの設定</h4>



<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/usage-change-label-2.png"><img fetchpriority="high" decoding="async" width="738" height="680" src="https://webimemo.com/wp-content/uploads/usage-change-label-2.png" alt="" class="wp-image-9702" srcset="https://webimemo.com/wp-content/uploads/usage-change-label-2.png 738w, https://webimemo.com/wp-content/uploads/usage-change-label-2-300x276.png 300w" sizes="(max-width: 738px) 100vw, 738px" /></a></figure>



<p>マーカレンドにアクセスしたら、 「営業日」「休業日」など、マークしたいラベルを設定しましょう。</p>



<h4 class="wp-block-heading">2.カレンダーでマークしたい日をタップ</h4>



<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/oparation.gif"><img decoding="async" width="600" height="733" src="https://webimemo.com/wp-content/uploads/oparation.gif" alt="" class="wp-image-9703"/></a></figure>



<p>日付をタップすると、選択中のラベルのマークが付きます。</p>



<h4 class="wp-block-heading">3.選択中のラベルを変更</h4>



<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/usage-change-label-1.png"><img decoding="async" width="874" height="312" src="https://webimemo.com/wp-content/uploads/usage-change-label-1.png" alt="" class="wp-image-9704" srcset="https://webimemo.com/wp-content/uploads/usage-change-label-1.png 874w, https://webimemo.com/wp-content/uploads/usage-change-label-1-300x107.png 300w, https://webimemo.com/wp-content/uploads/usage-change-label-1-768x274.png 768w" sizes="(max-width: 874px) 100vw, 874px" /></a></figure>



<p>カレンダー上にあるプルダウンから、他のラベルを選択できます。２つ目、3つ目のラベルを作成していない場合はここから追加も可能です。ラベルを変更後、日付をタップすると、カレンダーに先ほどとは違う色のマークが付きます。</p>



<h4 class="wp-block-heading">4.カレンダーを生成</h4>



<p>すべてのマークを付け終わったら、ページ右下にある『保存』ボタンからカレンダーを生成します。</p>



<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/create-calendar.png"><img loading="lazy" decoding="async" width="772" height="1014" src="https://webimemo.com/wp-content/uploads/create-calendar.png" alt="" class="wp-image-9705" srcset="https://webimemo.com/wp-content/uploads/create-calendar.png 772w, https://webimemo.com/wp-content/uploads/create-calendar-228x300.png 228w, https://webimemo.com/wp-content/uploads/create-calendar-768x1009.png 768w" sizes="auto, (max-width: 772px) 100vw, 772px" /></a></figure>



<p>生成されたカレンダー画像は、長押しすることで保存可能です。（スマホの場合）</p>



<p>詳しい使い方は、『<a href="https://webimemo.com/marcalend/usage.html" target="_blank" rel="noreferrer noopener">Usage(使い方)</a>』のページをご確認ください。</p>



<h3 class="wp-block-heading">自分好みのデザインにカスタマイズする方法</h3>



<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/IMG_9206.jpeg"><img loading="lazy" decoding="async" width="943" height="1024" src="https://webimemo.com/wp-content/uploads/IMG_9206-943x1024.jpeg" alt="" class="wp-image-9722" srcset="https://webimemo.com/wp-content/uploads/IMG_9206-943x1024.jpeg 943w, https://webimemo.com/wp-content/uploads/IMG_9206-276x300.jpeg 276w, https://webimemo.com/wp-content/uploads/IMG_9206-768x834.jpeg 768w, https://webimemo.com/wp-content/uploads/IMG_9206.jpeg 1206w" sizes="auto, (max-width: 943px) 100vw, 943px" /></a></figure>



<p>もっと自分好みなデザインにしたい場合は、マークの色を変更してみてください。<br>ページ下部にあるメニューの『カラー』から変更可能です。</p>



<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/usage-menu-color.png"><img loading="lazy" decoding="async" width="746" height="144" src="https://webimemo.com/wp-content/uploads/usage-menu-color.png" alt="" class="wp-image-9706" srcset="https://webimemo.com/wp-content/uploads/usage-menu-color.png 746w, https://webimemo.com/wp-content/uploads/usage-menu-color-300x58.png 300w" sizes="auto, (max-width: 746px) 100vw, 746px" /></a></figure>



<p>こちらも詳しくは『<a href="https://webimemo.com/marcalend/usage.html" target="_blank" rel="noreferrer noopener">Usage(使い方)</a>』のページをご確認ください。</p>



<h2 class="wp-block-heading">インスタ映えするカレンダーの魅力とは？</h2>



<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/story.jpg"><img loading="lazy" decoding="async" width="1024" height="559" src="https://webimemo.com/wp-content/uploads/story-1024x559.jpg" alt="" class="wp-image-9707" srcset="https://webimemo.com/wp-content/uploads/story-1024x559.jpg 1024w, https://webimemo.com/wp-content/uploads/story-300x164.jpg 300w, https://webimemo.com/wp-content/uploads/story-768x419.jpg 768w, https://webimemo.com/wp-content/uploads/story.jpg 1408w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>この営業日カレンダーの最大の魅力は、<strong>無料で使える</strong>ことと、インストール不要なことです。</p>



<p>専用のアプリをインストールしなくても、ブラウザからアクセスして簡単に作成・保存できます。これにより、スマホの容量を圧迫せず、いつでもどこでも営業日を更新できるので、忙しいあなたにぴったりです！</p>



<p>操作も簡単なので、慣れれば最短<strong>1分</strong>以内でカレンダーの作成が完了するのもメリット。忙しい仕事の合間でもサクッと作成できるので、時間の無駄がありません。</p>



<p><strong>カレンダー画像にサービスロゴが入らない</strong>というのも売りの一つなので、色んな方にシェアして広めていただけると嬉しいです(人´ω`*)</p>



<h2 class="wp-block-heading">ストーリーズでおしゃれな営業日カレンダーを使った方がいい理由</h2>



<p>営業日を告知する際、ただのテキスト表示ではなく、スタイリッシュなデザインのカレンダー画像を使うことで視覚的にお客様に印象を残せます。</p>



<p>マーカレンドで作成したカレンダーは<strong>ぼかした写真の上に載せる</strong>のがおすすめです。それをストーリーズでシェアすればお客様にとって営業日が一目で分かりやすく、好印象を与えられること間違いなしなのです！</p>



<h2 class="wp-block-heading">ビジネス以外の使用用途も！</h2>



<p>mixi2で、ユーザーの方から素敵な利用用途をご提案いただきましたのでご紹介。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>これ仕事関係じゃなくても<br>友達に｢何日空いてる？｣って聞かれた時に、パッと作ってパッとLINEに送ったりできそう<br>いちいち〇日と〇日と……って打つの面倒くさくてスケジュール帳スクショして送り付けたりしてるから……</p>
</blockquote>



<p>目から鱗の使用方法をありがとうございます( ´ ; ω ; ` )<br>（ユーザーさんからの希望のため、お名前は控えさせていただきます。）</p>



<h2 class="wp-block-heading">このWEBアプリを作った理由</h2>



<p>友達が埼玉県草加市に『<a href="https://www.instagram.com/grancoco_aroma/" target="_blank" rel="noreferrer noopener">GRAN COCO</a>』というリラクゼーションサロンをOPENするということで、Instagramのプロデュースを引き受けました。</p>



<figure class="wp-block-image size-large"><a href="https://webimemo.com/wp-content/uploads/grancoco.jpg"><img loading="lazy" decoding="async" width="1024" height="559" src="https://webimemo.com/wp-content/uploads/grancoco-1024x559.jpg" alt="" class="wp-image-9743" srcset="https://webimemo.com/wp-content/uploads/grancoco-1024x559.jpg 1024w, https://webimemo.com/wp-content/uploads/grancoco-300x164.jpg 300w, https://webimemo.com/wp-content/uploads/grancoco-768x419.jpg 768w, https://webimemo.com/wp-content/uploads/grancoco.jpg 1408w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">プロフィール文章作成から初回の投稿6枚目までの運用代行を私の方で行っています</figcaption></figure>



<p>インスタの投稿やストーリーなどを作っていく中で、あんまり<strong>手軽＆おしゃれな営業日カレンダー</strong>が見当たらず、近い将来に運用を友達に引き継げる気がしなかったため、「ないなら作るか」と思い立ち爆誕に至りました。笑</p>



<p>友人にも説明なしでカレンダーを作ってもらいましたが、サクッと作れていたのでUIにも問題なさそうなことが検証できております(*´∨`*)</p>



<h2 class="wp-block-heading">まとめ</h2>



<p>というわけで、『<strong>インスタの営業日カレンダー作成が簡単に！アプリ不要のおしゃれな無料カレンダーmarCalend(マーカレンド)</strong>』のご紹介でした。</p>



<p>美容師、ネイリスト、セラピストなどの皆さん。<br>ぜひ次の営業日告知はマーカレンドで作成してみてください✧＼\ ٩( &#8216;ω&#8217; )و /／✧</p>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://webimemo.com/marcalend/" target="_blank" rel="noreferrer noopener">マーカレンドにアクセス</a></div>
</div>



<h2 class="wp-block-heading">GRAN COCO</h2>



<figure class="wp-block-image size-large"><a href="https://webimemo.com/wp-content/uploads/grancoco_visual.jpg"><img loading="lazy" decoding="async" width="1024" height="576" src="https://webimemo.com/wp-content/uploads/grancoco_visual-1024x576.jpg" alt="埼玉県草加市のマッサージ『GRAN COCO』" class="wp-image-9748" srcset="https://webimemo.com/wp-content/uploads/grancoco_visual-1024x576.jpg 1024w, https://webimemo.com/wp-content/uploads/grancoco_visual-300x169.jpg 300w, https://webimemo.com/wp-content/uploads/grancoco_visual-768x432.jpg 768w, https://webimemo.com/wp-content/uploads/grancoco_visual-1536x864.jpg 1536w, https://webimemo.com/wp-content/uploads/grancoco_visual.jpg 1600w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>埼玉県草加市にある女性専用の完全予約制自宅サロン。</p>



<p>セラピスト歴10年を超える女性セラピストのオールハンドによる施術は、手の温もりによる高いリラックス効果で血流とリンパの流れを整えて、不調や痛みを和らげます。ゆったりとした時間でスッキリ笑顔になれる事を大切にしています。</p>



<p>お近くの方はぜひ<a href="https://www.instagram.com/grancoco_aroma/" target="_blank" rel="noreferrer noopener">ご予約</a>を！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/create/9698/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【2025年】Instagram ストーリーズの新年挨拶に使える無料背景画像18選｜美容院・飲食店向け文例つき</title>
		<link>https://webimemo.com/photo/9640</link>
					<comments>https://webimemo.com/photo/9640#respond</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Mon, 30 Dec 2024 09:24:54 +0000</pubDate>
				<category><![CDATA[photo]]></category>
		<category><![CDATA[サイト紹介]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9640</guid>

					<description><![CDATA[こんにちは！みぞれ（@xxmiz0rexx）です。新年を迎えるとき、Instagramストーリーズで新年のご挨拶を投稿するお店は多いですよね。でも集客用にインスタを運営しているものの「パパッと使える素材が欲しい」「センス [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/newyear-card-instagram-story.jpg"><img loading="lazy" decoding="async" width="1024" height="538" src="https://webimemo.com/wp-content/uploads/newyear-card-instagram-story-1024x538.jpg" alt="" class="wp-image-9680" srcset="https://webimemo.com/wp-content/uploads/newyear-card-instagram-story-1024x538.jpg 1024w, https://webimemo.com/wp-content/uploads/newyear-card-instagram-story-300x158.jpg 300w, https://webimemo.com/wp-content/uploads/newyear-card-instagram-story-768x403.jpg 768w, https://webimemo.com/wp-content/uploads/newyear-card-instagram-story.jpg 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>こんにちは！みぞれ（<a href="https://x.com/xxmiz0rexx" target="_blank" rel="noreferrer noopener">@xxmiz0rexx</a>）です。<br>新年を迎えるとき、Instagramストーリーズで新年のご挨拶を投稿するお店は多いですよね。でも集客用にインスタを運営しているものの「パパッと使える素材が欲しい」「センス良い投稿にしたいけどデザインスキルに自信がない」という人も多いのではないでしょうか。</p>



<p>そこで今回は、<strong>簡単におしゃれな新年のご挨拶ストーリーズが作れる</strong>無料背景素材を18点、厳選してご紹介しちゃいます。</p>



<p>さらに<strong>美容師さんや飲食店向けなど、業種別の文例</strong>も用意したので、すぐにでも投稿できる内容になっております✧＼\ ٩( &#8216;ω&#8217; )و /／✧</p>




<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ウェビメモmoreレクタングル大 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>





<h2 class="wp-block-heading">新年のストーリーズ投稿のポイント</h2>



<p>さて。まずは新年のストーリーズ投稿のポイントからお話ししていこうと思います。サクッと素材を確認したいだけの方は<a href="#newyear-card-design">素材紹介までジャンプ</a>してください。笑</p>



<h3 class="wp-block-heading">投稿のベストなタイミングとは？</h3>



<figure class="wp-block-image size-large"><a href="https://webimemo.com/wp-content/uploads/p7814.jpg"><img loading="lazy" decoding="async" width="1024" height="683" src="https://webimemo.com/wp-content/uploads/p7814-1024x683.jpg" alt="" class="wp-image-9677" srcset="https://webimemo.com/wp-content/uploads/p7814-1024x683.jpg 1024w, https://webimemo.com/wp-content/uploads/p7814-300x200.jpg 300w, https://webimemo.com/wp-content/uploads/p7814-768x512.jpg 768w, https://webimemo.com/wp-content/uploads/p7814-1536x1024.jpg 1536w, https://webimemo.com/wp-content/uploads/p7814.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>新年のご挨拶のストーリーズ投稿は、12月31日の23時頃から1月1日の午前中までがおすすめです。特に、<strong>年が明けてすぐの0時台は、多くのユーザーがInstagramをチェックする時間帯</strong>なので、目に触れる可能性も高くなりますね！！</p>



<p>ストーリーズは24時間で消えてしまうため、より多くのお客様に見ていただくために投稿のタイミングをベストなものにしましょう。</p>



<h3 class="wp-block-heading">色使いのポイント</h3>



<p>すぐにスワイプされてしまう沢山のストーリーの中で、ひときわ目立つには色使いにも気をつけましょう。</p>



<p>例えば私がインスタの運用代行者なら、以下のように考えます。</p>



<ul class="wp-block-list">
<li>お店のブランドカラーを取り入れる</li>



<li>新年らしい赤や金を使用</li>



<li>おしゃれさを重視する場合は白やベージュなど、くすみカラーを選択</li>



<li>ロゴを使う場合はロゴに合わせた配色を意識</li>
</ul>



<p>これらを意識しながらピッタリの背景画像を選んでみてください！</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><a href="https://happy-new-year.photos/" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="700" height="250" src="https://webimemo.com/wp-content/uploads/gd-newyear-banner.png" alt="" class="wp-image-9688" style="object-fit:cover;width:350px;height:125px" srcset="https://webimemo.com/wp-content/uploads/gd-newyear-banner.png 700w, https://webimemo.com/wp-content/uploads/gd-newyear-banner-300x107.png 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></a></figure></div>


<h2 class="wp-block-heading">業種別おすすめ文例集</h2>



<p>いざ「お店のストーリーに新年のご挨拶を投稿するぞ！！」と思っても、何を書いたらいいか分からないあなたのために、ちょっとした文例集を作ってみました笑</p>



<h3 class="wp-block-heading">美容サロン向け</h3>



<p>美容院、ネイルサロン、まつ毛サロン、美容皮膚科＆クリニック系におすすめ！</p>



<h4 class="wp-block-heading">ストーリー投稿文例1</h4>



<div class="wp-block-group pd16 has-background" style="background-color:#ffeded"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>新年明けましておめでとうございます！<br>本年も皆様の「キレイ」のお手伝いを<br>させていただけることを心より楽しみにしております<br>今年もどうぞよろしくお願いいたします</p>



<p>スタッフ一同</p>
</div></div>



<h4 class="wp-block-heading">ストーリー投稿文例2</h4>



<div class="wp-block-group pd16 has-background" style="background-color:#ffeded"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>謹んで新春のお慶びを申し上げます。<br>2025年も、お客様一人一人に寄り添った施術を心がけてまいります！</p>



<p>スタッフ一同</p>
</div></div>



<h3 class="wp-block-heading">飲食店向け</h3>



<p>カフェ、バー、イタリアン、ラーメン屋、ケーキ屋、パン屋などにおすすめ！</p>



<h4 class="wp-block-heading">ストーリー投稿文例1</h4>



<div class="wp-block-group pd16 has-background" style="background-color:#ffeded"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>新年明けましておめでとうございます</p>



<p>旧年中は格別のご愛顧を賜り誠にありがとうございました</p>



<p>本年も変わらぬ美味しさとくつろぎの空間をご提供できるよう<br>スタッフ一同、精進してまいります</p>



<p>○○レストラン</p>
</div></div>



<h4 class="wp-block-heading">ストーリー投稿文例2</h4>



<div class="wp-block-group pd16 has-background" style="background-color:#ffeded"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>謹賀新年</p>



<p>新しい年の始まりを皆様と一緒にお祝いできることを心より嬉しく思います。</p>



<p>本日より通常営業しております。</p>



<p>新年最初の乾杯はぜひ○○で。</p>



<p>○○居酒屋</p>
</div></div>



<h3 class="wp-block-heading">フィットネス向け</h3>



<p>パーソナルトレーナー、ジムオーナー、サッカー教室、バスケチームなどにおすすめ！</p>



<h4 class="wp-block-heading">ストーリー投稿文例1</h4>



<div class="wp-block-group pd16 has-background" style="background-color:#ffeded"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>新年明けましておめでとうございます！</p>



<p>2025年、あなたの理想のカラダづくりを<br>全力でサポートさせていただきます！</p>



<p>今年こそ叶えたい目標がある方はお気軽にDMください！</p>



<p>○○トレーニングジム　パーソナルトレーナー ○○</p>
</div></div>



<h4 class="wp-block-heading">ストーリー投稿文例2</h4>



<div class="wp-block-group pd16 has-background" style="background-color:#ffeded"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>謹んで新春のお慶びを申し上げます。</p>



<p>新しい年の始まりに際し皆様の健康な毎日をサポートできることを心より嬉しく思います。</p>



<p>今年は「続けられる習慣づくり」をテーマに、お一人お一人に寄り添ったトレーニングをご提案してまいります。</p>



<p>本年もどうぞよろしくお願いいたします</p>



<p>○○フィットネス</p>
</div></div>



<p>上記の文面を参考に、オリジナルの文章にしてみてくださいね(●^Д^)</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><a href="https://happy-new-year.photos/" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="700" height="250" src="https://webimemo.com/wp-content/uploads/gd-newyear-banner.png" alt="" class="wp-image-9688" style="object-fit:cover;width:350px;height:125px" srcset="https://webimemo.com/wp-content/uploads/gd-newyear-banner.png 700w, https://webimemo.com/wp-content/uploads/gd-newyear-banner-300x107.png 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></a></figure></div>


<h2 class="wp-block-heading" id="newyear-card-design">Instagram ストーリーズの新年挨拶に使える無料背景画像18選</h2>



<p>というわけで、お待たせしました！この度<a href="https://happy-new-year.photos/" target="_blank" rel="noreferrer noopener">がりどろ年賀状</a>というおしゃれな年賀状デザイン専門サイトをリリースしましたので、そこから高品質な新年のご挨拶用背景素材をカラー別にご紹介したいと思います！</p>



<p>※同サイト内にある年賀状デザインは<strong>すべて商用利用可能な無料素材</strong>となっております。</p>



<h3 class="wp-block-heading">赤の年賀状デザイン（縦）</h3>



<div class="wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-7 wp-block-group-is-layout-grid">
<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=17315" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site//2/7J9A5110_txt.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=17238" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A5001_txt.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=17230" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A5035_2025.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-vivid-red-background-color has-background wp-element-button" href="https://happy-new-year.photos/special/%e8%b5%a4%e8%89%b2%e3%81%ae%e3%81%8a%e3%81%97%e3%82%83%e3%82%8c%e3%81%aa%e5%b9%b4%e8%b3%80%e7%8a%b6%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%ef%bc%88%e7%b8%a6%e5%90%91%e3%81%8d%ef%bc%89/" target="_blank" rel="noreferrer noopener">赤の年賀状デザイン（縦）をもっと見る</a></div>
</div>



<h3 class="wp-block-heading">金色の年賀状デザイン（縦）</h3>



<div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-8 wp-block-group-is-layout-grid">
<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=18262" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A5142_2025.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=18276" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A5145_tate_2025.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=18254" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A5137_tate_2025.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-background wp-element-button" href="https://happy-new-year.photos/special/%e9%87%91%e8%89%b2%e3%81%ae%e3%81%8a%e3%81%97%e3%82%83%e3%82%8c%e3%81%aa%e5%b9%b4%e8%b3%80%e7%8a%b6%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%ef%bc%88%e7%b8%a6%e5%90%91%e3%81%8d%ef%bc%89/" style="background-color:#cfb763" target="_blank" rel="noreferrer noopener">金色の年賀状デザイン（縦）をもっと見る</a></div>
</div>



<h3 class="wp-block-heading">ピンクの年賀状デザイン（縦）</h3>



<div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-9 wp-block-group-is-layout-grid">
<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=18063" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//newyear-card-illust-122707_tate_2025.jpg?fit=500%2C889&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=17882" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//newyear-card-illust_tate.jpg?fit=500%2C889&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=18057" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//newyear-card-illust-122705_tate_reiwa.jpg?fit=500%2C889&amp;ssl=1" alt=""/></a></figure>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-pale-pink-background-color has-background wp-element-button" href="https://happy-new-year.photos/special/%e3%83%94%e3%83%b3%e3%82%af%e8%89%b2%e3%81%ae%e3%81%8a%e3%81%97%e3%82%83%e3%82%8c%e3%81%aa%e5%b9%b4%e8%b3%80%e7%8a%b6%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e7%b8%a6%e5%90%91%e3%81%8d/" target="_blank" rel="noreferrer noopener">ピンクの年賀状デザイン（縦）をもっと見る</a></div>
</div>



<h3 class="wp-block-heading">黒の年賀状デザイン（縦）</h3>



<div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-10 wp-block-group-is-layout-grid">
<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=18105" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//newyear-card-illust-122715_tate_2025.jpg?fit=500%2C889&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=18053" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//newyear-card-illust-122704_tate_reiwa.jpg?fit=500%2C889&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=15074" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/2023/12/7J9A2359_txt.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-black-background-color has-background wp-element-button" href="https://happy-new-year.photos/special/%e9%bb%92%e8%89%b2%e3%81%ae%e3%81%8a%e3%81%97%e3%82%83%e3%82%8c%e3%81%aa%e5%b9%b4%e8%b3%80%e7%8a%b6%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%ef%bc%88%e7%b8%a6%e5%90%91%e3%81%8d%ef%bc%89/" target="_blank" rel="noreferrer noopener">黒の年賀状デザイン（縦）をもっと見る</a></div>
</div>



<h3 class="wp-block-heading">くすみカラーの年賀状デザイン（縦）</h3>



<div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-11 wp-block-group-is-layout-grid">
<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=18238" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A0048_tate_2025.jpg?fit=500%2C889&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=18246" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A9620_tate_2025.jpg?fit=500%2C889&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=17509" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A2248_2025.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-background wp-element-button" href="https://happy-new-year.photos/special/%e3%81%8f%e3%81%99%e3%81%bf%e3%82%ab%e3%83%a9%e3%83%bc%e3%81%ae%e3%81%8a%e3%81%97%e3%82%83%e3%82%8c%e3%81%aa%e5%b9%b4%e8%b3%80%e7%8a%b6%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%ef%bc%88%e7%b8%a6%e5%90%91/" style="background-color:#887070" target="_blank" rel="noreferrer noopener">くすみカラーの年賀状デザイン（縦）をもっと見る</a></div>
</div>



<h3 class="wp-block-heading">グレーの年賀状デザイン（縦）</h3>



<div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-12 wp-block-group-is-layout-grid">
<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=17422" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A5167_2025.jpg?fit=281%2C500&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=15104" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/2023/12/7J9A2394_txt.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/free-download/?post_id=17530" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/happy-new-year.photos/wp-content/uploads/site/2//7J9A5161.jpg?fit=500%2C890&amp;ssl=1" alt=""/></a></figure>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-background wp-element-button" href="https://happy-new-year.photos/special/%E3%82%B0%E3%83%AC%E3%83%BC%E3%81%AE%E3%81%8A%E3%81%97%E3%82%83%E3%82%8C%E3%81%AA%E5%B9%B4%E8%B3%80%E7%8A%B6%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%EF%BC%88%E7%B8%A6%E5%90%91%E3%81%8D%EF%BC%89" style="background-color:#696c70">グレーの年賀状デザイン（縦）をもっと見る</a></div>
</div>



<p></p>


<div class="wp-block-image">
<figure class="aligncenter size-medium"><a href="https://girlydrop.com/letter/2025-uranai-wallpaper" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="300" height="158" src="https://webimemo.com/wp-content/uploads/letter-newyear-uranai-300x158.jpg" alt="" class="wp-image-9689" srcset="https://webimemo.com/wp-content/uploads/letter-newyear-uranai-300x158.jpg 300w, https://webimemo.com/wp-content/uploads/letter-newyear-uranai-1024x538.jpg 1024w, https://webimemo.com/wp-content/uploads/letter-newyear-uranai-768x403.jpg 768w, https://webimemo.com/wp-content/uploads/letter-newyear-uranai.jpg 1200w" sizes="auto, (max-width: 300px) 100vw, 300px" /></a></figure></div>


<h2 class="wp-block-heading">ストーリーズの投稿手順</h2>



<h3 class="wp-block-heading">背景素材の保存方法</h3>



<p>まずは背景素材のGETから♪<br>以下の手順でダウンロードしてください。</p>



<ol class="wp-block-list">
<li><a href="https://happy-new-year.photos/" target="_blank" rel="noreferrer noopener">happy-new-year.photos</a>にアクセス</li>



<li>お好みの背景素材を選択</li>



<li>ダウンロードボタンをタップ</li>



<li>「写真」アプリに保存されます</li>
</ol>



<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/newyear-dl.jpg"><img loading="lazy" decoding="async" width="1024" height="649" src="https://webimemo.com/wp-content/uploads/newyear-dl-1024x649.jpg" alt="" class="wp-image-9670" srcset="https://webimemo.com/wp-content/uploads/newyear-dl-1024x649.jpg 1024w, https://webimemo.com/wp-content/uploads/newyear-dl-300x190.jpg 300w, https://webimemo.com/wp-content/uploads/newyear-dl-768x487.jpg 768w, https://webimemo.com/wp-content/uploads/newyear-dl-1536x973.jpg 1536w, https://webimemo.com/wp-content/uploads/newyear-dl-2048x1298.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<h3 class="wp-block-heading">ストーリーズへの背景画像の挿入方法</h3>



<p>ご存知かと思いますが一応。背景は素材でも、エフェクト追加で自分だけのオリジナルストーリーに！</p>



<ol class="wp-block-list">
<li>Instagramアプリを開く</li>



<li>ストーリーズの作成画面を表示</li>



<li>画面を下にスワイプして写真を選択</li>



<li>背景素材を選ぶ</li>



<li>空いているスペースに文章を追加</li>



<li>エフェクトも追加してキラキラさせよう！</li>
</ol>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><a href="https://webimemo.com/wp-content/uploads/IMG_8862.jpg"><img loading="lazy" decoding="async" width="472" height="1024" src="https://webimemo.com/wp-content/uploads/IMG_8862-472x1024.jpg" alt="" class="wp-image-9674" srcset="https://webimemo.com/wp-content/uploads/IMG_8862-472x1024.jpg 472w, https://webimemo.com/wp-content/uploads/IMG_8862-138x300.jpg 138w, https://webimemo.com/wp-content/uploads/IMG_8862-768x1665.jpg 768w, https://webimemo.com/wp-content/uploads/IMG_8862-709x1536.jpg 709w, https://webimemo.com/wp-content/uploads/IMG_8862-945x2048.jpg 945w, https://webimemo.com/wp-content/uploads/IMG_8862.jpg 1179w" sizes="auto, (max-width: 472px) 100vw, 472px" /></a><figcaption class="wp-element-caption">テキストを追加</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><a href="https://webimemo.com/wp-content/uploads/IMG_8861.jpg"><img loading="lazy" decoding="async" width="472" height="1024" src="https://webimemo.com/wp-content/uploads/IMG_8861-472x1024.jpg" alt="" class="wp-image-9675" srcset="https://webimemo.com/wp-content/uploads/IMG_8861-472x1024.jpg 472w, https://webimemo.com/wp-content/uploads/IMG_8861-138x300.jpg 138w, https://webimemo.com/wp-content/uploads/IMG_8861-768x1665.jpg 768w, https://webimemo.com/wp-content/uploads/IMG_8861-709x1536.jpg 709w, https://webimemo.com/wp-content/uploads/IMG_8861-945x2048.jpg 945w, https://webimemo.com/wp-content/uploads/IMG_8861.jpg 1179w" sizes="auto, (max-width: 472px) 100vw, 472px" /></a><figcaption class="wp-element-caption">エフェクトを追加</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><a href="https://webimemo.com/wp-content/uploads/IMG_8863.jpg"><img loading="lazy" decoding="async" width="472" height="1024" src="https://webimemo.com/wp-content/uploads/IMG_8863-472x1024.jpg" alt="" class="wp-image-9673" srcset="https://webimemo.com/wp-content/uploads/IMG_8863-472x1024.jpg 472w, https://webimemo.com/wp-content/uploads/IMG_8863-138x300.jpg 138w, https://webimemo.com/wp-content/uploads/IMG_8863-768x1665.jpg 768w, https://webimemo.com/wp-content/uploads/IMG_8863-709x1536.jpg 709w, https://webimemo.com/wp-content/uploads/IMG_8863-945x2048.jpg 945w, https://webimemo.com/wp-content/uploads/IMG_8863.jpg 1179w" sizes="auto, (max-width: 472px) 100vw, 472px" /></a><figcaption class="wp-element-caption">出来上がり！</figcaption></figure>
</div>
</div>



<h2 class="wp-block-heading">まとめ</h2>



<p><br>新年のご挨拶は、お客様との関係性を深める大切な機会です。おしゃれな背景素材を使用することで、手軽にセンスの良い投稿を作ることができますね！</p>



<p>というわけで、『<strong>【2025年】Instagram ストーリーズの新年挨拶に使える無料背景画像18選</strong>』でした！</p>



<p>定期的なストーリーズ投稿は、お店のファンを増やすための重要な施策の一つなので、この機会に魅力的な投稿を始めてみましょ〜！</p>



<h2 class="wp-block-heading">『がりどろ年賀状』とは</h2>



<figure class="wp-block-image size-large"><a href="https://happy-new-year.photos/" target="_blank" rel=" noreferrer noopener"><img decoding="async" src="https://i0.wp.com/girlydrop.com/wp-content/uploads/2024/12/25097739c3f9dfbaa788c67adeda710c.jpg?w=1200&amp;ssl=1" alt=""/></a></figure>



<p>＊「GIRLYDROP」が提供するサイトの特徴は、共通して以下のとおりです。</p>



<p>●おしゃれな写真をすべて無料でダウンロードできる！<br>●完全無料！（追加の課金なし！）<br>●会員登録不要！<br>●クレジット不要！<br>●使用報告不要！リンク掲載不要！（報告や掲載はうれしいです）<br>●商用・個人利用に関わらず利用可能（利用規約の範囲内でご使用ください）●すべての写真に、あらかじめ、おしゃれな加工が施されている！<br>→ そのまま使うだけで、おしゃれなデザイン空間に仕上がる<br>●すべての写真を女性カメラマン2名で撮影！（女性目線の写真のみの取り扱い）<br>●人物写真は顔が入っていない！（どんなシーンでも使いやすい）<br>●撮影からサイト制作までのすべての工程を女性2名で手がけている！<br><br>▼利用規約<br><a href="https://www.value-press.com/bin/tools/link_counter?a=xponiacqdyj&amp;l=YUhSMGNEb3ZMMmRwY214NVpISnZjQzVqYjIwdmNHOXNhV041" target="_blank" rel="noreferrer noopener">https://girlydrop.com/policy</a><br>ご使用時は、必ず「利用規約」をご一読ください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/photo/9640/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>おしゃれなスマホ壁紙を探しているあなたへ捧ぐ！縦型専門の素材サイト『がりどろタテ』をリリースしました♡</title>
		<link>https://webimemo.com/web/9621</link>
					<comments>https://webimemo.com/web/9621#respond</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Tue, 09 Jul 2024 08:32:49 +0000</pubDate>
				<category><![CDATA[web]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[サイト紹介]]></category>
		<category><![CDATA[商用利用OK]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9621</guid>

					<description><![CDATA[こんにちは！みぞれ(@xxmiz0rexx)です。このたび2年くらい温めていた新サービス「縦型専門の素材サイト」をリリースしました。 海外風のおしゃれすぎるフィルターをかけて、設定するだけで気分がアガる写真ばかりなので、 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/ogp.jpg"><img loading="lazy" decoding="async" width="1024" height="538" src="https://webimemo.com/wp-content/uploads/ogp-1024x538.jpg" alt="" class="wp-image-9623" srcset="https://webimemo.com/wp-content/uploads/ogp-1024x538.jpg 1024w, https://webimemo.com/wp-content/uploads/ogp-300x158.jpg 300w, https://webimemo.com/wp-content/uploads/ogp-768x403.jpg 768w, https://webimemo.com/wp-content/uploads/ogp.jpg 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>こんにちは！みぞれ(<a rel="noreferrer noopener" href="http://twitter.com/xxmiz0rexx" target="_blank">@xxmiz0rexx</a>)です。<br>このたび2年くらい温めていた新サービス「<strong>縦型専門の素材サイト</strong>」をリリースしました。</p>



<p>海外風のおしゃれすぎるフィルターをかけて、設定するだけで気分がアガる写真ばかりなので、スマホ壁紙はもちろん、Instagramリール＆ストーリーズやTikTokなど<strong>おしゃれな”縦”が必要な場面</strong>でぜひぜひご利用くださーい(*´∨`*)</p>




<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ウェビメモmoreレクタングル大 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>





<h2 class="wp-block-heading">海外風♡大人おしゃれをギュッと「タテ」につめこんだ 9:16の縦長・無料画像サイト『GIRLYDROP#TATE』</h2>



<p>さて、冒頭でもご紹介した通り2024年7月2日夏の日に『<a rel="noreferrer noopener" href="https://garidoro-tate.com/" data-type="URL" data-id="https://garidoro-tate.com/" target="_blank">GIRLYDROP#TATE</a>』(通称:がりどろタテ)をリリースしました✧＼\ ٩( &#8216;ω&#8217; )و /／✧今回も相棒のまこりんと一緒にやっております！</p>



<p>内容としては、商用・個人利用に関わらず、おしゃれ写真をすべて無料でお使い頂ける<strong>縦型専門</strong>の素材サイトとなっております。<br><a rel="noreferrer noopener" href="https://girlydrop.com/" data-type="URL" data-id="https://girlydrop.com/" target="_blank">本家GIRLY DROP</a>同様、リンクや使用報告も必要ないのでどうぞお気軽に使ってくださいね◎</p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link" href="https://garidoro-tate.com/" target="_blank" rel="noreferrer noopener">GIRLYDROP#TATEを見に行く！</a></div>
</div>



<h3 class="wp-block-heading">GIRLYDROP#TATEの特徴</h3>



<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/garidorotate.jpg"><img loading="lazy" decoding="async" width="1024" height="556" src="https://webimemo.com/wp-content/uploads/garidorotate-1024x556.jpg" alt="" class="wp-image-9627" srcset="https://webimemo.com/wp-content/uploads/garidorotate-1024x556.jpg 1024w, https://webimemo.com/wp-content/uploads/garidorotate-300x163.jpg 300w, https://webimemo.com/wp-content/uploads/garidorotate-768x417.jpg 768w, https://webimemo.com/wp-content/uploads/garidorotate.jpg 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>サイトの特徴を簡単にご紹介すると、こんな感じ。</p>



<ul class="wp-block-list"><li>撮影からサイト制作までのすべての工程を二人でやってます♡</li><li>完全無料</li><li>会員登録不要</li><li>クレジット・使用報告・リンク掲載不要</li><li>個人利用はもちろん、商用利用も可能（<a rel="noreferrer noopener" href="https://garidoro-tate.com/poricy" target="_blank">利用規約</a>の範囲内でご使用ください）</li><li>あらかじめおしゃれな加工済みで、お好みで白黒VerもGetできちゃう♡</li><li>すべての写真を女性カメラマン2名で撮影（女性目線の写真のみの取り扱い）</li><li>人物写真は顔が入っていない！（どんなシーンでも使いやすい）</li></ul>



<p>目指したのは”海外風”で”大人おしゃれな雰囲気”。見ているだけでおしゃれな空間にお出かけしているような気持ちになってもらえるサイトを作ってみました。</p>



<p>また、<a rel="noreferrer noopener" href="https://girlydrop.com/" data-type="URL" data-id="https://girlydrop.com/" target="_blank">本家GIRLY DROP</a>同様、顔の入っていない写真というのにもこだわりがあるので、モデルが誰なのかもあえて公表はしておりません！先入観なくご利用ください♡</p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link" href="https://garidoro-tate.com/" target="_blank" rel="noreferrer noopener">GIRLYDROP#TATEを見に行く！</a></div>
</div>



<h2 class="wp-block-heading">写真に「キュン♡」と来たら…</h2>



<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/p3613.jpg"><img decoding="async" src="https://i0.wp.com/girlydrop.com/wp-content/uploads/2024/07/69d4c88b2fe526d0a6cf9284ab9437cc.png?w=1200&amp;ssl=1" alt=""/></a></figure>



<p>写真右下の押しやすい位置に”<strong>キュンボタン</strong>”なるものがついております。<br>もし、写真をみて「キュン♡」と来たらぜひこのボタンをクリックしてください。</p>



<p>なお、キュンボタンはひとりにつき何度でも押していただけますので、<br>「ふおおおおおお！」となったら<strong>連打</strong>してもらって構いませんｗ<br><br>キュンが多い写真には今後、何かしらの特典を付けたいと思っているので、<br>どうぞお気軽に何度でもキュンキュンしてくださいませ♡</p>



<h2 class="wp-block-heading">サイトにバナーを掲載して『GIRLYDROP#TATE』を応援しよう！</h2>



<p>『<a rel="noreferrer noopener" href="https://garidoro-tate.com/" data-type="URL" data-id="https://garidoro-tate.com/" target="_blank">GIRLYDROP#TATE</a>』では、数種類のバナーをご用意しております。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image"><img decoding="async" src="https://i0.wp.com/garidoro-tate.com/wp-content/uploads/2024/07/banner_rectangle.jpg?resize=600%2C500&amp;ssl=1" alt="" class="wp-image-526"/><figcaption>レクタングル<br>（600 x 500）</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image"><img decoding="async" src="https://i0.wp.com/garidoro-tate.com/wp-content/uploads/2024/07/banner_square.jpg?resize=1024%2C1024&amp;ssl=1" alt="" class="wp-image-527"/><figcaption>スクエア<br>（1080 x 1080）</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image"><img decoding="async" src="https://i0.wp.com/garidoro-tate.com/wp-content/uploads/2024/07/banner_story.jpg?resize=1020%2C1814&amp;ssl=1" alt="" class="wp-image-528"/><figcaption>ストーリー用<br>（1080 x 1920）</figcaption></figure>
</div>
</div>



<p>応援したい！と思って頂ける方がいらっしゃいましたら、サイトのどこか・もしくはInstaストーリーなどに掲載していただけると助かります。</p>



<p>また、記事で紹介して頂ける方も大大大募集しております(*´∨`*)<br>その場合、公式Twitterにて記事をシェアさせて頂きますのでご報告くださると嬉しいです。</p>



<h2 class="wp-block-heading">さいごに</h2>



<p>そんなわけで、まだ生まれたばかりのサイトですが末永くご利用いただければと思います◎</p>



<p>TikTokやInstagramのリールなどに使ってもらえることを期待して作ったサイトなので、「使ったよー！」とか「使われてたよー！」と声かけてもらえたら泣いて喜びます！！！！アカウントお持ちの方は何卒使ってみてください！</p>



<p>以上、みぞれでした！</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link" href="https://garidoro-tate.com/" target="_blank" rel="noreferrer noopener">GIRLYDROP#TATEを見に行く！</a></div>
</div>
</div>
</div>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/web/9621/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>簡単＆おしゃれ！LINE公式アカウントで魅力的なリッチメニューを設定する方法</title>
		<link>https://webimemo.com/iphone/9593</link>
					<comments>https://webimemo.com/iphone/9593#respond</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Tue, 30 May 2023 06:01:27 +0000</pubDate>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[LINE]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[備忘録]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9593</guid>

					<description><![CDATA[こんにちは！みぞれ(@xxmiz0rexx)です。最近LINE公式アカウントを設定する機会があったので、リッチメニューの設定方法を備忘録がてらご紹介していきます。 LINE公式アカウントとは LINE公式アカウントとは、 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/linerichmenu.jpg"><img loading="lazy" decoding="async" width="1000" height="600" src="https://webimemo.com/wp-content/uploads/linerichmenu.jpg" alt="" class="wp-image-9613" srcset="https://webimemo.com/wp-content/uploads/linerichmenu.jpg 1000w, https://webimemo.com/wp-content/uploads/linerichmenu-300x180.jpg 300w, https://webimemo.com/wp-content/uploads/linerichmenu-768x461.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></a></figure>



<p>こんにちは！みぞれ(<a rel="noreferrer noopener" href="https://twitter.com/xxmiz0rexx" target="_blank">@xxmiz0rexx</a>)です。<br>最近LINE公式アカウントを設定する機会があったので、リッチメニューの設定方法を備忘録がてらご紹介していきます。</p>




<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ウェビメモmoreレクタングル大 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>





<h2 class="wp-block-heading">LINE公式アカウントとは</h2>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img decoding="async" src="https://www.linebiz.com/sites/default/files/media/jp/service/line-official-account/2/img/function_img01.png" alt="" width="250"/><figcaption><a href="https://www.linebiz.com/jp/service/line-official-account/" target="_blank" rel="noreferrer noopener">【公式】LINE公式アカウント</a>より引用</figcaption></figure></div>



<p>LINE公式アカウントとは、お客様（友だち）とLINEのやり取りができる仕組みで、予約を取ったり質問に答えたり、ビジネスやブランドのプロモーションにも活用できる便利なサービスです。しかも<strong>無料から始められる</strong>ので起業したての方もすぐに導入できるのが魅力的。</p>



<p>今や企業や個人店、公共機関などさまざまな組織が公式アカウントを運営しており、ユーザーとのダイレクトなやりとりや情報発信をしています。この記事を読んでいる方も、何かしらの公式アカウントを友だち登録しているのではないでしょうか。</p>



<h2 class="wp-block-heading">リッチメニューとは</h2>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img decoding="async" src="https://www.linebiz.com/sites/default/files/media/jp/service/line-official-account/2/img/function_img04.png" alt="" width="250"/><figcaption><a href="https://www.linebiz.com/jp/service/line-official-account/" target="_blank" rel="noreferrer noopener">【公式】LINE公式アカウント</a>より引用</figcaption></figure></div>



<p>リッチメニューとは、LINE公式アカウントとのトーク画面下部に表示されることがあるメニューバーのことです。リッチメニューには、<meta charset="utf-8">テキストや画像、ボタンなどさまざまな要素を組み合わせて設定することができ、外部サイトへのリンクやクーポンの配布、ポイントカード機能など、さまざまな機能を設定することができます。</p>



<p>公式アカウントを運営するならば、ブランディングや便利さなどの観点からも設定しておいた方がいいものの一つだと思います。</p>



<h3 class="wp-block-heading">リッチメニュー使用の具体例</h3>



<p>例えば実店舗がある場合は「アクセス」というメニューボタンを押すとお店までの地図が出たり、ホームページをお持ちの場合は「ホームページ」というメニューボタンを置いてURLを送れたり、予約サイトがある場合は「ご予約」というメニューボタンで予約サイトに飛ばせたり、工夫次第でとっても便利で集客にもつながるツールです。</p>



<h2 class="wp-block-heading">リッチメニュー設定方法（スマホ編）</h2>



<p>まずは設定の流れから。以下の流れで設定していきます。</p>



<ol class="wp-block-list"><li>リッチメニューに使う画像を用意する</li><li>LINE公式アカウントアプリを開く</li><li>「リッチメニュー」をタップ</li><li>「作成」ボタンをタップ</li><li>リッチメニューのテンプレートを選択</li><li>テンプレートのサイズに合った画像をアップロード</li><li>リッチメニューのボタンにリンクを設定</li><li>「保存」ボタンをタップしたら完了！</li></ol>



<h3 class="wp-block-heading">LINE公式アカウントアプリを開いて、リッチメニューをタップ</h3>



<p>アプリを開くとメニューが並んでいるので、「リッチメニュー」というアイコンをタップして設定画面にいきましょう。</p>



<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/howto_lineB1.jpg"><img loading="lazy" decoding="async" width="1000" height="555" src="https://webimemo.com/wp-content/uploads/howto_lineB1.jpg" alt="" class="wp-image-9602" srcset="https://webimemo.com/wp-content/uploads/howto_lineB1.jpg 1000w, https://webimemo.com/wp-content/uploads/howto_lineB1-300x167.jpg 300w, https://webimemo.com/wp-content/uploads/howto_lineB1-768x426.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></a></figure>



<h3 class="wp-block-heading">テンプレートを選択</h3>



<p>テンプレートは大小あります。設定したいメニュー数に応じて適切なテンプレートを選択します。</p>



<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/howto_lineB2.jpg"><img loading="lazy" decoding="async" width="1000" height="555" src="https://webimemo.com/wp-content/uploads/howto_lineB2.jpg" alt="" class="wp-image-9605" srcset="https://webimemo.com/wp-content/uploads/howto_lineB2.jpg 1000w, https://webimemo.com/wp-content/uploads/howto_lineB2-300x167.jpg 300w, https://webimemo.com/wp-content/uploads/howto_lineB2-768x426.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></a></figure>



<h3 class="wp-block-heading">画像をアップロード</h3>



<p>テンプレートに対応した画像をアップロードしましょう。</p>



<p>リッチメニュー用の画像は自作や無料配布されているものでも設定可能ですが、プロのデザイナーに依頼して魅力的なデザイン画像を手に入れ、効果的なリッチメニューを作成する方がブランドイメージの底上げにもなり、集客やファンの獲得に繋がりやすいかと思います。</p>



<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/howto_lineB3.jpg"><img loading="lazy" decoding="async" width="1000" height="555" src="https://webimemo.com/wp-content/uploads/howto_lineB3.jpg" alt="" class="wp-image-9606" srcset="https://webimemo.com/wp-content/uploads/howto_lineB3.jpg 1000w, https://webimemo.com/wp-content/uploads/howto_lineB3-300x167.jpg 300w, https://webimemo.com/wp-content/uploads/howto_lineB3-768x426.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></a></figure>



<h3 class="wp-block-heading">リンクタイプを選択</h3>



<p>リッチメニューを押した時に何をしたいか、以下の中から選択ができます。</p>



<ul class="wp-block-list"><li>リンク</li><li>クーポン</li><li>テキスト</li><li>ショップカード</li><li>設定しない</li></ul>



<p>以下に設定例をいくつか載せておくので参考にしてみてください。</p>



<h4 class="wp-block-heading">Instagramボタンを作りたい時</h4>



<p>タイプ：リンク、URL：インスタのプロフィールURL</p>



<h4 class="wp-block-heading">クーポンボタンを作りたい時</h4>



<p>まずはアプリのホームタブのメニューでクーポンを作成する必要があります。</p>



<p>タイプ：クーポン、選択：表示したいクーポン</p>



<h4 class="wp-block-heading">予約ボタンを作りたい時</h4>



<p>タイプ：リンク、URL：予約サイトのURL</p>



<h4 class="wp-block-heading">電話ボタンを作りたい時</h4>



<p>タイプ：リンク、URL：tel:0000000000(電話番号)</p>



<h4 class="wp-block-heading">アクセス（マップ）ボタンを作りたい時</h4>



<p>Googleマップで住所を入力し、共有ボタンからURLをコピーしておく必要があります。</p>



<p>タイプ：リンク、URL：コピーしたURL</p>



<h2 class="wp-block-heading">リッチメニューに使えるハイクオリティなテンプレートの紹介</h2>



<figure class="wp-block-image size-large"><a href="https://webimemo.com/wp-content/uploads/image-3.jpg"><img loading="lazy" decoding="async" width="1024" height="248" src="https://webimemo.com/wp-content/uploads/image-3-1024x248.jpg" alt="" class="wp-image-9616" srcset="https://webimemo.com/wp-content/uploads/image-3-1024x248.jpg 1024w, https://webimemo.com/wp-content/uploads/image-3-300x73.jpg 300w, https://webimemo.com/wp-content/uploads/image-3-768x186.jpg 768w, https://webimemo.com/wp-content/uploads/image-3-1536x372.jpg 1536w, https://webimemo.com/wp-content/uploads/image-3.jpg 1766w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>「じゃあハイクオリティなリッチメニューはどうやって探したらいいの？」というあなたに朗報なのですが、実はこの度、ハンドメイドマーケットの<a rel="noreferrer noopener" href="https://minne.com/@xxmiz0rexx" target="_blank">minne</a>で私がデザインしたリッチメニューの販売を始めました！</p>



<p>美しいフォントと色合い、余白もアイコンの大きさも完璧です（自画自賛）</p>



<p>選べるカラーは全部で4種類8色。見本のように同色のライトカラーとの組み合わせがオシャレでオススメですよ。リッチメニュー画像難民の方はぜひ使ってみてくださいね(*´∨`*)</p>



<p>以上、みぞれでした！！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/iphone/9593/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>[WordPress]Twitter API v2を使って記事公開時に自動でツイートする方法</title>
		<link>https://webimemo.com/wordpress/9551</link>
					<comments>https://webimemo.com/wordpress/9551#comments</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Mon, 01 May 2023 10:25:08 +0000</pubDate>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9551</guid>

					<description><![CDATA[こんにちは！みぞれ(@xxmiz0rexx)です。JetPackがTwitter連携を打ち切るそうなので本格的に困る人が増えると思い、私が先日クライアントに行ったTwitter APIを利用して記事を自動ツイートする方法 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/autoTweet.jpg"><img loading="lazy" decoding="async" width="1024" height="683" src="https://webimemo.com/wp-content/uploads/autoTweet-1024x683.jpg" alt="" class="wp-image-9586" srcset="https://webimemo.com/wp-content/uploads/autoTweet-1024x683.jpg 1024w, https://webimemo.com/wp-content/uploads/autoTweet-300x200.jpg 300w, https://webimemo.com/wp-content/uploads/autoTweet-768x512.jpg 768w, https://webimemo.com/wp-content/uploads/autoTweet.jpg 1220w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>こんにちは！みぞれ(<a rel="noreferrer noopener" href="http://twitter.com/xxmiz0rexx" target="_blank">@xxmiz0rexx</a>)です。<br>JetPackがTwitter連携を打ち切るそうなので本格的に困る人が増えると思い、私が先日クライアントに行ったTwitter APIを利用して記事を自動ツイートする方法をご紹介します。</p>



<p>Twitter APIがv2になったことで紆余曲折ありましたが何とか実装することができました。ただし画像のアップロードに関してはv2ではまだcoming soonとなっている状況なので、本記事は<strong>記事タイトル+Twitter Cardでツイート</strong>する方法になります。</p>




<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ウェビメモmoreレクタングル大 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>





<h2 class="wp-block-heading">手順</h2>



<p>以下の手順で行います。</p>



<ol class="wp-block-list"><li>Twitter APIキーを取得</li><li>TwitterOAuthのインストール</li><li>functions.phpにコードを書く</li><li>記事を公開して確認</li></ol>



<h3 class="wp-block-heading">1.Twitter APIキーを取得</h3>



<p><a rel="noreferrer noopener" href="https://twitter.com/" target="_blank">Twitter</a>にログインした後、<a rel="noreferrer noopener" href="https://developer.twitter.com/" target="_blank">Twitter Developer Platform</a> にアクセスし、APIフリープランの利用登録を行い、後述する”必要なもの”をGetします。登録方法は以下のブログなどを参照してください。</p>



<p>参考：<a href="https://zenn.dev/rescuenow/articles/e8e896fd722d2d" target="_blank" rel="noreferrer noopener">https://zenn.dev/rescuenow/articles/e8e896fd722d2d</a></p>



<p>ちなみに、初めて登録する場合、理由を聞かれるので英語で長文で答える必要があります。私はざっくり日本語で書いた後、親友のChatGPT君に「250文字くらいの英文にして」と頼んで作ってもらいました。便利〜。</p>



<h4 class="wp-block-heading">必要なもの</h4>



<p>以下の四つのキーを取得してください。</p>



<ul class="wp-block-list"><li>CONSUMER KEY</li><li>CONSUMER SECRET</li><li>ACCESS TOKEN</li><li>ACCESS TOKEN SECRET</li></ul>



<p>セキュリティの関係でこのダッシュボードでは一度しか見せてくれないそうなので、上記の情報を取得後は普段使っているメモアプリなどに貼っておいてください。</p>



<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/twitter_api_v2.jpg"><img loading="lazy" decoding="async" width="1000" height="629" src="https://webimemo.com/wp-content/uploads/twitter_api_v2.jpg" alt="" class="wp-image-9556" srcset="https://webimemo.com/wp-content/uploads/twitter_api_v2.jpg 1000w, https://webimemo.com/wp-content/uploads/twitter_api_v2-300x189.jpg 300w, https://webimemo.com/wp-content/uploads/twitter_api_v2-768x483.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></a></figure>



<h3 class="wp-block-heading">2.TwitterOAuthのインストール</h3>



<p>TwitterOAuthは&#8221;Composer&#8221;を使ってインストールします。なので、まずはHomebrewを使って<meta charset="utf-8">Composerをインストールしてからやります。</p>


<div class="lazyblock-code-Z1oiJUD wp-block-lazyblock-code"><div class="code">
<h5>ターミナル</h5>
<pre>$ brew install composer</pre>
</div></div>


<p><meta charset="utf-8">ComposerにPATHを通します。ディレクトリがないとエラーになるのでなかったら作りましょう！すでにディレクトリがある場合は以下の1行目は不要です。</p>


<div class="lazyblock-code-Z1PBoGt wp-block-lazyblock-code"><div class="code">
<h5>ターミナル</h5>
<pre>$ sudo mkdir /usr/local/bin
$ sudo mv composer.phar /usr/local/bin/composer</pre>
</div></div>


<p>以下のコマンドを打ち込んで反応があればComposerのインストール完了です。これでようやくTwitterOAuthのインストールに進めます。</p>


<div class="lazyblock-code-Z1Tmhrx wp-block-lazyblock-code"><div class="code">
<h5>ターミナル</h5>
<pre>$ composer -v</pre>
</div></div>


<p>TwitterOAuthのインストールは先ほどインストールした<meta charset="utf-8">Composerを使って行います。プロジェクトディレクトリで以下のコマンドを実行してみてください。</p>


<div class="lazyblock-code-Z1nkzwl wp-block-lazyblock-code"><div class="code">
<h5>ターミナル</h5>
<pre>composer require abraham/twitteroauth</pre>
</div></div>


<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/Composer.jpg"><img loading="lazy" decoding="async" width="466" height="290" src="https://webimemo.com/wp-content/uploads/Composer.jpg" alt="" class="wp-image-9575" srcset="https://webimemo.com/wp-content/uploads/Composer.jpg 466w, https://webimemo.com/wp-content/uploads/Composer-300x187.jpg 300w" sizes="auto, (max-width: 466px) 100vw, 466px" /></a></figure>



<p>プロジェクトディレクトリに上図のようなファイルがそろえば準備完了です！</p>



<h3 class="wp-block-heading">3.<span style="font-size: revert; font-weight: revert;">functions.phpにコードを書く</span></h3>



<p>お使いのテーマのfunction.phpに以下のコードを貼り付けましょう。<br>★がついている箇所は、あなたの情報に書き換えてください。</p>


<div class="lazyblock-code-CaUqP wp-block-lazyblock-code"><div class="code">
<h5>functions.php</h5>
<pre>//公開した記事を自動ツイート
function post_to_twitter($post_id)
{

  global $post;
  if ($post == null) {
    $url = get_permalink($post_id);
    $excerpt = get_the_excerpt($post_id);
    $title = get_the_title($post_id);
  } else {
    $url = get_permalink($post->ID);
    $excerpt = get_the_excerpt($post->ID);
    $title = get_the_title($post->ID);
  }

  if (isset($excerpt) && !empty($excerpt)) {
    $tweet = $excerpt . "\n";
  } else {
    $tweet = $title . "\n";
  }
  $tweet .= $url;

  //メールを送ってツイート内容を確認する場合はこの3行も書く
  $to = "★送りたいメールアドレス";
  $subject = '★新しい記事が公開されました：' . $title;
  wp_mail($to, $subject, $tweet);


  // Twitter APIキー
  $CONSUMER_KEY = '★コンシューマーキー';
  $CONSUMER_SECRET = '★コンシューマーシークレット';
  $access_token = '★アクセストークン';
  $access_token_secret = '★アクセストークンシークレット';

  require_once 'vendor/autoload.php';
  $connection = new \Abraham\TwitterOAuth\TwitterOAuth(
    $CONSUMER_KEY,
    $CONSUMER_SECRET,
    $access_token,
    $access_token_secret
  );
  $connection->setAPIVersion('2');


  $parameters = ['text' => $tweet];

  $connection->post('tweets', $parameters, true);
}

add_action('draft_to_publish', 'post_to_twitter');
add_action('auto-draft_to_publish', 'post_to_twitter');
add_action('future_to_publish', 'post_to_twitter');</pre>
</div></div>


<p>いきなり本垢でツイートするのが不安な場合は、<span class="intext_code">$connection-&gt;post(&#8216;tweets&#8217;, $parameters, true);</span>という行をコメントアウトし、自分のメールアドレスにツイート内容と同じことをメールして内容をチェックすることでドキドキを減らせるのでおすすめですw</p>



<p>function.phpを書き換える際、ミスをするとサイトが表示できなくなる恐れがあります。バックアップは必ず取るようにしましょう！触るのも恐ろしいという方は、ご依頼いただければ私の方で全作業代行します。</p>



<h3 class="wp-block-heading">4.記事を公開して確認</h3>



<p>実装後、すぐに確認をしていきたいので何かしら公開予定の記事をストックしておくと良いかもしれません。公開後ちゃんと自動ツイートされていれば完成です！</p>



<h2 class="wp-block-heading">ハマったところ</h2>



<p>余談ではありますが、今回ハマりにハマった箇所がありまして。それがWordPressのアクションフック部分なんですけども。。</p>



<p>当初<span class="intext_code">publish_post</span>、<span class="intext_code">new_to_publish</span>というアクションフックを使用していたのですが、これがとんだ地雷フックで…名前的に記事が「公開」になったら発動するのかと思いきや、過去記事や下書きの「更新」でも発動してしまい酷い目にあいました。</p>



<p>現在のコードでは記事のステータスの変更で発動するアクションフックにしてあるので順調にツイートできております。</p>



<p>後もう一つ、予約投稿の場合は$postが空っぽなのかタイトルなどを取得できないことがあったので、$postが空っぽの時の処理も足しました。やれやれだわ。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p>というわけで、「<strong>[WordPress]Twitter API v2を使って記事公開時に自動でツイートする方法</strong>」でした。書き出してみるとだいぶ面倒な作業ですねw</p>



<p>ターミナル使う作業などが苦手な方は代行しますのでご連絡くださーい！<br>以上、みぞれでした！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/wordpress/9551/feed</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>表示中のカテゴリーに属する記事IDを配列で取得できる『get_objects_in_term』はステータスが公開以外の記事も取得してしまうよ</title>
		<link>https://webimemo.com/wordpress/9516</link>
					<comments>https://webimemo.com/wordpress/9516#respond</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Tue, 18 Jan 2022 05:39:01 +0000</pubDate>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9516</guid>

					<description><![CDATA[こんにちは！みぞれ(@xxmiz0rexx)です。すごいニッチかもしれないんだけど、WordPressでカテゴリ一覧を表示している時に、さらに記事を絞り込むためにタグ一覧を表示することってありますよね？ そんな時はWor [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full imgpad"><a href="https://webimemo.com/wp-content/uploads/get_objects_in_term.jpg"><img loading="lazy" decoding="async" width="1000" height="600" src="https://webimemo.com/wp-content/uploads/get_objects_in_term.jpg" alt="" class="wp-image-9548" srcset="https://webimemo.com/wp-content/uploads/get_objects_in_term.jpg 1000w, https://webimemo.com/wp-content/uploads/get_objects_in_term-300x180.jpg 300w, https://webimemo.com/wp-content/uploads/get_objects_in_term-768x461.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></a></figure>



<p>こんにちは！みぞれ<a rel="noreferrer noopener" href="https://twitter.com/xxmiz0rexx" target="_blank">(@xxmiz0rexx)</a>です。<br>すごいニッチかもしれないんだけど、WordPressでカテゴリ一覧を表示している時に、さらに記事を絞り込むためにタグ一覧を表示することってありますよね？</p>



<p>そんな時は<a href="https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_objects_in_term">WordPress Codex</a>にも載っている以下の方法を参考にする人が多いと思うんですが、実はこれだと下書きなどに設定しているタグも出力されてしまいます。</p>


<div class="lazyblock-code-OCr67 wp-block-lazyblock-code"><div class="code">
<h5>PHP</h5>
<pre>&lt;?php
if ( is_category() ) {
    // 現在のカテゴリーのIDを取得
    $cat_id = get_query_var( 'cat' );
    // 表示中のカテゴリーに属する投稿のIDを配列で取得
    $current_posts = get_objects_in_term( $cat_id, 'category' );
    // 表示中のカテゴリーに属する投稿に付けられたタグの情報をまとめて取得
    $current_tags = wp_get_object_terms( $current_posts, 'post_tag' );
    if ( $current_tags ) {
        echo 'このカテゴリーの投稿に付いているタグの一覧：&lt;ul&gt;' . "\n";
        foreach ( $current_tags as $tag )
            echo '&lt;li&gt;' . $tag-&gt;name . '&lt;/li&gt;' . "\n";
        echo '&lt;/ul&gt;';
    }
}
?&gt;</pre>
</div></div>


<p>それだとちょっと困ってしまったので対処法を考えました。</p>




<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ウェビメモmoreレクタングル大 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>





<h2 class="wp-block-heading">問題点</h2>



<p>先ほどのCodexにあったコードだと、下書きなどの記事も対象に含まれてしまい、公開中の記事には設定していないタグも一覧として出力されてしまうのです。こんな感じ。</p>



<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/image-1.png"><img loading="lazy" decoding="async" width="1024" height="264" src="https://webimemo.com/wp-content/uploads/image-1-1024x264.png" alt="" class="wp-image-9541" srcset="https://webimemo.com/wp-content/uploads/image-1-1024x264.png 1024w, https://webimemo.com/wp-content/uploads/image-1-300x77.png 300w, https://webimemo.com/wp-content/uploads/image-1-768x198.png 768w, https://webimemo.com/wp-content/uploads/image-1.png 1416w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>どうしてそんな挙動なのか謎すぎる上に、せめて公開中の記事だけを絞り込めるパラメーターなどがあれば良いんですが、それもないので個人的には大問題でした。うっかりリンク踏むとWordPressが「重大なエラー」とか言ってくるし。。</p>



<h2 class="wp-block-heading">ゴール</h2>



<h3 class="wp-block-heading">表示中のカテゴリに属する”公開中”の記事IDを取得し、その記事たちに設定されているタグの一覧を出力する</h3>



<p>ついでに取得したタグは[ドメイン+カテゴリ名?tag=XXXX]という形式のリンクにします。というわけで以下のような書き方にしてみました。</p>


<div class="lazyblock-code-Z2q2K9v wp-block-lazyblock-code"><div class="code">
<h5>PHP</h5>
<pre>&lt;?php
if (is_category()) {

  // 現在のカテゴリーのIDを取得
  $cat_id = get_query_var('cat');
  if (!$cat_id) {
    $cat_now = get_the_category();
    $cat_now = $cat_now[0];
    $cat_id  = $cat_now-&gt;cat_ID;
  }

  // 表示中のカテゴリーに属する投稿のIDを配列で取得
  $current_posts = get_objects_in_term($cat_id, 'category');
  //配列に入れた記事IDの中から公開中のものだけを新たな配列に格納
  foreach ($current_posts as $post) {
    if (get_post_status($post) == 'publish') {
      $publish_posts[] = $post;
    }
  }
}
//公開中の投稿に付けられたタグの情報をまとめて取得
$current_tags = wp_get_object_terms($publish_posts, 'post_tag', array('exclude' =&gt; '12', 'orderby' =&gt; 'count', 'order' =&gt; 'DESC'));

if (is_category() and $current_tags) {
  echo '&lt;ul class="tagList"&gt;' . "\n";
  $tag_count = 0;
  foreach ($current_tags as $tag) {
    if ($tag_count &lt; 10) {
      echo '&lt;li&gt;&lt;a href="/' . get_category($cat)-&gt;slug . '?tag=' . $tag-&gt;slug . '"&gt;' . $tag-&gt;name . '&lt;/a&gt;&lt;/li&gt;' . "\n";
      $tag_count++;
    }
  }
  echo '&lt;/ul&gt;';
}
?&gt;</pre>
</div></div>


<p>取得した$current_postsをforeachで回して、ステータスが「公開中」のものだけを$publish_postsという変数の中に再格納してwp_get_object_termsに渡しています。</p>



<p>無事、公開中の記事から取得されたタグだけになりました。</p>



<figure class="wp-block-image size-large imgpad"><a href="https://webimemo.com/wp-content/uploads/image-2.png"><img loading="lazy" decoding="async" width="1024" height="264" src="https://webimemo.com/wp-content/uploads/image-2-1024x264.png" alt="" class="wp-image-9544" srcset="https://webimemo.com/wp-content/uploads/image-2-1024x264.png 1024w, https://webimemo.com/wp-content/uploads/image-2-300x77.png 300w, https://webimemo.com/wp-content/uploads/image-2-768x198.png 768w, https://webimemo.com/wp-content/uploads/image-2.png 1416w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<h2 class="wp-block-heading">さいごに</h2>



<p>というわけで、『<strong>表示中のカテゴリーに属する記事IDを配列で取得できる『get_objects_in_term』はステータスが公開以外の記事も取得してしまうよ</strong>』でした！走り書きになってしまったけど、誰か同じように困ってる人に届いてくれると嬉しいです。</p>



<p>以上、みぞれ(<a rel="noreferrer noopener" href="http://twitter.com/xxmiz0rexx" target="_blank">@xxmiz0rexx</a>)でした！！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/wordpress/9516/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Contact Form 7の「スパムログ: reCAPTCHA の応答トークンが空です。」の対処法</title>
		<link>https://webimemo.com/wordpress/9509</link>
					<comments>https://webimemo.com/wordpress/9509#respond</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Thu, 21 Jan 2021 07:56:59 +0000</pubDate>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9509</guid>

					<description><![CDATA[こんにちは、みぞれ(@xxmiz0rexx)です。 ある日、古いバージョンのままになっていたContact Form 7のバージョンをあげたら、スパムじゃないのに「メッセージの送信に失敗しました。後でまたお試しください。 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large imgpad"><img loading="lazy" decoding="async" width="1000" height="500" src="https://webimemo.com/wp-content/uploads/cf7.jpg" alt="" class="wp-image-9512" srcset="https://webimemo.com/wp-content/uploads/cf7.jpg 1000w, https://webimemo.com/wp-content/uploads/cf7-300x150.jpg 300w, https://webimemo.com/wp-content/uploads/cf7-768x384.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>



<p>こんにちは、みぞれ(<a rel="noreferrer noopener" href="https://twitter.com/xxmiz0rexx" target="_blank">@xxmiz0rexx</a>)です。</p>



<p>ある日、古いバージョンのままになっていたContact Form 7のバージョンをあげたら、スパムじゃないのに「メッセージの送信に失敗しました。後でまたお試しください。」というオレンジ枠のエラーメッセージが表示され一切のメールが送れなくなりました。</p>



<p>一応解決したので記事に残します。どこをググってもヒットしなかったので誰かの役に立つと良いな。。</p>




<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ウェビメモmoreレクタングル大 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>





<h2 class="wp-block-heading">プラグインのバージョンを下げるのはナシ</h2>



<p>よく検索でヒットする解決法の中に「Contact Form 7のバージョンを5.1に下げましょう」というのがあるんですが、それだとスパム被害に遭ってる場合に意味がないのですよ。。</p>



<p>Contact Form 7は改良が加えられてバージョンが上がっている訳なので、死ぬほど急いでいる訳ではない限り根本を解決しておきたいところですよね。</p>



<h2 class="wp-block-heading">「スパムログ: reCAPTCHA の応答トークンが空です。」について公式の見解</h2>



<p>このメッセージは<a rel="noreferrer noopener" href="https://ja.wordpress.org/plugins/flamingo/" target="_blank">Flamingo</a>という受信箱プラグインでスパムログを見たときに表示されるものなのですが、それが何故表示されるのかという質問に対し、公式はこう回答しています。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>空の reCAPTCHA トークンはいくつか異なった理由により発生します。よくある理由の一つは reCAPTCHA のスクリプトファイルがロードされていないか、あるいは誤動作しているというものです。これはほとんどの場合<a href="https://contactform7.com/2019/12/02/why-you-are-advised-to-deactivate-plugins-and-switch-to-the-default-theme/">作りがいいかげんなテーマが原因</a>です。</p><cite><a href="https://contactform7.com/ja/faq-about-recaptcha-v3/" target="_blank" rel="noreferrer noopener">Contact Form 7公式サイト</a></cite></blockquote>



<p>作りがいいかげんやと<img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f602.png" alt="😂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f602.png" alt="😂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f602.png" alt="😂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f602.png" alt="😂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f602.png" alt="😂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f602.png" alt="😂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><br>こちとら丁寧に作り上げた完全自作テーマじゃ！！！！！！（怒）</p>



<p>さらに、リリースのお知らせを見るとこんな記述もありました。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>もし 5.1.1 へのアップグレード後にそのような状況に陥ったなら、使用しているテーマが適切に JavaScript を各ページのフッター部分にロードしているかどうかを確認しましょう。<br><br><code>wp_footer()</code> の呼び出しを不適切に削除してスクリプトのロードを阻害するテーマの存在が知られています。これはテーマ開発における最悪の慣行の一つであり、上に説明したような問題を確実に引き起こします。あなたのテーマでこのような問題が見られる場合はテーマ作者に修正を求めてください。</p><cite><a rel="noreferrer noopener" href="https://contactform7.com/ja/faq-about-recaptcha-v3/" target="_blank">Contact Form 7公式サイト</a></cite></blockquote>



<p>いやちゃんとwp_footer()も記述してるし！！！！<br>じゃあ何でなの？！？！？！</p>



<h2 class="wp-block-heading">「スパムログ: reCAPTCHA の応答トークンが空です。」になってしまった原因</h2>



<p>という訳で今回の事件の真相ですが、私の場合は<strong>サイトスピード</strong>を上げようと思って行った以下のfunctions.phpへの記述が問題になっていました。</p>



<div class="code">
<h5>functions.php</h5>
<pre><code><span style="color:#ccc;">//scriptを非同期</span>
if (!(is_admin() )) {
function add_async_to_enqueue_script( $url ) {
    if ( FALSE === strpos( $url, '.js' ) ) return $url;
    if ( strpos( $url, 'jquery.min.js' ) ) return $url;
    return "$url' async charset='UTF-8";
}
add_filter( 'clean_url', 'add_async_to_enqueue_script', 11, 1 );
}</code></pre>
</div>



<p>コメントアウトする事で、無事メールが送れるようになりました。まさかこれが原因だったなんて…。いいかげんどころか、サイトを改善したくてやったことだったのですが、Googleのいうことを聞き過ぎましたかね。。</p>



<h3 class="wp-block-heading">これでも直らない場合</h3>



<p>私のようにこういった記述をしていないのに、もしくはコメントアウトしたのにメールが送れない場合は、こちらのブログに他の解決法が載っているので参考になるかもしれません。</p>



<p><a rel="noreferrer noopener" href="https://nldot.info/contact-form-7-5-1-1-and-recaptcha-v3/" target="_blank">【reCaptcha V3】Contact form 7 5.1.1でメール送信不可【全てスパム判定】</a></p>



<h2 class="wp-block-heading">最後に</h2>



<p>という訳で、『Contact Form 7の「スパムログ: reCAPTCHA の応答トークンが空です。」の対処法』でした。</p>



<p>世界のどこかの誰かの役に立てたら幸いですw</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/wordpress/9509/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>JetPackのFacebook連携が投稿内容全文表示でツラい気持ちになった人を助けるプラグイン</title>
		<link>https://webimemo.com/wordpress/9463</link>
					<comments>https://webimemo.com/wordpress/9463#respond</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Thu, 10 Sep 2020 04:47:26 +0000</pubDate>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9463</guid>

					<description><![CDATA[JetPackは早くデフォルトでこの対応をしてください！]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large imgpad"><img loading="lazy" decoding="async" width="1000" height="600" src="https://webimemo.com/wp-content/uploads/jetpack.png" alt="" class="wp-image-9474" srcset="https://webimemo.com/wp-content/uploads/jetpack.png 1000w, https://webimemo.com/wp-content/uploads/jetpack-300x180.png 300w, https://webimemo.com/wp-content/uploads/jetpack-768x461.png 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>



<p>こんにちは！みぞれ(<a href="https://twitter.com/xxmiz0rexx">@xxmiz0rexx</a>)です。JetPackのSNS連携って便利なんですけどかゆいところに全然手が届かないところがツラいですよね。。</p>



<p>そんな気持ちになってしまった人のためのプラグイン(?)を発見しましたのでご紹介します。</p>




<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ウェビメモmoreレクタングル大 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>





<h2 class="wp-block-heading">Facebook自動投稿不具合修正プラグイン</h2>



<p>プロクラスの中山さんという方がプラグイン化してくれたものです。ダウンロードは以下からどうぞ。ダウンロードというか、コピペしてPHPファイルとして保存してアップロードという流れです。</p>



<p>参考：<a href="http://proclass.jp/blog/?p=5800" target="_blank" rel="noreferrer noopener">Jetpackを使ってFacebookに自動投稿すると記事の文章全文が表示される事件を解決したお話【WordPress】</a></p>



<p>ちなみにわたしは諸事情で『抜粋』を自動挿入するように魔改造しました。<br>抜粋文は<span class="intext_code">$post-&gt;post_excerpt</span>で取得できます。</p>



<p>33行目付近を以下のように変更しました。</p>



<div class="code">
<h5>PHP</h5>
<pre><code>$publicize_custom_message = sprintf( '【ウェビメモ更新】%s'."\n".'『%s』 %s', $post-&gt;post_excerpt,$post-&gt;post_title, wp_get_shortlink( $post-&gt;ID ) );</code></pre>
</div>



<p>これちょっとばかし苦労したので追記しますが、上記サイトのプラグインをコピペしてそのまま使うと、改行コードの『\n』が動作しないんですよ。<strong>『\n』ってシングルクォーテーションの中だと動かないんだって。知ってました？</strong>私はじめて知りましたｗ</p>



<p>参考：<a href="https://qiita.com/sola-msr/items/0814c4470dcbbd1f5ec3" target="_blank" rel="noreferrer noopener">PHPの出力で文字を改行（\n）させるには’’（シングルコーテーション）じゃなくて&#8221;&#8221;（ダブルコーテーション）で記述する</a></p>



<p>あとsprintfも正直使ったことがあんまりなかったので戸惑いました。同じような方は以下のサイトを見て仕様確認してみるのがオススメです。</p>



<p>参考：<a href="https://techacademy.jp/magazine/12286" target="_blank" rel="noreferrer noopener">フォーマットを作る！PHPのsprintf関数の使い方【初心者向け】</a></p>



<h2 class="wp-block-heading">この投稿がこんなに短い理由</h2>



<p>なぜってこのプラグインを実装したので試すために書いたからですｗ試行錯誤しましたがうまくいきました！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/wordpress/9463/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>[WordPress]管理者権限なのに『もっと高いレベルの権限が必要です』と言われてカテゴリorタグが編集できない件</title>
		<link>https://webimemo.com/wordpress/9410</link>
					<comments>https://webimemo.com/wordpress/9410#comments</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Mon, 20 Jul 2020 06:52:55 +0000</pubDate>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[phpMyAdmin]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9410</guid>

					<description><![CDATA[ほんとうに困った話。※解決済み]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="imgpad alignnone size-full wp-image-9411" src="https://webimemo.com/wp-content/uploads/highlevelof_p.png" alt="[WordPress]管理者権限なのに『もっと高いレベルの権限が必要です』と言われてカテゴリorタグが編集できない件" width="1000" height="625" srcset="https://webimemo.com/wp-content/uploads/highlevelof_p.png 1000w, https://webimemo.com/wp-content/uploads/highlevelof_p-300x188.png 300w, https://webimemo.com/wp-content/uploads/highlevelof_p-768x480.png 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></p>
<p>こんにちは、みぞれ(<a href="http://twitter.com/xxmiz0rexx" target="_blank" rel="noopener noreferrer">@xxmiz0rexx</a>)です。前回に引き続き他社ブログからWordPressへの移転のお仕事をしていますが、また問題にぶち当たったので日本語記事も皆無だったし同じことで困るかもしれない未来の誰かのために残します。</p>
<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<!-- ウェビメモmoreレクタングル大 --><br />
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h2>突然の問題発生</h2>
<p>それは他社ブログからの記事をインポートし、カテゴリの整理をしていた時のことでした。</p>
<p><img loading="lazy" decoding="async" class="imgpad alignnone size-large wp-image-9414" src="https://webimemo.com/wp-content/uploads/55fdb2ef024de7fffd88cc019ad37bbf-1024x484.png" alt="WordPress「もっと高いレベルの権限が必要です。」" width="1024" height="484" srcset="https://webimemo.com/wp-content/uploads/55fdb2ef024de7fffd88cc019ad37bbf-1024x484.png 1024w, https://webimemo.com/wp-content/uploads/55fdb2ef024de7fffd88cc019ad37bbf-300x142.png 300w, https://webimemo.com/wp-content/uploads/55fdb2ef024de7fffd88cc019ad37bbf-768x363.png 768w, https://webimemo.com/wp-content/uploads/55fdb2ef024de7fffd88cc019ad37bbf.png 1190w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p>WordPress「もっと高いレベルの権限が必要です。」<br />
管理者権限の私「えっ」</p>
<p>自分が最高権限者だと思っていたけど、さらに上がいる…だと…？？と謎がいっぱいだったので、愚痴Tweetをしたところ、フォロワーさんから参考になりそうな記事を２つ教えていただきました。</p>
<h3>英語の参考記事</h3>
<ul>
<li><a href="https://wordpress.org/support/topic/categories-and-tags-for-which-you-need-a-higher-level-of-permission/" target="_blank" rel="noopener noreferrer">Categories and Tags for which “You need a higher level of permission”</a></li>
<li><a href="https://www.tyroga.com/2019/12/issue-with-wordpress-tags-categories/" target="_blank" rel="noopener noreferrer">Issue with WordPress &amp; Tags/Categories</a></li>
</ul>
<h3>追記(2020/7/28)</h3>
<p>『公開に失敗しました。入力されたタームを割り当てる権限がありません。』というエラー文もこの問題のせいでした。</p>
<h2>この問題の原因</h2>
<p>おそらくですが、移転のためにデータをインポートした際、他社ブログではカテゴリとタグが同slugでも問題なかったのに、WordPressだと想定外のエラーになってしまうため、ワケのわからないエラー文を吐くのではないかって感じです。</p>
<p>ほんとはたぶん『同じslugがタグにもあるから編集できないよ！』って事を言いたいんだと思います。人間にもあるよね、こういうこと（何）</p>
<h2>解決の手順</h2>
<p>前述した英語記事にあった解決法で無事解決しましたので日本語で残しておきます。データベース触るので<b>自己責任＆バックアップは必ずとってから</b>やってくださいね。</p>
<p>一応宣言しておくと、私は<strong>不要なカテゴリをタグに変換し、該当記事すべてにそのタグをつけてから、いらなくなったカテゴリを消すため</strong>にこの操作をしましたので、そういった視点の書き方になってしまってると思います。逆の方はもうひと手間（記事の一括カテゴリ付けとか）いるかも。</p>
<ol>
<li><a href="#howto1">phpMyAdminで『wp_terms』テーブルに移動</a></li>
<li><a href="#howto2">同じ名前＆異なるslugで新規追加</a></li>
<li><a href="#howto3">ダッシュボードで編集不可なカテゴリのIDを確認</a></li>
<li><a href="#howto4">元のterm_idを新しいterm_idに書き換える</a></li>
<li><a href="#howto5">おわり</a></li>
</ol>
<h3 id="howto1">1.phpMyAdminで『wp_terms』テーブルに移動</h3>
<p><img loading="lazy" decoding="async" class="alignleft size-medium wp-image-9430" src="https://webimemo.com/wp-content/uploads/0975f5288c3f69ca5fa8fefae19f4c5a-1-146x300.png" alt="" width="146" height="300" srcset="https://webimemo.com/wp-content/uploads/0975f5288c3f69ca5fa8fefae19f4c5a-1-146x300.png 146w, https://webimemo.com/wp-content/uploads/0975f5288c3f69ca5fa8fefae19f4c5a-1.png 452w" sizes="auto, (max-width: 146px) 100vw, 146px" /></p>
<p>まずはデータベースにアクセスします。<br />
するとサイドバーにテーブル一覧があるので『wp_terms』のテーブルに移動しましょう。</p>
<h3 id="howto2">2.同じ名前＆異なるslugで新規追加</h3>
<p><img loading="lazy" decoding="async" class="imgpad alignnone size-full wp-image-9424" src="https://webimemo.com/wp-content/uploads/e0d001ffc9d9166400e3993c648045d5.png" alt="" width="922" height="84" srcset="https://webimemo.com/wp-content/uploads/e0d001ffc9d9166400e3993c648045d5.png 922w, https://webimemo.com/wp-content/uploads/e0d001ffc9d9166400e3993c648045d5-300x27.png 300w, https://webimemo.com/wp-content/uploads/e0d001ffc9d9166400e3993c648045d5-768x70.png 768w" sizes="auto, (max-width: 922px) 100vw, 922px" /></p>
<p>メインカラムの上部に『挿入』タブがあるので移動し、権限がうんぬんで操作できなかったカテゴリと同じ名前＆異なるslugで新規追加してみましょう。</p>
<p>ここではサンプルとして<span class="intext_code">記事広告</span>という名前で<span class="intext_code">ad</span>というslugを追加してみます。</p>
<p><img loading="lazy" decoding="async" class="imgpad alignnone size-large wp-image-9425" src="https://webimemo.com/wp-content/uploads/7ce38c831fc3dff822cdf4177b4dc31f-1024x335.png" alt="" width="1024" height="335" srcset="https://webimemo.com/wp-content/uploads/7ce38c831fc3dff822cdf4177b4dc31f-1024x335.png 1024w, https://webimemo.com/wp-content/uploads/7ce38c831fc3dff822cdf4177b4dc31f-300x98.png 300w, https://webimemo.com/wp-content/uploads/7ce38c831fc3dff822cdf4177b4dc31f-768x252.png 768w, https://webimemo.com/wp-content/uploads/7ce38c831fc3dff822cdf4177b4dc31f.png 1606w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p>実行すると画面が切り替わり、IDが割り振られたことが分かります。</p>
<p><img loading="lazy" decoding="async" class="imgpad alignnone size-full wp-image-9434" src="https://webimemo.com/wp-content/uploads/1192c15c01c95ced450eef8df5e2b924.png" alt="" width="674" height="118" srcset="https://webimemo.com/wp-content/uploads/1192c15c01c95ced450eef8df5e2b924.png 674w, https://webimemo.com/wp-content/uploads/1192c15c01c95ced450eef8df5e2b924-300x53.png 300w" sizes="auto, (max-width: 674px) 100vw, 674px" /></p>
<p>この<strong>IDを覚えておいて</strong>ください。この見本の場合は266でした。</p>
<h3 id="howto3">3.ダッシュボードで編集不可なカテゴリのIDを確認</h3>
<p>カテゴリ一覧ページに行ってマウスカーソルを合わせるとブラウザ下部にURLが出るのですが、その中に書いてあるIDを覚えておきましょう。この見本の場合は102って書いてあります。</p>
<p><img loading="lazy" decoding="async" class="imgpad alignnone size-full wp-image-9436" src="https://webimemo.com/wp-content/uploads/d00346d424ed4ceee693f4b4d638092f.png" alt="" width="878" height="80" srcset="https://webimemo.com/wp-content/uploads/d00346d424ed4ceee693f4b4d638092f.png 878w, https://webimemo.com/wp-content/uploads/d00346d424ed4ceee693f4b4d638092f-300x27.png 300w, https://webimemo.com/wp-content/uploads/d00346d424ed4ceee693f4b4d638092f-768x70.png 768w" sizes="auto, (max-width: 878px) 100vw, 878px" /></p>
<h3 id="howto4">4.『wp_term_taxonomy』テーブルで元のterm_idを新しいterm_idに書き換える</h3>
<p>さて、準備が整いました。<br />
この見本の場合でいうと、新しいIDが<span class="intext_code">266</span>で古いIDが<span class="intext_code">102</span>です。</p>
<p>サイドバーから『wp_term_taxonomy』テーブルに移動し、term_idが古いIDの行（この見本の場合は102）を探し、『編集』をクリックします。</p>
<p><img loading="lazy" decoding="async" class="imgpad alignnone size-large wp-image-9441" src="https://webimemo.com/wp-content/uploads/99bc07302a9ca5c4469db9c37f8da593-1024x303.png" alt="" width="1024" height="303" srcset="https://webimemo.com/wp-content/uploads/99bc07302a9ca5c4469db9c37f8da593-1024x303.png 1024w, https://webimemo.com/wp-content/uploads/99bc07302a9ca5c4469db9c37f8da593-300x89.png 300w, https://webimemo.com/wp-content/uploads/99bc07302a9ca5c4469db9c37f8da593-768x227.png 768w, https://webimemo.com/wp-content/uploads/99bc07302a9ca5c4469db9c37f8da593.png 1394w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p>term_idを新しいID（この見本の場合は266）に書き換え、実行します。</p>
<p><img loading="lazy" decoding="async" class="imgpad alignnone size-large wp-image-9445" src="https://webimemo.com/wp-content/uploads/f8af71179d567f74c4b34f9c113eb3a1-1-1024x594.png" alt="" width="1024" height="594" srcset="https://webimemo.com/wp-content/uploads/f8af71179d567f74c4b34f9c113eb3a1-1-1024x594.png 1024w, https://webimemo.com/wp-content/uploads/f8af71179d567f74c4b34f9c113eb3a1-1-300x174.png 300w, https://webimemo.com/wp-content/uploads/f8af71179d567f74c4b34f9c113eb3a1-1-768x445.png 768w, https://webimemo.com/wp-content/uploads/f8af71179d567f74c4b34f9c113eb3a1-1.png 1642w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<h3 id="howto5">5.おわり</h3>
<p>ダッシュボードのタグ一覧ページを見に行ってみると<span class="intext_code">記事広告</span>という名前のタグが<span class="intext_code">ad</span>というslugに書き換わっています。カテゴリの方は元のままのslugになってますので、これで分離してくれました<img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f62d.png" alt="😭" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/15.0.3/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" />タグに紐付いていた記事もちゃんとそのまま！</p>
<p><img loading="lazy" decoding="async" class="imgpad alignnone size-large wp-image-9448" src="https://webimemo.com/wp-content/uploads/2e5c5019a1fe99f0e5feb1ed884a3e46-1024x245.png" alt="" width="1024" height="245" srcset="https://webimemo.com/wp-content/uploads/2e5c5019a1fe99f0e5feb1ed884a3e46-1024x245.png 1024w, https://webimemo.com/wp-content/uploads/2e5c5019a1fe99f0e5feb1ed884a3e46-300x72.png 300w, https://webimemo.com/wp-content/uploads/2e5c5019a1fe99f0e5feb1ed884a3e46-768x184.png 768w, https://webimemo.com/wp-content/uploads/2e5c5019a1fe99f0e5feb1ed884a3e46.png 1120w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p>あとは不要になったカテゴリを消すだけ！（記事の移動を行う場合は行ってから）</p>
<h2>さいごに</h2>
<p>というわけで、ややこしい上にかなりリスキーな作業をしないと思い描いた結果を手に入れることができませんでした。疲れた。。。</p>
<p>最後に注意点ですが、知識のない方がデータベースを触るのは非常に危険なことなので、不安だなと思ったらプロに頼みましょうね。…たとえば私とかσ(ﾟ∀ﾟ)笑<br />
以上、みぞれでした！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/wordpress/9410/feed</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>[WordPress]指定した範囲の投稿IDの場合に投稿画面でビジュアルエディタを使わない</title>
		<link>https://webimemo.com/wordpress/9398</link>
					<comments>https://webimemo.com/wordpress/9398#respond</comments>
		
		<dc:creator><![CDATA[xxmiz0rexx]]></dc:creator>
		<pubDate>Tue, 14 Jul 2020 07:36:09 +0000</pubDate>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[functions]]></category>
		<guid isPermaLink="false">https://webimemo.com/?p=9398</guid>

					<description><![CDATA[他社ブログからWordPressにするときに起きた地獄のできごと。。]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="imgpad alignnone size-full wp-image-9408" src="https://webimemo.com/wp-content/uploads/disablerichedit.png" alt="" width="1000" height="532" srcset="https://webimemo.com/wp-content/uploads/disablerichedit.png 1000w, https://webimemo.com/wp-content/uploads/disablerichedit-300x160.png 300w, https://webimemo.com/wp-content/uploads/disablerichedit-768x409.png 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></p>
<p>こんにちは！みぞれ(<a href="http://twitter.com/xxmiz0rexx" target="_blank" rel="noopener noreferrer">@xxmiz0rexx</a>)です。<br />
小１時間ハマったのでメモ…。ニッチすぎて誰も使わないかもしれないけど、誰かのために置いておきますｗちなみに私はライブドアブログ→WordPressへの移転のお仕事で必要になりました。</p>
<div style="text-align:center;margin:50px auto;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<!-- ウェビメモmoreレクタングル大 --><br />
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-1105542748751442"
     data-ad-slot="9427254805"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h2>このカスタマイズが必要になった時</h2>
<p>前述の通り、ブログの移転のお仕事で必要になりました。</p>
<p>他社ブログサービスでエクスポートしてきた過去記事はクラシックエディタに入るんだけど、<br />
それをビジュアルエディタで開かれちゃうといらないタグが自動挿入されてしまいとんでもない表示崩れになりました。</p>
<p>新しい記事はブロックエディタを使うことになっていたので単純にビジュアルエディタをOFFにするわけにも行かず、泣きながら実装したのでした。<br />
というわけで本題<img src="https://s.w.org/images/core/emoji/15.0.3/72x72/2b07.png" alt="⬇" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<h2>指定した範囲の投稿IDの場合に投稿画面でビジュアルエディタを使わない</h2>
<div class="code">
<h5>functions.php内</h5>
<pre><code><span style="color: #ccc;">//ビジュアルエディタを使わない</span>
function disableRichedit(){
    global $typenow;
    $post_id = $_GET['post'];
    if( $typenow == '<span class="pink">post</span>' ){<span style="color: #ccc;">//pageに変えれば固定ページのみ</span>
        if ( <span class="pink">2</span> &lt; $post_id &amp;&amp; $post_id &lt;= <span class="pink">2512</span>) {
            add_filter('user_can_richedit', 'disableRichedit_filter');
        }
    }
}
function disableRichedit_filter(){
    return false;
}
add_action('load-post.php', 'disableRichedit');
add_action('load-post-new.php', 'disableRichedit');</code></pre>
</div>
<p>ピンク文字の部分をお好きに変更して使ってください。<br />
範囲指定している理由は、指定しないと<strong>新規記事作成のときにも効いちゃうから</strong>（やばい）。</p>
<h2>さいごに</h2>
<p>ほかに良い方法あるよ！って方はメールかTwitterにご連絡ください。<br />
以上、みぞれでした！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webimemo.com/wordpress/9398/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>