<?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>PHP アーカイブ - studioDoghands</title>
	<atom:link href="https://www.doghands.com/tag/php/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.doghands.com/tag/php/</link>
	<description>スタジオ・ドッグハンズ-運用しやすいホームーページを制作する会社です。</description>
	<lastBuildDate>Fri, 15 Mar 2024 12:48:27 +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://www.doghands.com/wp-content/uploads/cropped-favicon-1-32x32.png</url>
	<title>PHP アーカイブ - studioDoghands</title>
	<link>https://www.doghands.com/tag/php/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">58793406</site>	<item>
		<title>PhpStormの自動アップロード機能、除外ファイル設定をコピーして利用する</title>
		<link>https://www.doghands.com/copy-excluded-paths-settings-to-another-project-in-phpstorm/</link>
		
		<dc:creator><![CDATA[hiro]]></dc:creator>
		<pubDate>Mon, 06 Jan 2020 04:33:01 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[UnderStrap]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[PhpStorm]]></category>
		<category><![CDATA[WordPress全般]]></category>
		<guid isPermaLink="false">https://www.doghands.com/?p=12501</guid>

					<description><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010607-450x191.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" /></p>
<p>PHP開発IDE「PhpStorm」には、ファイルを変更すると自動でFTP接続と該当ファイルのアップロードを行う機能があります。 リモートサーバだけでは無く、ローカルフォルダも対象にすることができます。 まず、 Pref</p>
<p>投稿 <a href="https://www.doghands.com/copy-excluded-paths-settings-to-another-project-in-phpstorm/">PhpStormの自動アップロード機能、除外ファイル設定をコピーして利用する</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010607-450x191.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></p><p>PHP開発IDE「PhpStorm」には、ファイルを変更すると自動でFTP接続と該当ファイルのアップロードを行う機能があります。<br />
リモートサーバだけでは無く、ローカルフォルダも対象にすることができます。</p>
<p>まず、<br />
Preferences→Build, Execution, Deployment→Deployment<br />
で接続対象とアカウント、ディレクトリ等を入力（このあたりは通常のFTPソフトと同じです）します。<br />
<img decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010604.jpg" alt="" width="700" height="514" class="alignnone size-full wp-image-12504" /></p>
<p>その後、<br />
Preferences→Build, Execution, Deployment→Deployment→Options<br />
の「Upload changed files automatically to the default server」を「Never」から「Always」か「On explicit save action」に変更します。<br />
<img decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010601.jpg" alt="" width="700" height="514" class="alignnone size-full wp-image-12502" /></p>
<aside>「Always」はファイルの（自動保存含めた）保存時に常にアップロード。<br />
「On explicit save action」は⌘Sで明示的にファイルを保存した時のみアップロードします。<br />
私は「On explicit save action」にしています。<br />
</aside>
<h2>アップロード対象除外ファイルの設定</h2>
<p>この自動アップロード機能では、任意のファイルを対象から外すことができます。<br />
※Filezilla等、多くのFTPソフトでも同様の機能があります。<br />
例えばメモやGit関連、Gulp関連、最終的なCSS以外のSASSファイル等です。</p>
<p>設定はFTPアカウント管理画面の「Excluded Paths」から行います。<br />
例えば私が良く利用するBootstrap4のスターターテーマ「<a href="https://understrap.com/" rel="noopener noreferrer" target="_blank">UnderStrap</a>」の子テーマでは下の画像のようになります。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010602.jpg" alt="" width="700" height="514" class="alignnone size-full wp-image-12505" /></p>
<p>さて、この「Excluded Paths」ですが、設定が面倒な割に「複製」や「設定の書き出し」が見当たりません。<br />
実はこれらの情報はプロジェクトフォルダに作成される「.idea」ディレクトリの「deployment.xml」ファイルに記載されています。<br />
※参考:公式サイト「<a href="https://pleiades.io/help/phpstorm/creating-and-managing-projects.html" rel="noopener noreferrer" target="_blank">プロジェクトの作成と管理</a>﻿」</p>
<h3>「.idea」フォルダの確認</h3>
<p>「.idea」ファイルは見ての通り「.（ドット）」から始まるファイルで、多くのMacの設定では「.htaccess」同様、不可視ファイルとして扱われるため、Finderでも表示されません。<br />
不可視フォルダを表示するMacのショートカットキーは「command（⌘）」 + 「shift」 + 「.」です。<br />
これで「.idea」フォルダが表示されます。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010606.gif" alt="" width="550" height="134" class="alignnone size-full wp-image-12507" /></p>
<h3>deployment.xmlの確認</h3>
<p>「deployment.xml」をクリックして開きます。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010603.jpg" alt="" width="484" height="153" class="alignnone size-full wp-image-12506" /></p>
<p>paths→serverdata→excludedPathsノードに除外ファイルの情報が保存されています。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010605.jpg" alt="" width="700" height="380" class="alignnone size-full wp-image-12503" /><br />
これを他のプロジェクトのdeployment.xmlにコピーして利用することが可能です。</p>
<p>投稿 <a href="https://www.doghands.com/copy-excluded-paths-settings-to-another-project-in-phpstorm/">PhpStormの自動アップロード機能、除外ファイル設定をコピーして利用する</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">12501</post-id>	</item>
		<item>
		<title>Advanced Custom Fieldsの「Wysiwyg エディター」の出力で挿入されるpタグを除去する</title>
		<link>https://www.doghands.com/advanced-custom-fields%e3%81%ae%e3%80%8cwysiwyg-%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%80%8d%e3%81%ae%e5%87%ba%e5%8a%9b%e3%81%a7%e6%8c%bf%e5%85%a5%e3%81%95%e3%82%8c%e3%82%8bp%e3%82%bf/</link>
		
		<dc:creator><![CDATA[hiro]]></dc:creator>
		<pubDate>Thu, 21 Feb 2019 10:57:52 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ウェブ制作・運用]]></category>
		<category><![CDATA[カスタムフィールド]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress全般]]></category>
		<guid isPermaLink="false">https://www.doghands.com/?p=9565</guid>

					<description><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/acf-19022109-450x191.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></p>
