<?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>作業効率化 &#8211; Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</title>
	<atom:link href="https://samurai-web-works.com/info/tag/%E4%BD%9C%E6%A5%AD%E5%8A%B9%E7%8E%87%E5%8C%96/feed/" rel="self" type="application/rss+xml" />
	<link>https://samurai-web-works.com/info</link>
	<description></description>
	<lastBuildDate>Fri, 20 Oct 2017 19:34:14 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.2.17</generator>
	<item>
		<title>WordPress 内で直接コードを編集できるプラグイン WP Editor</title>
		<link>https://samurai-web-works.com/info/wordpress/wp-editor-plugin/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wp-editor-plugin</link>
				<comments>https://samurai-web-works.com/info/wordpress/wp-editor-plugin/#respond</comments>
				<pubDate>Fri, 20 Oct 2017 19:34:14 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[コーディング]]></category>
		<category><![CDATA[作業効率化]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=276</guid>
				<description><![CDATA[<p>WordPress 使っていると、テーマファイルの編集、PHP や CSS を触る機会があると思います。小さな [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/wordpress/wp-editor-plugin/">WordPress 内で直接コードを編集できるプラグイン WP Editor</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wp-editor-top.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wp-editor-top.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-287" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wp-editor-top.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wp-editor-top-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB50">WordPress 使っていると、テーマファイルの編集、PHP や CSS を触る機会があると思います。小さな変更がある際、わざわざ FTP 接続してからファイルをダウンロードするしなければならない事もあると思います。しかし、このプラグイン WP Editor を使う事により、WordPress 管理画面内から、コーディングのソフト (Dreamweaver, Brackets 等) で編集するのと近い感じでコーディングが可能です。ここまでは従来のプラグインでも出来た内容ですが、このプラグインのすぐい所は、投稿やページ内でのテキスト編集でも同じ様な機能で使える事、要は、WordPress のページ編集がそのまま行えてしまう点だと思います。もちろん、プラグインの編集も同じ様に行えます。</p>

<h2 class="text_red">導入方法</h2>
<p class="mB20">まずはプラグインをダウンロード、有効化した後、ダッシュボードの左下の方に WP Editor のタブが出来ているのが確認できます。そちらをクリック後、以下の画面が表示されるのでプラグインの設定が可能です。<br>
基本インストール後、テーマファイル、プラグイン、投稿でが有効になるはずです。ここで細かい設定ですが、以下のオプション (Post Editor) で Editor Theme があると思いますが、こちらは好みに応じて変更してみて下さい。筆者は、背景が暗めのEditorが好きなので、&#8221;Ruby Blue&#8221; を選択してみました。その他は Editor Height (この Editor の高さの設定です。) デフォルトだと 450px でこれだと少し高さが足りない印象があります。600px 位に設定するのがベストです。</p>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-setting.jpg" data-rel="lightbox-image-1" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-setting.jpg" alt="" width="751" height="1450" class="alignnone size-full wp-image-281" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-setting.jpg 751w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-setting-155x300.jpg 155w" sizes="(max-width: 751px) 100vw, 751px" /></a>
<p class="mB20">その後は、Theme Editor, Plugin Editor も同じ様に設定すれば、結構だと思います。Editor Theme は豊富な種類があるので、好みに応じて変更してみて下さい。</p>
<h3>プラグイン導入後</h3>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view.jpg" data-rel="lightbox-image-2" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view.jpg" alt="" width="900" height="449" class="alignnone size-full wp-image-284" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view.jpg 900w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view-300x150.jpg 300w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view-768x383.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></a>
<p class="mB20">上記の様に、投稿のコードビューが、コーディングソフトの様な画面になりましたね。デザイナーや開発者でコードビューを使っておられる方は大分作業もはかどると思います。<br>*サーバーの環境によっては、このプラグインが上手く作動しない事もありますので、ご注意下さい。</p>

<p class="f18 mB20 bold"><a href="https://wordpress.org/plugins/wp-editor/" target="_blank">プラグイン配布元</a></p>
</div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/wordpress/wp-editor-plugin/">WordPress 内で直接コードを編集できるプラグイン WP Editor</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/wordpress/wp-editor-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
	</channel>
</rss>
