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

<channel>
	<title>rn project</title>
	<atom:link href="https://rn-proj.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://rn-proj.com</link>
	<description></description>
	<lastBuildDate>Thu, 01 Jan 2026 12:07:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://rn-proj.com/wp-content/uploads/2025/12/cropped-rnproject_2-32x32.png</url>
	<title>rn project</title>
	<link>https://rn-proj.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>背景スライドショー、画像カルーセルが突然正しく動作しなくなる話（Elementor）</title>
		<link>https://rn-proj.com/elementor-background-slideshows-and-image-carousels-stop-working-correctly/</link>
		
		<dc:creator><![CDATA[r2swifzk]]></dc:creator>
		<pubDate>Wed, 31 Dec 2025 08:35:09 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://test5.rn-proj.com/?p=1287</guid>

					<description><![CDATA[<p>Elementorで作成した背景スライドショー（background-slide-show）、画像カルーセル（image-carousel）が突然正しく動作しなくなる現象に遭遇したので備忘録として残しておきます。 症状  [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/elementor-background-slideshows-and-image-carousels-stop-working-correctly/">背景スライドショー、画像カルーセルが突然正しく動作しなくなる話（Elementor）</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p>Elementorで作成した背景スライドショー（background-slide-show）、画像カルーセル（image-carousel）が突然正しく動作しなくなる現象に遭遇したので備忘録として残しておきます。</p>



<div class="wp-block-uagb-advanced-heading uagb-block-3ccf5171"><h2 class="uagb-heading-text">症状</h2></div>



<ul class="wp-block-list">
<li>Windows11のPCで現象が発生。画像の1枚目から2枚目には遷移するが、それ以降は止まってしまう。</li>



<li>iPhoneでは正しく動作する。</li>
</ul>



<div class="wp-block-uagb-advanced-heading uagb-block-d68df6f2"><h2 class="uagb-heading-text">試したこと</h2></div>



<p>Elementorのバージョン3.33.x以降で症状が発生、バージョンを3.32.5にロールバックすると症状が無くなり正常に動作する。</p>



<div class="wp-block-uagb-advanced-heading uagb-block-640823ec"><h2 class="uagb-heading-text">調査</h2></div>



<p>これはElementorのバグなのかもと思い、Elementorのサポートフォーラムに質問を投げてみました。<br><a href="https://wordpress.org/support/topic/background-slide-show-stops-on-the-desktop/" target="_blank" rel="noreferrer noopener">https://wordpress.org/support/topic/background-slide-show-stops-on-the-desktop/</a></p>



<p>するとサポートから回答があり、「Elementor エディター <a href="https://developers.elementor.com/elementor-3-32-developers-update/#:~:text=a%20decorative%20indicator.-,Motion%20Effects,-The%20Motion%20Effects" target="_blank" rel="noreferrer noopener">V3.32</a> および <a href="https://developers.elementor.com/elementor-3-33-developers-update/#:~:text=Accessibility%20Improvements" target="_blank" rel="noreferrer noopener">V3.33</a> には、モーションの低減に関する訪問者の設定を尊重するアクセシビリティ強化がいくつか含まれています。」とのこと。</p>



<p>これはつまり、サイトの訪問者側でサイトの動きを減らす設定をしていた場合、その設定を尊重しますよということです。</p>



<p>具体的には、Windows 11 の 設定 &gt; アクセシビリティ &gt; 視覚効果 &gt; アニメーション効果 の設定が無効になっていたのが原因です。<br>（少しでもメモリを節約するためにOFFにしていたのを失念していました…）</p>



<div class="wp-block-uagb-image uagb-block-28e48b69 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://rn-proj.com/wp-content/uploads/2025/12/animation-effects-setting.jpg ,https://rn-proj.com/wp-content/uploads/2025/12/animation-effects-setting.jpg 780w, https://rn-proj.com/wp-content/uploads/2025/12/animation-effects-setting.jpg 360w" sizes="auto, (max-width: 480px) 150px" src="https://rn-proj.com/wp-content/uploads/2025/12/animation-effects-setting.jpg" alt="" class="uag-image-1288" width="991" height="728" title="animation-effects-setting" loading="lazy" role="img"/></figure></div>



<p>設定を有効にすることで、Elementorのバージョン3.33.x以降でも背景スライドショー、画像カルーセルが正しく動作することを確認できました。</p>



<p>Elementorバージョン 3.33.0 のリリース日は 2025年11月10日 なので、それ以降に背景スライドショー、画像カルーセルが正しく動作しなくなった場合はこちらの設定をチェックしてみてください。</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/elementor-background-slideshows-and-image-carousels-stop-working-correctly/">背景スライドショー、画像カルーセルが突然正しく動作しなくなる話（Elementor）</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>リダイレクトループの原因がWAFだった話（さくらレンタルサーバー）</title>
		<link>https://rn-proj.com/waf-causes-redirect-loop/</link>
		
		<dc:creator><![CDATA[r2swifzk]]></dc:creator>
		<pubDate>Wed, 28 May 2025 01:51:33 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://rn-proj.com/?p=1089</guid>

					<description><![CDATA[<p>A社のレンタルサーバーで公開中のWebサイトを、さくらレンタルサーバーへ同一のドメインで移行するときにリダイレクトループにはまってしまったので、その対応内容を備忘録として残しておきます。 状況 さくら側の環境構築として、 [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/waf-causes-redirect-loop/">リダイレクトループの原因がWAFだった話（さくらレンタルサーバー）</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p>A社のレンタルサーバーで公開中のWebサイトを、さくらレンタルサーバーへ同一のドメインで移行するときにリダイレクトループにはまってしまったので、その対応内容を備忘録として残しておきます。</p>



<h2 class="wp-block-heading">状況</h2>



<p>さくら側の環境構築として、同一のドメインでSSL化&amp;WAF設定を行なってからWordPressをインストール。そのままURLにアクセスするとA社の環境のページが表示されてしまうので、PCローカルのhostsファイルで対象ドメインのIPをさくら環境のものに指定しました。これでさくら環境のWordPressのページが表示される想定だったのですが、「<strong>このページは動作していません [ドメイン名] でリダイレクトが繰り返し行われました。 ERR_TOO_MANY_REDIRECTS</strong>」の表示になってしまいます。</p>



<h2 class="wp-block-heading">対応したこと</h2>



<ul class="wp-block-list">
<li>Cookie やブラウザキャッシュの削除<br>→改善されず</li>



<li>.htaccess にリダイレクト設定がないか確認<br>→見当たらず</li>



<li>WordPress でのリダイレクト設定がないか確認<br>→クイックインストールした初期状態だったため、特に該当せず</li>



<li>さくらのサポートに問い合わせ<br>→サーバーコントロールパネル ＞ ドメイン/SSL ＞ 該当ドメイン の 設定 ＞ 基本設定 ＞ www.転送設定 で「転送しない」を試してみてと案内されるも改善せず。それ以外のリダイレクト機能はサポート対象外とのこと。</li>



<li>WAFを無効化<br>→表示された！</li>
</ul>



<h2 class="wp-block-heading">教訓</h2>



<p>「想定しない挙動がでたらまずはWAFを疑ってみること」</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/waf-causes-redirect-loop/">リダイレクトループの原因がWAFだった話（さくらレンタルサーバー）</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ポートフォリオを追加しました</title>
		<link>https://rn-proj.com/add-portfolio-2025-04-02/</link>
		
		<dc:creator><![CDATA[r2swifzk]]></dc:creator>
		<pubDate>Wed, 02 Apr 2025 13:05:27 +0000</pubDate>
				<category><![CDATA[お知らせ]]></category>
		<guid isPermaLink="false">https://rn-proj.com/?p=1070</guid>

					<description><![CDATA[<p>ネクスト株式会社 様のLPリニューアルでコーディングを担当させていただきました。</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/add-portfolio-2025-04-02/">ポートフォリオを追加しました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-74e2db4f wp-block-columns-is-layout-flex" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>ネクスト株式会社 様のLPリニューアルでコーディングを担当させていただきました。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><a href="https://next-mold.xrea.jp/" target="_blank" rel=" noreferrer noopener"><img fetchpriority="high" decoding="async" width="1200" height="630" src="https://rn-proj.com/wp-content/uploads/2025/04/next-mold_lp.webp" alt="ネクスト株式会社 LP" class="wp-image-1071"/></a></figure>
</div>
</div>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/add-portfolio-2025-04-02/">ポートフォリオを追加しました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>お客様より感謝のお言葉をいただきました</title>
		<link>https://rn-proj.com/words-of-thanks-2025-01-16/</link>
		
		<dc:creator><![CDATA[r2swifzk]]></dc:creator>
		<pubDate>Thu, 16 Jan 2025 04:31:33 +0000</pubDate>
				<category><![CDATA[お知らせ]]></category>
		<guid isPermaLink="false">https://rn-proj.com/?p=1026</guid>

					<description><![CDATA[<p>東京 四谷 に新たにオープンする Tokyo Bitcoin Base の公式サイトの Coming Soon ページのコーディングに携わり、お客様から感謝のお言葉をいただきました。 https://tokyobitco [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/words-of-thanks-2025-01-16/">お客様より感謝のお言葉をいただきました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-74e2db4f wp-block-columns-is-layout-flex" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>東京 四谷 に新たにオープンする Tokyo Bitcoin Base の公式サイトの Coming Soon ページのコーディングに携わり、お客様から感謝のお言葉をいただきました。<br><br><a href="https://tokyobitcoin.space/" target="_blank" rel="noopener">https://tokyobitcoin.space/</a></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">1/27のプレオープンに先駆け、Tokyo Bitcoin Base(T₿B)の公式サイトも暫定版がプレオープン<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f38a.png" alt="🎊" class="wp-smiley" style="height: 1em; max-height: 1em;" /><a href="https://twitter.com/hitomimomimo?ref_src=twsrc%5Etfw" target="_blank" rel="noopener">@hitomimomimo</a> <a href="https://twitter.com/_LN_RN?ref_src=twsrc%5Etfw" target="_blank" rel="noopener">@_LN_RN</a> 限られた時間で素敵なサイトを作っていただき、ありがとうございました<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f64f.png" alt="🙏" class="wp-smiley" style="height: 1em; max-height: 1em;" />正規版もよろしくお願いします。<a href="https://t.co/ptkWBGemY7">https://t.co/ptkWBGemY7</a></p>&mdash; Teruko (@TerukoNeriki) <a href="https://twitter.com/TerukoNeriki/status/1879497459015242169?ref_src=twsrc%5Etfw" target="_blank" rel="noopener">January 15, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/words-of-thanks-2025-01-16/">お客様より感謝のお言葉をいただきました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>デバイスによるアイキャッチ画像サイズ変更（Astraテーマ）</title>
		<link>https://rn-proj.com/change-featured-image-size-astra/</link>
		
		<dc:creator><![CDATA[r2swifzk]]></dc:creator>
		<pubDate>Sun, 05 Jan 2025 13:08:46 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<guid isPermaLink="false">https://rn-proj.com/?p=941</guid>

					<description><![CDATA[<p>Webサイトの表示速度を改善する方法の１つに、表示する画像サイズを適切な大きさにするというのがあります。 今回はWordPressのAstraテーマ使用時に、PC用とスマホ用でアイキャッチ画像のサイズを分けて表示する方法 [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/change-featured-image-size-astra/">デバイスによるアイキャッチ画像サイズ変更（Astraテーマ）</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p>Webサイトの表示速度を改善する方法の１つに、表示する画像サイズを適切な大きさにするというのがあります。</p>



<p>今回はWordPressのAstraテーマ使用時に、PC用とスマホ用でアイキャッチ画像のサイズを分けて表示する方法をご紹介します。</p>



<p>※WordPressの管理画面の「設定＞メディア」 で、中サイズ（medium）の画像を作成する設定にしていることが前提です。</p>



<h2 class="wp-block-heading">どの Astra テーマファイルでアイキャッチ画像サイズを指定しているか？</h2>



<p>Astraのテーマファイルを見たところ、<code>/wp-content/themes/astra/inc/markup-extras.php</code> というファイルの <code>astra_get_post_thumbnail()</code> 関数と <code>astra_single_post_entry_featured_image()</code> 関数でアイキャッチ画像サイズが定義されていることが分かりました。</p>



<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-start:1881;--cbp-line-number-width:calc(4 * 0.6 * .875rem);--cbp-line-highlight-color:rgba(201, 218, 248, 0.2);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#39404f;color:#c8d0e0">PHP</span><span role="button" tabindex="0" data-code="// 前略
/**
 * Astra get post thumbnail image.
 */
if ( ! function_exists( 'astra_get_post_thumbnail' ) ) {

        /**
         * Astra get post thumbnail image
         *
         * @since 1.0.15
         * @param string  $before Markup before thumbnail image.
         * @param string  $after  Markup after thumbnail image.
         * @param boolean $echo   Output print or return.
         * @return string|void
         */
        function astra_get_post_thumbnail( $before = '', $after = '', $echo = true ) {

                $output = '';

                $check_is_singular = is_singular();
                $check_is_archive  = ( is_archive() || is_search() || is_home() );

                $featured_image = true;
                $post_type      = strval( get_post_type() );

                if ( $check_is_singular ) {
                        $is_featured_image = astra_get_option_meta( 'ast-featured-img' );
                } else {
                        $is_featured_image = astra_get_option( 'ast-featured-img' );
                }

                $featured_image_size = 'large';
                if ( $check_is_archive ) {
                        $featured_image_size = astra_get_option( 'blog-image-size', 'large' );
                }

                if ( 'disabled' === $is_featured_image ) {
                        $featured_image = false;
                }

                $featured_image = apply_filters( 'astra_featured_image_enabled', $featured_image );

                $blog_post_thumb   = astra_get_option( 'blog-post-structure' );
                $single_post_thumb = astra_get_option( 'ast-dynamic-single-' . $post_type . '-structure', array( 'ast-dynamic-' . $post_type . '-post-title', 'ast-dynamic-' . $post_type . '-post-meta' ) );

                if ( ( ( ! $check_is_singular &amp;&amp; in_array( 'image', $blog_post_thumb ) ) || ( $check_is_singular &amp;&amp; in_array( 'ast-dynamic-single-' . $post_type . '-image', $single_post_thumb ) ) || is_page() ) &amp;&amp; has_post_thumbnail() ) {

                        if ( $featured_image &amp;&amp; ( ! ( $check_is_singular ) || ( ! post_password_required() &amp;&amp; ! is_attachment() &amp;&amp; has_post_thumbnail() ) ) ) {

                                $image_size = $check_is_singular ? astra_get_option( 'ast-dynamic-single-' . $post_type . '-article-featured-image-size', 'large' ) : $featured_image_size;
                                $post_thumb = apply_filters(
                                        'astra_featured_image_markup',
                                        get_the_post_thumbnail(
                                                get_the_ID(),
                                                apply_filters( 'astra_post_thumbnail_default_size', $image_size ),
                                                apply_filters( 'astra_post_thumbnail_itemprop', '' )
                                        )
                                );

                                if ( '' != $post_thumb ) {
                                        $output .= '&lt;div class=&quot;post-thumb-img-content post-thumb&quot;&gt;';
                                        if ( ! $check_is_singular ) {
                                                $output .= apply_filters(
                                                        'astra_blog_post_featured_image_link_before',
                                                        '&lt;a ' . astra_attr(
                                                                'article-image-url',
                                                                array(
                                                                        'class' =&gt; '',
                                                                        'href'  =&gt; esc_url( get_permalink() ),
                                                                )
                                                        ) . ' &gt;'
                                                );
                                        }
                                        $output .= $post_thumb;
                                        if ( ! $check_is_singular ) {
                                                $output .= apply_filters( 'astra_blog_post_featured_image_link_after', '&lt;/a&gt;' );
                                        }
                                        $output .= '&lt;/div&gt;';
                                }
                        }
                }

                if ( ! $check_is_singular ) {
                        $output = apply_filters( 'astra_blog_post_featured_image_after', $output );
                }

                $output = apply_filters( 'astra_get_post_thumbnail', $output, $before, $after );

                if ( $echo ) {
                        echo $before . $output . $after; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
                } else {
                        return $before . $output . $after;
                }
        }
}

// 後略" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #616E88">// 前略</span></span>
<span class="line"><span style="color: #616E88">/**</span></span>
<span class="line"><span style="color: #616E88"> * Astra get post thumbnail image.</span></span>
<span class="line"><span style="color: #616E88"> */</span></span>
<span class="line"><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">function_exists</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_get_post_thumbnail</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #616E88">/**</span></span>
<span class="line"><span style="color: #616E88">         * Astra get post thumbnail image</span></span>
<span class="line"><span style="color: #616E88">         *</span></span>
<span class="line"><span style="color: #616E88">         * </span><span style="color: #81A1C1">@since</span><span style="color: #616E88"> 1.0.15</span></span>
<span class="line"><span style="color: #616E88">         * </span><span style="color: #81A1C1">@param</span><span style="color: #616E88"> </span><span style="color: #81A1C1">string</span><span style="color: #616E88">  $before Markup before thumbnail image.</span></span>
<span class="line"><span style="color: #616E88">         * </span><span style="color: #81A1C1">@param</span><span style="color: #616E88"> </span><span style="color: #81A1C1">string</span><span style="color: #616E88">  $after  Markup after thumbnail image.</span></span>
<span class="line"><span style="color: #616E88">         * </span><span style="color: #81A1C1">@param</span><span style="color: #616E88"> </span><span style="color: #81A1C1">boolean</span><span style="color: #616E88"> $echo   Output print or return.</span></span>
<span class="line"><span style="color: #616E88">         * </span><span style="color: #81A1C1">@return</span><span style="color: #616E88"> </span><span style="color: #81A1C1">string</span><span style="color: #ECEFF4">|</span><span style="color: #81A1C1">void</span></span>
<span class="line"><span style="color: #616E88">         */</span></span>
<span class="line cbp-line-highlight"><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_post_thumbnail</span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">before</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">after</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">true</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_singular</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">is_singular</span><span style="color: #ECEFF4">()</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_archive</span><span style="color: #D8DEE9FF">  </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">is_archive</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">||</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">is_search</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">||</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">is_home</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">true;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #D8DEE9FF">      </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">strval</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> get_post_type</span><span style="color: #ECEFF4">()</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_singular</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">is_featured_image</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_option_meta</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-featured-img</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #ECEFF4">}</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">else</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">is_featured_image</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_option</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-featured-img</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">large</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_archive</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_option</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">blog-image-size</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">large</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">disabled</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">===</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">is_featured_image</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">false;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_featured_image_enabled</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">blog_post_thumb</span><span style="color: #D8DEE9FF">   </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_option</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">blog-post-structure</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">single_post_thumb</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_option</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-dynamic-single-</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">-structure</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-dynamic-</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">-post-title</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-dynamic-</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">-post-meta</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_singular</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&amp;&amp;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">in_array</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">image</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">blog_post_thumb</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">||</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_singular</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&amp;&amp;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">in_array</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-dynamic-single-</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">-image</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">single_post_thumb</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">||</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">is_page</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&amp;&amp;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">has_post_thumbnail</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&amp;&amp;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_singular</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">||</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">post_password_required</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&amp;&amp;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">is_attachment</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&amp;&amp;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">has_post_thumbnail</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"></span>
<span class="line cbp-line-highlight"><span style="color: #D8DEE9FF">                                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_singular</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">?</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_option</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-dynamic-single-</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">-article-featured-image-size</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">large</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">:</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_size</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_thumb</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">apply_filters</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #88C0D0">                                        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_featured_image_markup</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #88C0D0">                                        get_the_post_thumbnail</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #88C0D0">                                                get_the_ID</span><span style="color: #ECEFF4">(),</span></span>
<span class="line cbp-line-highlight"><span style="color: #88C0D0">                                                apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_post_thumbnail_default_size</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">image_size</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">),</span></span>
<span class="line"><span style="color: #88C0D0">                                                apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_post_thumbnail_itemprop</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span></span>
<span class="line"><span style="color: #88C0D0">                                        </span><span style="color: #ECEFF4">)</span></span>
<span class="line"><span style="color: #88C0D0">                                </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                                </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_thumb</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&lt;div class=&quot;post-thumb-img-content post-thumb&quot;&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                        </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_singular</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">apply_filters</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #88C0D0">                                                        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_blog_post_featured_image_link_before</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #88C0D0">                                                        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&lt;a </span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> astra_attr</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #88C0D0">                                                                </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">article-image-url</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #88C0D0">                                                                </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #88C0D0">                                                                        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">class</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">=&gt;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #88C0D0">                                                                        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">href</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0">  </span><span style="color: #81A1C1">=&gt;</span><span style="color: #88C0D0"> esc_url</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> get_permalink</span><span style="color: #ECEFF4">()</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">),</span></span>
<span class="line"><span style="color: #88C0D0">                                                                </span><span style="color: #ECEFF4">)</span></span>
<span class="line"><span style="color: #88C0D0">                                                        </span><span style="color: #ECEFF4">)</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C"> &gt;</span><span style="color: #ECEFF4">&#39;</span></span>
<span class="line"><span style="color: #88C0D0">                                                </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                        </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_thumb</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                        </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_singular</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_blog_post_featured_image_link_after</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&lt;/a&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                        </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&lt;/div&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                                </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">check_is_singular</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_blog_post_featured_image_after</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_get_post_thumbnail</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">before</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">after</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">before</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">after</span><span style="color: #81A1C1">;</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #ECEFF4">}</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">else</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">before</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">after</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #616E88">// 後略</span></span></code></pre></div>



<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-start:2206;--cbp-line-number-width:calc(4 * 0.6 * .875rem);--cbp-line-highlight-color:rgba(201, 218, 248, 0.2);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#39404f;color:#c8d0e0">PHP</span><span role="button" tabindex="0" data-code="// 前略
/**
 * Render Featured Image for single post at 'astra_entry_before' hook before post &lt;article&gt;
 *
 * @since 4.4.0
 */
function astra_single_post_entry_featured_image() {
        $post_type           = strval( get_post_type() );
        $featured_image_size = astra_get_option( 'ast-dynamic-single-' . $post_type . '-article-featured-image-size', 'large' );

        if ( apply_filters( 'astra_post_featured_image_condition', ( has_post_thumbnail() ) ) ) {
                do_action( 'astra_article_featured_image_before' );

                $output     = '';
                $post_thumb = apply_filters(
                        'astra_article_featured_image_markup',
                        get_the_post_thumbnail(
                                /** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
                                absint( astra_get_post_id() ),
                                /** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
                                apply_filters( 'astra_post_featured_image_default_size', $featured_image_size ),
                                apply_filters( 'astra_post_featured_image_itemprop', '' )
                        )
                );
                if ( '' != $post_thumb ) {
                        $featured_image_width = 'layout-1' === astra_get_option( 'ast-dynamic-single-' . $post_type . '-layout', 'layout-1' ) ? astra_get_option( 'ast-dynamic-single-' . $post_type . '-article-featured-image-width-type', 'wide' ) : '';
                        $output              .= '&lt;div class=&quot;ast-single-post-featured-section post-thumb ast-article-image-container--' . esc_attr( $featured_image_width ) . '&quot;&gt;';
                        $output              .= $post_thumb;
                        $output              .= '&lt;/div&gt;';
                }

                $output = apply_filters( 'astra_featured_post_thumbnail', $output );
                echo wp_kses_post( $output );

                do_action( 'astra_article_featured_image_after' );
        }
}
// 後略" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #616E88">// 前略</span></span>
<span class="line"><span style="color: #616E88">/**</span></span>
<span class="line"><span style="color: #616E88"> * Render Featured Image for single post at &#39;astra_entry_before&#39; hook before post &lt;article&gt;</span></span>
<span class="line"><span style="color: #616E88"> *</span></span>
<span class="line"><span style="color: #616E88"> * </span><span style="color: #81A1C1">@since</span><span style="color: #616E88"> 4.4.0</span></span>
<span class="line"><span style="color: #616E88"> */</span></span>
<span class="line cbp-line-highlight"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_single_post_entry_featured_image</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #D8DEE9FF">           </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">strval</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> get_post_type</span><span style="color: #ECEFF4">()</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line cbp-line-highlight"><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_option</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-dynamic-single-</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">-article-featured-image-size</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">large</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_post_featured_image_condition</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> has_post_thumbnail</span><span style="color: #ECEFF4">()</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #88C0D0">do_action</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_article_featured_image_before</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF">     </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_thumb</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">apply_filters</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #88C0D0">                        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_article_featured_image_markup</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #88C0D0">                        get_the_post_thumbnail</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #88C0D0">                                </span><span style="color: #616E88">/** @psalm-suppress InvalidArgument */</span><span style="color: #88C0D0"> </span><span style="color: #616E88">// phpcs:ignore Generic.Commenting.DocComment.MissingShort</span></span>
<span class="line"><span style="color: #88C0D0">                                absint</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> astra_get_post_id</span><span style="color: #ECEFF4">()</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">),</span></span>
<span class="line"><span style="color: #88C0D0">                                </span><span style="color: #616E88">/** @psalm-suppress InvalidArgument */</span><span style="color: #88C0D0"> </span><span style="color: #616E88">// phpcs:ignore Generic.Commenting.DocComment.MissingShort</span></span>
<span class="line cbp-line-highlight"><span style="color: #88C0D0">                                apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_post_featured_image_default_size</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_size</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">),</span></span>
<span class="line"><span style="color: #88C0D0">                                apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_post_featured_image_itemprop</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span></span>
<span class="line"><span style="color: #88C0D0">                        </span><span style="color: #ECEFF4">)</span></span>
<span class="line"><span style="color: #88C0D0">                </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">!=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_thumb</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_width</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">layout-1</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">===</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_option</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-dynamic-single-</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">-layout</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">layout-1</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">?</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">astra_get_option</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">ast-dynamic-single-</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_type</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">.</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">-article-featured-image-width-type</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">wide</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">:</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF">              </span><span style="color: #81A1C1">.=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&lt;div class=&quot;ast-single-post-featured-section post-thumb ast-article-image-container--</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">esc_attr</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_width</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">.</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&quot;&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF">              </span><span style="color: #81A1C1">.=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">post_thumb</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                        </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF">              </span><span style="color: #81A1C1">.=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&lt;/div&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">apply_filters</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_featured_post_thumbnail</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">wp_kses_post</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #88C0D0">do_action</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_article_featured_image_after</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #616E88">// 後略</span></span></code></pre></div>



<p>ちなみに、<br><code>astra_get_post_thumbnail()</code> 関数は 個別ページ用、<br><code>astra_single_post_entry_featured_image()</code> 関数は 固定ページ用と分かれているみたいです。</p>



<p>それぞれ <code>$image_size</code> と <code style="">$featured_image_size</code> にサイズを指定して、フィルターの引数に渡していることが分かります。<br>（print_r で <code>$image_size</code> と <code>$featured_image_size</code> を出力してみたところ、文字列 &#8216;<strong><code>large</code></strong>&#8216; が出力されました。）</p>



<p>デバイスの条件分岐を加えて、この <code>$image_size</code> と <code>$featured_image_size</code> に &#8216;full&#8217; や &#8216;medium&#8217; を入れてあげればアイキャッチ画像のサイズを変更できそうです。</p>



<p>ただ、<code>/wp-content/themes/astra/inc/markup-extras.php</code> は親テーマのファイルなので、直接編集してもテーマアップデート時に上書きされ消えてしまいます。</p>



<p>そこで、対策として</p>



<p>①子テーマを使用する<br>②フィルターフックを使用する</p>



<p>の２つを実施します。</p>



<h2 class="wp-block-heading">子テーマを使用する</h2>



<p>子テーマが未作成であれば作成します。<br>（子テーマの詳細な作成方法については割愛します）</p>



<p>「Child Theme Configurator」というプラグインを使うと手軽に子テーマを作成できます。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory custom-oembed-001"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="8a2Uw8f1Pi"><a href="https://wordpress.org/plugins/child-theme-configurator/" target="_blank" rel="noopener">Child Theme Configurator</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="&#8220;Child Theme Configurator&#8221; &#8212; Plugin Directory" src="https://wordpress.org/plugins/child-theme-configurator/embed/#?secret=jkqgfdpIpe#?secret=8a2Uw8f1Pi" data-secret="8a2Uw8f1Pi" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div></figure>



<h2 class="wp-block-heading">フィルターフックを使用する</h2>



<p>子テーマの <code>/wp-content/themes/astra-child/functions.php</code> に以下の内容を記述します。</p>



<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(2 * 0.6 * .875rem);--cbp-line-highlight-color:rgba(201, 218, 248, 0.2);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#39404f;color:#c8d0e0">PHP</span><span role="button" tabindex="0" data-code="//スマートフォンを判別
function is_mobile(){
    $useragents = array(
        'iPhone', // iPhone
        'iPod', // iPod touch
        'Android.*Mobile', // 1.5+ Android *** Only mobile
        'Windows.*Phone', // *** Windows Phone
        'dream', // Pre 1.5 Android
        'CUPCAKE', // 1.5+ Android
        'blackberry9500', // Storm
        'blackberry9530', // Storm
        'blackberry9520', // Storm v2
        'blackberry9550', // Storm v2
        'blackberry9800', // Torch
        'webOS', // Palm Pre Experimental
        'incognito', // Other iPhone browser
        'webmate' // Other iPhone browser
    );
    $pattern = '/'.implode('|', $useragents).'/i';
    return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}

// アイキャッチ画像サイズの適正化（モバイル端末とそれ以外）
// 投稿ページ用
function optimize_post_thumbnail_default_size( $image_size ) {
        if( is_mobile() ) {
                $image_size = 'medium';
        } else {
                $image_size = 'full';
        }
        return $image_size;
}
add_filter( 'astra_post_thumbnail_default_size', 'optimize_post_thumbnail_default_size' );

// 固定ページ用
function optimize_featured_image_size( $featured_image_size ) {
        if( is_mobile() ) {
                $featured_image_size = 'medium';
        } else {
                $featured_image_size = 'full';
        }
        return $featured_image_size;
}
add_filter( 'astra_post_featured_image_default_size', 'optimize_featured_image_size' );" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #616E88">//スマートフォンを判別</span></span>
<span class="line cbp-line-highlight"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">is_mobile</span><span style="color: #ECEFF4">(){</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">useragents</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">iPhone</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// iPhone</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">iPod</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// iPod touch</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">Android.*Mobile</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// 1.5+ Android *** Only mobile</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">Windows.*Phone</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// *** Windows Phone</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">dream</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// Pre 1.5 Android</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">CUPCAKE</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// 1.5+ Android</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">blackberry9500</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// Storm</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">blackberry9530</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// Storm</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">blackberry9520</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// Storm v2</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">blackberry9550</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// Storm v2</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">blackberry9800</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// Torch</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">webOS</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// Palm Pre Experimental</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">incognito</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// Other iPhone browser</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">webmate</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">// Other iPhone browser</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">pattern</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">/</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">.</span><span style="color: #88C0D0">implode</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">|</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">useragents</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">.</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">/i</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">preg_match</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">pattern</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">_SERVER</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">HTTP_USER_AGENT</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">])</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #616E88">// アイキャッチ画像サイズの適正化（モバイル端末とそれ以外）</span></span>
<span class="line"><span style="color: #616E88">// 投稿ページ用</span></span>
<span class="line cbp-line-highlight"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">optimize_post_thumbnail_default_size</span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">if</span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">is_mobile</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">medium</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">}</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">else</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">full</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">image_size</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line cbp-line-highlight"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_post_thumbnail_default_size</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">optimize_post_thumbnail_default_size</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #616E88">// 固定ページ用</span></span>
<span class="line cbp-line-highlight"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">optimize_featured_image_size</span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">if</span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">is_mobile</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">medium</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">}</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">else</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">                </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_size</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">full</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">featured_image_size</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line cbp-line-highlight"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">astra_post_featured_image_default_size</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">optimize_featured_image_size</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span></code></pre></div>



<p>スマホかどうかを判別するために <code>is_mobile()</code> 関数を作成しています。</p>



<p>また、<code>optimize_post_thumbnail_default_size()</code> 関数と <code>optimize_featured_image_size()</code> 関数で、スマホの場合は中サイズ（medium）、それ以外はフルサイズ（full）を指定し、それぞれ &#8216;<code>astra_post_thumbnail_default_size</code>&#8216; フィルターと &#8216;<code>astra_post_featured_image_default_size</code>&#8216; フィルターに追加しています。</p>



<p>※分かりやすくするために条件分岐をあえてシンプルにしていますが、実際には分岐がより複雑になります。</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/change-featured-image-size-astra/">デバイスによるアイキャッチ画像サイズ変更（Astraテーマ）</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ポートフォリオを追加しました</title>
		<link>https://rn-proj.com/add-portfolio-2024-02-28/</link>
		
		<dc:creator><![CDATA[r2swifzk]]></dc:creator>
		<pubDate>Wed, 28 Feb 2024 05:38:52 +0000</pubDate>
				<category><![CDATA[お知らせ]]></category>
		<guid isPermaLink="false">https://rn-proj.com/?p=770</guid>

					<description><![CDATA[<p>架空の古民家カフェのLPです。 商品や特典の紹介と予約リンクで構成されています。</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/add-portfolio-2024-02-28/">ポートフォリオを追加しました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-74e2db4f wp-block-columns-is-layout-flex" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>架空の古民家カフェのLPです。</p>



<p>商品や特典の紹介と予約リンクで構成されています。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><a href="https://lp1.rn-proj.com/old-house-cafe/"><img decoding="async" width="1008" height="642" src="https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_old-house-cafe.jpg" alt="古民家カフェ こもれび LP" class="wp-image-976" srcset="https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_old-house-cafe.jpg 1008w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_old-house-cafe-500x318.jpg 500w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_old-house-cafe-800x510.jpg 800w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_old-house-cafe-300x191.jpg 300w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_old-house-cafe-768x489.jpg 768w" sizes="(max-width: 1008px) 100vw, 1008px" /></a></figure>
</div>
</div>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/add-portfolio-2024-02-28/">ポートフォリオを追加しました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ポートフォリオを追加しました</title>
		<link>https://rn-proj.com/add-portfolio-2024-02-22/</link>
		
		<dc:creator><![CDATA[r2swifzk]]></dc:creator>
		<pubDate>Thu, 22 Feb 2024 02:31:56 +0000</pubDate>
				<category><![CDATA[お知らせ]]></category>
		<guid isPermaLink="false">https://rn-proj.com/?p=749</guid>

					<description><![CDATA[<p>架空の就労継続支援事業所のLPです。 サービス内容、サービスを受けると得られる効果、Q&#38;Aで構成されています。 架空のサウナサブスクサービスのLPです。 サウナで得られる３つの効果やサービス一覧、特典、Q&#038;amp [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/add-portfolio-2024-02-22/">ポートフォリオを追加しました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-74e2db4f wp-block-columns-is-layout-flex" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>架空の就労継続支援事業所のLPです。</p>



<p>サービス内容、サービスを受けると得られる効果、Q&amp;Aで構成されています。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><a href="https://lp1.rn-proj.com/continuous-employment-support/"><img loading="lazy" decoding="async" width="1008" height="642" src="https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_continuous-employment-support.jpg" alt="就労継続支援事業所LP" class="wp-image-977" srcset="https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_continuous-employment-support.jpg 1008w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_continuous-employment-support-500x318.jpg 500w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_continuous-employment-support-800x510.jpg 800w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_continuous-employment-support-300x191.jpg 300w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_continuous-employment-support-768x489.jpg 768w" sizes="auto, (max-width: 1008px) 100vw, 1008px" /></a></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-a4bff682 wp-block-columns-is-layout-flex" style="margin-top:32px;margin-bottom:32px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>架空のサウナサブスクサービスのLPです。</p>



<p>サウナで得られる３つの効果やサービス一覧、特典、Q&amp;Aで構成されています。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><a href="https://lp1.rn-proj.com/sauna-subscription/"><img loading="lazy" decoding="async" width="1008" height="642" src="https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_sauna-subscription.jpg" alt="サウナサブスクLP" class="wp-image-978" srcset="https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_sauna-subscription.jpg 1008w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_sauna-subscription-500x318.jpg 500w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_sauna-subscription-800x510.jpg 800w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_sauna-subscription-300x191.jpg 300w, https://rn-proj.com/wp-content/uploads/2025/01/lp1.rn-proj.com_sauna-subscription-768x489.jpg 768w" sizes="auto, (max-width: 1008px) 100vw, 1008px" /></a></figure>
</div>
</div>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/add-portfolio-2024-02-22/">ポートフォリオを追加しました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ポートフォリオを追加しました</title>
		<link>https://rn-proj.com/add-portfolio-2024-02-13/</link>
		
		<dc:creator><![CDATA[r2swifzk]]></dc:creator>
		<pubDate>Tue, 13 Feb 2024 12:06:40 +0000</pubDate>
				<category><![CDATA[お知らせ]]></category>
		<guid isPermaLink="false">https://rn-proj.com/?p=698</guid>

					<description><![CDATA[<p>ポートフォリオを追加しました。 金型を製造販売する企業のLPです。 お問い合わせを増やすためSEO対策を行なっています。</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/add-portfolio-2024-02-13/">ポートフォリオを追加しました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-74e2db4f wp-block-columns-is-layout-flex" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>ポートフォリオを追加しました。</p>



<p>金型を製造販売する企業のLPです。</p>



<p>お問い合わせを増やすためSEO対策を行なっています。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><a href="https://next-mold.xrea.jp/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" width="1008" height="642" src="https://rn-proj.com/wp-content/uploads/2025/01/next-mold.xrea_.jp_.jpg" alt="ネクスト - モールドベース製造販売LP" class="wp-image-975" srcset="https://rn-proj.com/wp-content/uploads/2025/01/next-mold.xrea_.jp_.jpg 1008w, https://rn-proj.com/wp-content/uploads/2025/01/next-mold.xrea_.jp_-500x318.jpg 500w, https://rn-proj.com/wp-content/uploads/2025/01/next-mold.xrea_.jp_-800x510.jpg 800w, https://rn-proj.com/wp-content/uploads/2025/01/next-mold.xrea_.jp_-300x191.jpg 300w, https://rn-proj.com/wp-content/uploads/2025/01/next-mold.xrea_.jp_-768x489.jpg 768w" sizes="auto, (max-width: 1008px) 100vw, 1008px" /></a></figure>
</div>
</div>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/add-portfolio-2024-02-13/">ポートフォリオを追加しました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>お客様より感謝のお言葉をいただきました</title>
		<link>https://rn-proj.com/words-of-thanks-2023-11-26/</link>
		
		<dc:creator><![CDATA[r2swifzk]]></dc:creator>
		<pubDate>Sun, 26 Nov 2023 11:52:57 +0000</pubDate>
				<category><![CDATA[お知らせ]]></category>
		<guid isPermaLink="false">https://rn-proj.com/?p=580</guid>

					<description><![CDATA[<p>ロストイン・ビットコインにおいて、記事の読者が投稿者に少額のビットコインを投げ銭する機能を追加し、感謝のお言葉をいただきました。 #ロストイン・ビットコイン Zap&#x26a1;&#xfe0f;ボタン増殖中 サイト立ち [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/words-of-thanks-2023-11-26/">お客様より感謝のお言葉をいただきました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-74e2db4f wp-block-columns-is-layout-flex" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p><a href="https://lostinbitcoin.jp/" target="_blank" rel="noopener">ロストイン・ビットコイン</a>において、記事の読者が投稿者に少額のビットコインを投げ銭する機能を追加し、感謝のお言葉をいただきました。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr"><a href="https://twitter.com/hashtag/%E3%83%AD%E3%82%B9%E3%83%88%E3%82%A4%E3%83%B3%E3%83%BB%E3%83%93%E3%83%83%E3%83%88%E3%82%B3%E3%82%A4%E3%83%B3?src=hash&amp;ref_src=twsrc%5Etfw" target="_blank" rel="noopener">#ロストイン・ビットコイン</a><br><br>Zap<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" />ボタン増殖中<br><br>サイト立ち上げにあたり、ノンカストディアルなLN実装が使命でしたが、今回やっと実現できました。<br>Zap<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" />は？という思いつきtweetに、情報提供してくれた方々、数日で実装してくれた <a href="https://twitter.com/_LN_RN?ref_src=twsrc%5Etfw" target="_blank" rel="noopener">@_LN_RN</a> さん、ありがとうございました<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f64f.png" alt="🙏" class="wp-smiley" style="height: 1em; max-height: 1em;" /><a href="https://t.co/7aIJHOR4qo">https://t.co/7aIJHOR4qo</a> <a href="https://t.co/wduDUwYShk">pic.twitter.com/wduDUwYShk</a></p>&mdash; FulgurVentures_JP (@FulgurventuresJ) <a href="https://twitter.com/FulgurventuresJ/status/1694995059614380423?ref_src=twsrc%5Etfw" target="_blank" rel="noopener">August 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<p>投稿 <a rel="nofollow" href="https://rn-proj.com/words-of-thanks-2023-11-26/">お客様より感謝のお言葉をいただきました</a> は <a rel="nofollow" href="https://rn-proj.com">rn project</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