<p>カスタムフィールドを追加/管理する定番WordPressプラグイン「Advanced Custom Fields」。 テキストや画像、投稿オブジェクトなど、様々なフィールドが使えます。 その中で「Wysiwyg エディタ</p>
<p>投稿 <a href="https://www.doghands.com/advanced-custom-fields%e3%81%ae%e3%80%8cwysiwyg-%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%80%8d%e3%81%ae%e5%87%ba%e5%8a%9b%e3%81%a7%e6%8c%bf%e5%85%a5%e3%81%95%e3%82%8c%e3%82%8bp%e3%82%bf/">Advanced Custom Fieldsの「Wysiwyg エディター」の出力で挿入されるpタグを除去する</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/acf-19022109-450x191.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></p><p>カスタムフィールドを追加/管理する定番WordPressプラグイン「Advanced Custom Fields」。<br />
テキストや画像、投稿オブジェクトなど、様々なフィールドが使えます。<br />
その中で「Wysiwyg エディター」の利用時の注意点について解説します。<br />
<span id="more-9565"></span></p>
<h2>カスタムフィールドの登録</h2>
<p>このような感じでWysiwygエディターのフィールドを追加してみます。<br />
フィールドタイプは「Wysiwygエディター」を選択します。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/acf-19022103.png" alt="" width="700" height="393" class="alignnone size-full wp-image-9576"></p>
<p>投稿画面で適当にテキストを入力します。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/acf-19022104.png" alt="" width="700" height="453" class="alignnone size-full wp-image-9577"></p>
<h2>カスタムフィールドの表示</h2>
<p>投稿表示用のテンプレート（通常はsingle.php）の[code]&amp;lt;?php the_content(); ?&amp;gt;[/code]<br />
の下に、フィールド表示用のコードを追加します。<br />
pタグで囲み、太字・赤文字で出力してみます。<br />
[code]<br />
&amp;lt;?<br />
$wysiwyg = get_field( &#8216;wysiwyg_test&#8217; );//wysiwyg_testはフィールド名<br />
if ( $wysiwyg ) {<br />
echo &#8216;&amp;lt;p class=&quot;font-weight-bold text-danger&quot;&amp;gt;&#8217; . $wysiwyg . &#8216;&amp;lt;/p&amp;gt;&#8217;;//pタグで囲みクラスを追加<br />
}<br />
?&amp;gt;<br />
[/code]<br />
結果を確認します。<br />
テキストは表示されていますが、意図した装飾が反映されていません。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/acf-19022105.png" alt="" width="700" height="283" class="alignnone size-full wp-image-9578"></p>
<p>コードを確認すると、クラスを付与したpタグが閉じられ、新しくpタグが追加されてしまっています。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/acf-19022106.png" alt="" width="700" height="364" class="alignnone size-full wp-image-9579"></p>
<h2>意図しないpタグの原因</h2>
<p>カスタムフィールドを取得する関数「get_field」（表示はthe_field）には3つの引数があり、そのうちの1つが自動整形を担当し、デフォルトでは有効になっています。<br />
これが意図しないpタグのクローズと追加の原因です。</p>
<h3>「get_field」関数の引数</h3>
<p>[code]get_field($selector, [$post_id], [$format_value]);[/code]<br />
$selectorはフィールド名です。必須の引数です。<br />
$post_idは投稿IDです。デフォルトでは現在の記事を取得するので、空白またはfalseで問題ありません。<br />
投稿ID123の「text_field」を取得する場合は下記のように書きます。<br />
[code]$value = get_field( &quot;text_field&quot;, 123 );[/code]<br />
$format_valueがコードの整形に関する引数で、デフォルトではtrueになっています。これが整形の原因です。</p>
<p>参考:<a href="https://www.advancedcustomfields.com/resources/get_field/" rel="noopener" target="_blank">公式ドキュメント</a></p>
<p>それでは上記を踏まえ、引数の2番目と3番目を「false」にしてコードを修正してみます。<br />
[code]<br />
&amp;lt;?<br />
$wysiwyg = get_field( &#8216;wysiwyg_test&#8217;,false,false );//wysiwyg_testはフィールド名<br />
if ( $wysiwyg ) {<br />
echo &#8216;&amp;lt;p class=&quot;font-weight-bold text-danger&quot;&amp;gt;&#8217; . $wysiwyg . &#8216;&amp;lt;/p&amp;gt;&#8217;;//pタグで囲みクラスを追加<br />
}<br />
?&amp;gt;<br />
[/code]</p>
<p>結果を確認します。<br />
意図したとおり、クラスを付与したpタグで囲まれ、文字も装飾されました。<br />
しかし、整形機能をオフにしたことで、今度は改行が無視されてしまいました。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/acf-19022107.png" alt="" width="700" height="354" class="alignnone size-full wp-image-9580"></p>
<h2>改行を反映させる</h2>
<p>改行を反映させるには、PHPの関数「nl2br」を使います。<br />
参考:<a href="http://php.net/manual/ja/function.nl2br.php" rel="noopener" target="_blank">公式ドキュメント</a><br />
この関数は、テキストの改行文字(\r\n、 \n\r、\n および \r) の前に<br />
を付与して文字列を返します。<br />
基本的は使い方は下記の通りです。<br />
[code]echo nl2br(&#8216;改行入りの文字列&#8217;);[/code]</p>
<p>「nl2br」を利用してコードを修正してみます。<br />
[code]<br />
&amp;lt;?<br />
$wysiwyg = get_field( &#8216;wysiwyg_test&#8217;,false,false );//wysiwyg_testはフィールド名<br />
if ( $wysiwyg ) {<br />
echo nl2br(&#8216;&amp;lt;p class=&quot;font-weight-bold text-danger&quot;&amp;gt;&#8217; . $wysiwyg . &#8216;&amp;lt;/p&amp;gt;&#8217;) ;//pタグで囲みクラスを追加<br />
}<br />
?&amp;gt;<br />
[/code]</p>
<p>確認します。<br />
無事改行が反映されました。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/acf-19022108.png" alt="" width="700" height="452" class="alignnone size-full wp-image-9581"></p>
<p>投稿 <a href="https://www.doghands.com/advanced-custom-fields%e3%81%ae%e3%80%8cwysiwyg-%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%80%8d%e3%81%ae%e5%87%ba%e5%8a%9b%e3%81%a7%e6%8c%bf%e5%85%a5%e3%81%95%e3%82%8c%e3%82%8bp%e3%82%bf/">Advanced Custom Fieldsの「Wysiwyg エディター」の出力で挿入されるpタグを除去する</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">9565</post-id>	</item>
	</channel>
</rss>
