<?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>webサイトは利用者の為 | Webサイトに必要なことと道具</title>
	<atom:link href="https://xn--ecka7j.biz/tag/for-user/feed/" rel="self" type="application/rss+xml" />
	<link>https://xn--ecka7j.biz</link>
	<description>セキュリティ対策、最適化、ツール、工作</description>
	<lastBuildDate>Thu, 09 Apr 2026 01:09:27 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://xn--ecka7j.biz/wp-content/uploads/2020/02/cropped-ogt-512-512-024-068-32x32.png</url>
	<title>webサイトは利用者の為 | Webサイトに必要なことと道具</title>
	<link>https://xn--ecka7j.biz</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPress 6.9.2〜6.9.4 異例の連続リリース、その裏で何が起きていたのか</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/13835/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Mon, 16 Mar 2026 07:14:14 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[webサイトは利用者の為]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[WordPressテーマ]]></category>
		<category><![CDATA[WordPress対策]]></category>
		<category><![CDATA[サイト運営]]></category>
		<category><![CDATA[運用時]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=13835</guid>

					<description><![CDATA[WordPress 6.9.2〜6.9.4 がわずか48時間で連続リリースされた理由を徹底解説。セキュリティ修正、テーマ衝突、未適用パッチなど、異例のアップデートの裏側を分かりやすくまとめました。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>わずか48時間で3回更新された理由を徹底解説</strong></p>



<p class="wp-block-paragraph">2026年3月、WordPress コミュニティに小さくない衝撃が走りました。<br><strong>6.9.2 </strong><strong>→</strong><strong> 6.9.3 </strong><strong>→</strong><strong> 6.9.4</strong> と、わずか 48 時間の間に 3 回のマイナーアップデートが連続リリースされたのです。</p>



<p class="wp-block-paragraph">「自動更新が続いて怖かった」「何が起きていたの？」<br>そんな声が世界中で上がりました。</p>



<p class="wp-block-paragraph">この記事では、<strong>この異例の連続リリースの背景</strong>を、一般ユーザーにも分かりやすく整理して解説します。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-1" checked><label class="toc-title" for="toc-checkbox-1">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">第1章：6.9.2（3/10）— 大規模なセキュリティ修正が一気に投入された日</a></li><li><a href="#toc2" tabindex="0">第2章：6.9.3（3/10）— 6.9.2 適用後に一部サイトが“真っ白”に</a></li><li><a href="#toc3" tabindex="0">第3章：6.9.4（3/11）— セキュリティ修正の“未適用”が発覚し、再修正へ</a></li><li><a href="#toc4" tabindex="0">まとめ：なぜこんな異常事態になったのか？</a></li><li><a href="#toc5" tabindex="0">Cocoon ユーザー（あなたの読者）へのアドバイス</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">第1章：6.9.2（3/10）— 大規模なセキュリティ修正が一気に投入された日</span></h2>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" width="704" height="273" src="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.2.png" alt="WordPress" class="wp-image-13831" style="width:534px;height:auto" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.2.png 704w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.2-500x194.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.2-300x116.png 300w" sizes="(max-width: 704px) 100vw, 704px" /><figcaption class="wp-element-caption">WordPress 6.2</figcaption></figure>



<p class="wp-block-paragraph">6.9.2 は、<strong>合計10件の重要な脆弱性を修正するセキュリティアップデート</strong>でした。</p>



<p class="wp-block-paragraph"><strong>&#x1f510;</strong><strong> </strong><strong>修正された主な脆弱性</strong></p>



<ul class="wp-block-list">
<li>XSS（クロスサイトスクリプティング）</li>



<li>権限昇格の可能性</li>



<li>PclZip のパストラバーサル</li>



<li>Notes 機能の権限バイパス</li>



<li>getID3 ライブラリの XXE（XML 外部実体参照）</li>
</ul>



<p class="wp-block-paragraph">いずれも放置すれば攻撃に悪用される可能性があるため、<br><strong>WordPress </strong><strong>チームは迅速にパッチを公開</strong>しました。</p>



<p class="wp-block-paragraph">しかし、このスピードが後の混乱につながります。</p>



<h2 class="wp-block-heading"><span id="toc2">第2章：6.9.3（3/10）— 6.9.2 適用後に一部サイトが“真っ白”に</span></h2>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="704" height="243" src="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.3.png" alt="WordPress" class="wp-image-13833" style="width:548px;height:auto" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.3.png 704w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.3-500x173.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.3-300x104.png 300w" sizes="(max-width: 704px) 100vw, 704px" /><figcaption class="wp-element-caption">WordPress 6.3</figcaption></figure>



<p class="wp-block-paragraph">6.9.2 を適用した直後、世界中のユーザーから次々と報告が上がりました。</p>



<p class="wp-block-paragraph"><strong>&#x2757;</strong><strong> 典型的な症状</strong></p>



<ul class="wp-block-list">
<li>サイトが真っ白になる（Fatal error）</li>



<li>管理画面にアクセスできない</li>



<li>特定テーマのテンプレート読み込みでエラー発生</li>
</ul>



<p class="wp-block-paragraph">原因は、<br><strong>一部テーマの非標準テンプレート処理と WordPress コアの変更が衝突したこと</strong>。</p>



<p class="wp-block-paragraph">WordPress.org は 6.9.2 を一時撤回し、<br><strong>緊急修正版として 6.9.3 を数時間以内にリリース</strong>しました。</p>



<h2 class="wp-block-heading"><span id="toc3">第3章：6.9.4（3/11）— セキュリティ修正の“未適用”が発覚し、再修正へ</span></h2>



<figure class="wp-block-image size-full"><img decoding="async" width="704" height="224" src="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.4.png" alt="WordPress" class="wp-image-13834" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.4.png 704w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.4-500x159.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.4-300x95.png 300w" sizes="(max-width: 704px) 100vw, 704px" /><figcaption class="wp-element-caption">WordPress 6.4</figcaption></figure>



<p class="wp-block-paragraph">6.9.3 でクラッシュ問題は解決しましたが、<br>WordPress セキュリティチームが調査を進める中で、<br><strong>6.9.2 </strong><strong>で修正したはずの脆弱性の一部が実は適用されていなかった</strong>ことが判明。</p>



<p class="wp-block-paragraph"><strong>&#x1f50d;</strong><strong> </strong><strong>未適用だった修正</strong></p>



<ul class="wp-block-list">
<li>PclZip のパストラバーサル</li>



<li>Notes 機能の権限バイパス</li>



<li>getID3 の XXE</li>
</ul>



<p class="wp-block-paragraph">これらはセキュリティ上重要な修正であるため、<br>翌日 <strong>6.9.4 として完全版パッチがリリース</strong>されました。</p>



<h2 class="wp-block-heading"><span id="toc4">まとめ：なぜこんな異常事態になったのか？</span></h2>



<p class="wp-block-paragraph"><strong>&#x1f7e6;</strong><strong> </strong><strong>原因1：修正規模が大きすぎた</strong></p>



<p class="wp-block-paragraph">10件の脆弱性を一度に修正する大規模パッチだった。</p>



<p class="wp-block-paragraph"><strong>&#x1f7e5;</strong><strong> </strong><strong>原因2：テーマ側の非標準コードとの衝突</strong></p>



<p class="wp-block-paragraph">6.9.2 の変更が一部テーマと噛み合わず、サイトがクラッシュ。</p>



<p class="wp-block-paragraph"><strong>&#x1f7e8;</strong><strong> </strong><strong>原因3：セキュリティ修正の一部が未適用</strong></p>



<p class="wp-block-paragraph">内部 QA の見落としにより、修正が完全に反映されていなかった。</p>



<h2 class="wp-block-heading"><span id="toc5">Cocoon ユーザー（あなたの読者）へのアドバイス</span></h2>



<ul class="wp-block-list">
<li>Cocoon は標準準拠なので影響は比較的軽微</li>



<li><strong>6.9.4 </strong><strong>に更新しておけば安全性は確保される</strong></li>



<li>今回の件は「WordPress の裏側」を知る良い機会</li>



<li>ブログ運営者は自動更新のログを確認しておくと安心</li>
</ul>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Color Palette Explorer: あなただけの特別な色を作ろう・見つけよう！</title>
		<link>https://xn--ecka7j.biz/site-operation/design/11979/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Sun, 25 May 2025 12:14:47 +0000</pubDate>
				<category><![CDATA[css ：デザイン]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[webサイトは利用者の為]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=11979</guid>

					<description><![CDATA[ウェブデザイン、イラスト、その他あらゆる創作活動に。直感的な操作で、あなたのイメージにぴったりの色を簡単に見つけられるカラーピッカーです。 さあ、「Color Palette Explorer」で、あなたの感性を彩る色を [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>ウェブデザイン、イラスト、その他あらゆる創作活動に。直感的な操作で、あなたのイメージにぴったりの色を簡単に見つけられるカラーピッカーです。</strong></p>



<p class="wp-block-paragraph">さあ、「<strong>Color Palette Explorer</strong>」で、あなたの感性を彩る色を探してみませんか？ 複雑な操作は不要です。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-3" checked><label class="toc-title" for="toc-checkbox-3">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">ご紹介する機能</a></li><li><a href="#toc2" tabindex="0">Color Palette Explorer</a><ul><li><a href="#toc3" tabindex="0">カラーピッカー</a></li><li><a href="#toc4" tabindex="0">カラーパレット</a></li><li><a href="#toc5" tabindex="0">選択された色</a></li><li><a href="#toc6" tabindex="0">カラー情報</a></li><li><a href="#toc7" tabindex="0">関連記事</a></li></ul></li><li><a href="#toc8" tabindex="0">編集後記(備忘録)</a><ul><li><a href="#toc9" tabindex="0">顛末記</a></li></ul></li><li><a href="#toc10" tabindex="0">変更履歴</a><ul><li><a href="#toc11" tabindex="0">もえぎいろ と 抹茶色</a></li><li><a href="#toc12" tabindex="0">空色 と 水色</a></li><li><a href="#toc13" tabindex="0">同色・異名、異色・同コードの確認方法</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">ご紹介する機能</span></h2>



<p class="wp-block-paragraph">1.&nbsp; <strong>RGB</strong><strong>を直感的にコントロール:</strong></p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * 画面上のつまみをスライドさせるだけで、赤(Red)、緑(Green)、青(Blue)の各要素を細かく調整できます。</p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * <strong>数値の</strong>隣のボタンを直接クリックして、<strong>数を</strong>増減させることも可能です。</p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * もちろん、RGBの数値を直接入力して、ピンポイントで色を指定することもできます。</p>



<p class="wp-block-paragraph">　　…ブラウザにより見た目が違いますが、機能は同じです。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="140" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-800x140.png" alt="Color Palette Explorer-RGB" class="wp-image-11978" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-800x140.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-500x87.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-300x52.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-768x134.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145.png 830w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Color Palette Explorer-RGB</figcaption></figure>



<p class="wp-block-paragraph">2.&nbsp; <strong>カラーパレットからダイレクトに選択:</strong></p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * もし迷ったら、広大なカラーパレットをマウスでクリックしてみてください。きっと、あなたの求める色が見つかるはずです。</p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * クリックするたびに、「選択された色」のプレビューがリアルタイムに変化します。納得いくまで、何度でもお試しください。</p>



<p class="wp-block-paragraph">　　･･･まれに、カラーパレットとスライダーの色が一致しない（カラーパレットの外周部位置）場合がありますが、ご心配なく！(生成されるTabele構造での値は正常値です。)</p>



<p class="wp-block-paragraph">3.&nbsp; <strong>色の情報を詳細に表示:</strong></p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * 選択した色の情報は、「カラー情報」として瞬時に表示されます。</p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * 16進数形式（例：#FF0000）とRGB形式（例：rgb(255, 0, 0)）の両方で、色のコードを確認できます。</p>



<p class="wp-block-paragraph">4. <strong>&nbsp;</strong><strong>伝統色名もチェック:</strong></p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * あらかじめ登録された豊富な日本の伝統色（和色）と、その英名が表示されます。もし、あなたの選んだ色がこれらの伝統色と合致すれば、美しい色名を知ることができます。</p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * 和名が「不明」、英名が「Unknown」と表示された場合でもご心配なく。その色の系統（例：～色系）を入力<strong>できるので</strong>メモ代わりに残しておけます。</p>



<p class="wp-block-paragraph">5.&nbsp; <strong>HTML</strong><strong>テーブル形式で保存:</strong></p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * <strong>「クリップボードにコピー」</strong>ボタンをワンクリックするだけで、選択した色の情報がHTMLのTable形式でクリップボードに保存されます。</p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp; * 簡単にあなたのウェブページやドキュメントに貼り付けることができます。</p>



<p class="wp-block-paragraph">さらに、もし伝統色の名前について詳しく知りたくなったら、<strong>私が運営しているウェブページ</strong>「 [<a href="https://xn--ecka7j.biz/site-operation/design/11851/">和色パレット：日本の伝統色をRGBで探す｜色名・読み・コードで、1字でも簡単検索</a>]<strong>( <a href="https://xn--ecka7j.biz/site-operation/design/11851/">https://xn--ecka7j.biz/site-operation/design/11851/</a> ) 」</strong>で、後からじっくりと調べ<strong>て</strong>、Table上の「Unknown」な色名を修正したりすることも可能です。</p>



<p class="wp-block-paragraph">さあ、「Color Palette Explorer」で、あなただけの特別な色を見つけて、あなたの創作活動をより豊かなものにしませんか？</p>



<h2 class="wp-block-heading"><span id="toc2">Color Palette Explorer</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">色の選択は、以下の３つの方法でできます。<br>①：RGBの各<span class="bold">スライダを動かし</span>て選択<br>②：RGBの各<span class="bold">数字の入力</span>で選択<br>③：カラーパレット上で十字<span class="bold">カーソル操作</span>での選択</p>
</div>



<div class="container_7">
    <h3><span id="toc3">カラーピッカー</span></h3>
    <div class="controls">
        <div class="slider-group">
            <label for="redSlider"><span style="color: red; font-weight: bolder;">赤(R)</span>:</label>
            <input type="range" id="redSlider" min="0" max="255" value="255">
            <input type="number" id="redInput" min="0" max="255" value="255">
        </div>
        <div class="slider-group">
            <label for="greenSlider"><span style="color: green; font-weight: bolder;">緑 (G)</span>:</label>
            <input type="range" id="greenSlider" min="0" max="255" value="255">
            <input type="number" id="greenInput" min="0" max="255" value="255">
        </div>
        <div class="slider-group">
            <label for="blueSlider"><span style="color: blue; font-weight: bolder;">青 (B)</span>:</label>
            <input type="range" id="blueSlider" min="0" max="255" value="255">
            <input type="number" id="blueInput" min="0" max="255" value="255">
        </div>
    </div>

    <h3><span id="toc4">カラーパレット</span></h3>
    <div id="color-palette-container"><!-- カラーパレット コンテナ --> 
        <canvas id="color-palette"></canvas><!-- カラーパレット -->
        <div id="palette-cursor"></div><!-- カラーパレット カーソル -->
    </div>

    <h3><span id="toc5">選択された色</span></h3>
    <div id="color-preview"></div>

    <h3><span id="toc6">カラー情報</span></h3>
    <div class="scrollable-table stfc-sticky"><table id="color-info-table">
        <thead>
            <tr>
                <th>情報</th>
                <th>値</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>16進数</th>
                <td id="hex-value">#FFFFFF</td>
            </tr>
            <tr>
                <th>RGB</th>
                <td id="rgb-value">rgb(255, 255, 255)</td>
            </tr>
            <tr>
                <th>和名</th>
                <td id="japanese-name" contenteditable="true">白</td><!--td id="japanese-name">白</td-->
            </tr>
            <tr>
                <th>英名</th>
                <td id="english-name" contenteditable="true">White</td><!--td id="english-name">White</td-->
            </tr>
        </tbody>
    </table></div>

    <button id="copy-button">クリップボードにコピー</button>
</div>



<h3 class="wp-block-heading"><span id="toc7">関連記事</span></h3>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://xn--ecka7j.biz/site-operation/design/11851/" title="和色パレット：日本の伝統色を探す｜色名・読み・コードで、1文字でも簡単検索 Sortも系・色名・読み・コード・RGBで" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">和色パレット：日本の伝統色を探す｜色名・読み・コードで、1文字でも簡単検索 Sortも系・色名・読み・コード・RGBで</div><div class="blogcard-snippet internal-blogcard-snippet">並び替え機能、文字列検索の機能を追加しました。日本の豊かな色彩文化を凝縮。古来より愛されてきた繊細な和色の数々を、1文字の入力でも簡単に探し出せます。「あの時、心惹かれた色はなんという名前だろう？」「このイメージにぴったりの日本の伝統色を見...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.05.15</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc8">編集後記(備忘録)</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">カスタムHTMLブロックに書いたScriptの一部が文字化けして動作しなかったので、一時的に「工事中」として、公開し「Gemini」に対応策を聞いていた。<br><br><span class="marker-under">その間に、代替案を探し何とか正式に公開できた。</span></p>



<p class="wp-block-paragraph"><span class="bold">問題は、LocalのPC開発環境では問題なく動作したScriptが、なぜ１行だけ文字化けしたのか（文字化けの根本的な原因は不明）だが、</span><br>　この顛末は、後で別の記事として詳しく公開したい。<br>代替案は２つ考えてあったが、２番目の案は実行するScript自体が（この記事でしか使用しないもので）汎用的なものではないため２番目の案としたもの。<br>何とか、最初の代替案で解決（文字化けの原因は不明ではあるが）できたので良しとした。<br>　解決策は、編集画面下部に「<span class="bold">カスタムJavaScript</span>」という<span class="bold">テキストボックス</span>があり、<strong>カスタムJavaScript</strong>欄に<span class="bold">カスタムHTMLブロック</span>から<span class="bold">Scriptを移動</span>させ、<span class="bold">「カスタムHTMLブロック」を削除</span>して更新した。</p>
</div>



<h3 class="wp-block-heading"><span id="toc9">顛末記</span></h3>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">この記事の顛末の続きは、以下のブログカードのクリックからご覧いただけます。16,409文字の読み応えのあるものになっています。よろしければご覧いただけます。</p>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/12001/" title="ハマった！Webサイト公開直前の落とし穴 - Geminiと挑んだ原因不明エラー解決記" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ハマった！Webサイト公開直前の落とし穴 - Geminiと挑んだ原因不明エラー解決記</div><div class="blogcard-snippet internal-blogcard-snippet">Webサイト公開直前に遭遇した、原因不明のConsoleエラーとの壮絶な格闘記。頼れるはずの生成AI「Gemini」に助けを求めるも、その道のりは困難の連続。最終的に問題解決へと導いたのは、意外な場所へのコード移動というアナログな方法だった。AIの可能性と限界、そしてWeb開発における予期せぬトラブルの面白さを描いた、エンジニア必読の顛末。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.05.28</div></div></div></div></a>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="624" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-800x624.jpg" alt="Color_Palette_Explorer" class="wp-image-12000" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-800x624.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-500x390.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-300x234.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-768x599.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer.jpg 1301w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Color Palette Explorer</figcaption></figure>



<h2 class="wp-block-heading"><span id="toc10">変更履歴</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">2025/08/19:<br>和色（日本の伝統色）を、.jsデータに追加<br>和色を表す場合に限り、英名部分を「読み方」に設定。<br>和色を詳しくお知りになりたい場合は、以下のブログカードのクリックでご覧いただけます。（カラーピッカー上での操作についても追記しました。）</p>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://xn--ecka7j.biz/site-operation/design/11278/" title="心を彩る、和色とカラーコードの調べ - あなただけの色彩パレット" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2025/01/wa-shoku-1280-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/01/wa-shoku-1280-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/01/wa-shoku-1280-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/01/wa-shoku-1280-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">心を彩る、和色とカラーコードの調べ - あなただけの色彩パレット</div><div class="blogcard-snippet internal-blogcard-snippet">Webサイトやブログで「もう少しだけ、この色を添えたい」と思ったことはありませんか？微妙なニュアンスを表現できるグラデーションカラーは、デザインの可能性を無限に広げてくれます。しかし、色の選択は時に迷路のよう。例えば、同じカラーコード #00FFFFでも、※．アクア 「 Aqua」や、シアン 「 Cyan」といった異なる呼び名が存在します。また、「Medium spring green」のように、同じ名前でも※．「 Medium_springgreen　」#00FA9A：（薄い緑系）と、※．「 Medium_Spring_Green」#348017：（濃い緑系）のように、カラーコードが異なる場合もあります。日本の伝統色である和色は、その繊細な色合いと美しい名称で、私たちの心を魅了します。※．「濃紺」：「 のうこん」#1F2F54で「 Navy blue」とも呼ばれますが、※．「 Navy」または、「 Navy blue」でも #000080という別の色も存在します。瑠璃紺：※． るりこん：#19448E　と、紺瑠璃：※． こんるり：#213380のように、似たような名前でもわずかに異なる色合いを持つ和色は、日本文化の奥深さを感じさせます。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.01.19</div></div></div></div></a>
</div>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">和色には、同じ読みで異なる色合い<br>雪白（せっぱく）：rgb(248,248,255) or rgb(255,250,250) や、<br>同じ表示で、紅（くれない）:rgb(215,0,58) 、紅（べに）: rgb(207,53,73)の様に、日本の機微を表す様々な色合いが存在します。<br>群青（ぐんじょう）では、rgb(0,91,170),rgb(76,108,179),rgb(65,105,225),rgb(30,58,138),の様に４色もの色合いが存在します。</p>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="793" height="594" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro.png" alt="群青" class="wp-image-12577" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro.png 793w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro-500x375.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro-300x225.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro-768x575.png 768w" sizes="(max-width: 793px) 100vw, 793px" /><figcaption class="wp-element-caption">群青色</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc11">もえぎいろ と 抹茶色</span></h3>



<p class="wp-block-paragraph">もえぎいろ と 抹茶色 は  同じような色合いです。<br><span class="bold">もえぎ</span>には、萌<span class="bold">黄</span>、萌<span class="bold">木</span>、萌<span class="bold">葱</span>と３つの異なる（黄・木・葱）で表し、<span class="bold">萌葱色</span>の<span class="bold">#adb367</span>と<span class="bold">抹茶色</span>の<span class="bold">#adb367</span>は、<span class="marker-under">同コード色名違いで同色</span>です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="792" height="927" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro.png" alt="もえぎいろ" class="wp-image-12596" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro.png 792w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro-500x585.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro-300x351.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro-768x899.png 768w" sizes="(max-width: 792px) 100vw, 792px" /><figcaption class="wp-element-caption">抹茶色　と　もえぎいろ　</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="804" height="1001" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo.png" alt="抹茶色" class="wp-image-12595" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo.png 804w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo-500x623.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo-800x996.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo-300x374.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo-768x956.png 768w" sizes="(max-width: 804px) 100vw, 804px" /><figcaption class="wp-element-caption">抹茶色　と　もえぎいろ</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc12">空色 と 水色</span></h3>



<p class="wp-block-paragraph">空色と水色にも、<span class="marker-under">同コード別名が存在</span>します。（<span class="bold">#87ceeb</span>）</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="791" height="348" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo.png" alt="そらいろ" class="wp-image-12594" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo.png 791w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo-500x220.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo-300x132.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo-768x338.png 768w" sizes="(max-width: 791px) 100vw, 791px" /><figcaption class="wp-element-caption">そらいろ　と　みずいろ</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="788" height="550" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro.png" alt="みずいろ" class="wp-image-12593" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro.png 788w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro-500x349.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro-300x209.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro-768x536.png 768w" sizes="(max-width: 788px) 100vw, 788px" /><figcaption class="wp-element-caption">そらいろ　と　みずいろ　</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc13">同色・異名、異色・同コードの確認方法</span></h3>



<p class="wp-block-paragraph">次のブログカードのクリックから、コード（#16進またはRGB）で並び替えたり、読み方で並び替えた後に、読み方で検索すると、それぞれの色を見分けたり、異名。同コードの和色（わしょく・わいろ：日本の伝統色の機微）を確認したりできます。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://xn--ecka7j.biz/site-operation/design/11851/" title="和色パレット：日本の伝統色を探す｜色名・読み・コードで、1文字でも簡単検索 Sortも系・色名・読み・コード・RGBで" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">和色パレット：日本の伝統色を探す｜色名・読み・コードで、1文字でも簡単検索 Sortも系・色名・読み・コード・RGBで</div><div class="blogcard-snippet internal-blogcard-snippet">並び替え機能、文字列検索の機能を追加しました。日本の豊かな色彩文化を凝縮。古来より愛されてきた繊細な和色の数々を、1文字の入力でも簡単に探し出せます。「あの時、心惹かれた色はなんという名前だろう？」「このイメージにぴったりの日本の伝統色を見...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.05.15</div></div></div></div></a>
</div>



<div class="wp-block-group is-style-comment-box is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">2025/08/18:<br>サイトの機能の要約（より明確に）を表すために、<br>アイキャッチを、.webmまたは、 .mp4での表示に変更。<br>.webmで表示されるか、 .mp4で表示されるかは、ブラウザで決まります。</p>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress 6.6 Majer Release</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/9918/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Wed, 17 Jul 2024 03:59:21 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[webサイトは利用者の為]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[WordPress対策]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[バージョンアップ]]></category>
		<category><![CDATA[ホームページ制作]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=9918</guid>

					<description><![CDATA[より良いウェブの約束を果たすため、サイト構築体験にスタイルや繊細さ、創造的な可能性のスイートをお届け。 このバージョンでは、より多くのことをより簡単に行えるよう、強化したツールが手元に配置され、裏側ではこれまでにないパワ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">より良いウェブの約束を果たすため、サイト構築体験にスタイルや繊細さ、創造的な可能性のスイートをお届け。</p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">このバージョンでは、より多くのことをより簡単に行えるよう、強化したツールが手元に配置され、裏側ではこれまでにないパワーが提供されます。サイト全体で美しく、一貫性のあるデザイン要素を作成するための多くの方法、サイトエディターでのクイックページプレビューのための新しいレイアウト、プラグインの自動更新に失敗した場合の自動ロールバックの安全性、その他多くのハイライトがあります。</p>
</div>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-5" checked><label class="toc-title" for="toc-checkbox-5">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">ハイライト</a><ul><li><a href="#toc2" tabindex="0">ブロックテーマにさらなるデザインオプション</a></li><li><a href="#toc3" tabindex="0">サイトエディタで新ページレイアウトによるワークフローの簡素化</a></li><li><a href="#toc4" tabindex="0">安心のプラグイン自動更新</a></li><li><a href="#toc5" tabindex="0">同期パターンのコンテンツのカスタマイズ</a></li><li><a href="#toc6" tabindex="0">パフォーマンス</a></li><li><a href="#toc7" tabindex="0">アクセシビリティ</a></li></ul></li><li><a href="#toc8" tabindex="0">WordPress 6.6 の新機能</a><ul><li><a href="#toc9" tabindex="0">デザインとレイアウト</a></li><li><a href="#toc10" tabindex="0">パブリッシングと編集</a></li><li><a href="#toc11" tabindex="0">開発者向け</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">ハイライト</span></h2>



<h3 class="wp-block-heading"><span id="toc2">ブロックテーマにさらなるデザインオプション</span></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="510" height="503" src="https://xn--ecka7j.biz/wp-content/uploads/2024/07/01_Color-palettes-font-sets.jpg" alt="WordPress" class="wp-image-9914" srcset="https://xn--ecka7j.biz/wp-content/uploads/2024/07/01_Color-palettes-font-sets.jpg 510w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/01_Color-palettes-font-sets-500x493.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/01_Color-palettes-font-sets-300x296.jpg 300w" sizes="(max-width: 510px) 100vw, 510px" /><figcaption class="wp-element-caption">Color palettes &amp; font sets</figcaption></figure>



<ul class="wp-block-list">
<li>カラーやフォントのセットを作成して、1つのテーマでデザインの組み合わせを増やすことができます。デザインの可能性を広げ、サイトの幅広いスタイルガイドラインの中で視覚的な多様性を可能にします。</li>
</ul>



<figure class="wp-block-video"><video controls src="https://wordpress.org/files/2024/07/6-6-color-and-typography.mp4"></video></figure>



<h3 class="wp-block-heading"><span id="toc3">サイトエディタで新ページレイアウトによるワークフローの簡素化</span></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="507" height="504" src="https://xn--ecka7j.biz/wp-content/uploads/2024/07/02_Quick-previews-for-pages.jpg" alt="WordPress" class="wp-image-9915" srcset="https://xn--ecka7j.biz/wp-content/uploads/2024/07/02_Quick-previews-for-pages.jpg 507w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/02_Quick-previews-for-pages-500x497.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/02_Quick-previews-for-pages-300x298.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/02_Quick-previews-for-pages-150x150.jpg 150w" sizes="(max-width: 507px) 100vw, 507px" /><figcaption class="wp-element-caption">Quick previews for pages</figcaption></figure>



<ul class="wp-block-list">
<li>サイトエディターの新しいサイドバイサイドレイアウトで、すべてのページと、選択したページのプレビューを確認できます。</li>
</ul>



<figure class="wp-block-video"><video controls src="https://wordpress.org/files/2024/07/6-6-quick-previews.mp4"></video></figure>



<h3 class="wp-block-heading"><span id="toc4">安心のプラグイン自動更新</span></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="510" height="507" src="https://xn--ecka7j.biz/wp-content/uploads/2024/07/03_Rollbacks-for-plugin-auto-updates.jpg" alt="WordPress" class="wp-image-9916" srcset="https://xn--ecka7j.biz/wp-content/uploads/2024/07/03_Rollbacks-for-plugin-auto-updates.jpg 510w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/03_Rollbacks-for-plugin-auto-updates-500x497.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/03_Rollbacks-for-plugin-auto-updates-300x298.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/03_Rollbacks-for-plugin-auto-updates-150x150.jpg 150w" sizes="(max-width: 510px) 100vw, 510px" /><figcaption class="wp-element-caption">Rollbacks for plugin auto-updates</figcaption></figure>



<ul class="wp-block-list">
<li>プラグインの自動更新の利便性と、何か問題が発生した際のロールバックの安心感を同時に享受できます。サイトに新しいレベルのセキュリティを確保しつつ、利用可能になるたびに機能は拡張されます。その実現には時間も帯域幅もほとんど必要ありません。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc5">同期パターンのコンテンツのカスタマイズ</span></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="508" height="503" src="https://xn--ecka7j.biz/wp-content/uploads/2024/07/04_Overrides.jpg" alt="WordPress" class="wp-image-9917" srcset="https://xn--ecka7j.biz/wp-content/uploads/2024/07/04_Overrides.jpg 508w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/04_Overrides-500x495.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/04_Overrides-300x297.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2024/07/04_Overrides-150x150.jpg 150w" sizes="(max-width: 508px) 100vw, 508px" /><figcaption class="wp-element-caption">Overrides</figcaption></figure>



<ul class="wp-block-list">
<li>全体で一貫したスタイルを維持しながら、同期パターンの各インスタンスでコンテンツを変更できます。コンテンツの上書きは、同期パターン内の見出し、段落、ボタン、画像ブロックに対して設定できます。</li>
</ul>



<figure class="wp-block-video"><video controls src="https://wordpress.org/files/2024/07/6-6-overrides.mp4"></video></figure>



<h3 class="wp-block-heading"><span id="toc6">パフォーマンス</span></h3>



<ul class="wp-block-list">
<li>WordPress 6.6では、冗長な WP_Theme_JSON 呼び出しの削除、大きなオプションの自動ロードの無効化、不要な polyfill 依存の削除など、重要な更新が行われました。その他のハイライトには、投稿の埋め込みの遅延読み込み、新しい data-wp-on-async ディレクティブ、エディター内のテンプレートの読み込み全体で約35%の速度向上、などがあります。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc7">アクセシビリティ</span></h3>



<ul class="wp-block-list">
<li>このリリースにはアクセシビリティに関する58件の修正と機能強化が含まれています。これらは WordPress 体験の根本部分に焦点を当てており、特に新しいサイト編集体験を提供するデータビューコンポーネントや、ブロックやパターンの操作で重要な手段を提供するインサーターのような領域に重点を置いています。</li>
</ul>



<h2 class="wp-block-heading"><span id="toc8">WordPress 6.6 の新機能</span></h2>



<h3 class="wp-block-heading"><span id="toc9">デザインとレイアウト</span></h3>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-list">
<li>負のマージン: マージンの設定に負の値を入力できるようになりました。これにより、ブロックを重ね合わせたデザインを作成できます。マージンをサポートするすべてのブロックで自動的に利用可能です。</li>
</ul>



<ul class="wp-block-list">
<li>新しいグリッドブロック: ブロックをグリッド形式で表示し、行と列の幅を視覚的に調整できます。自動と手動の制御が可能です。</li>
</ul>



<ul class="wp-block-list">
<li>アスペクト比プリセット: 画像、アイキャッチ画像、カバーブロックのアスペクト比のプリセットをカスタマイズできます。</li>
</ul>



<ul class="wp-block-list">
<li>カスタムシャドウ: サイトエディタのスタイルセクションで、好みのカスタムシャドウを作成・編集できます。</li>
</ul>
</div>
</div>
</div>



<h3 class="wp-block-heading"><span id="toc10">パブリッシングと編集</span></h3>



<ul class="wp-block-list">
<li>洗練されたパブリッシュフロー: パブリッシュ時の重要な情報が強調され、編集するすべての要素に対して標準化されたインスペクタが表示されます。</li>



<li>クラシックテーマのモダンなパターン管理: クラシックテーマでもサイトエディタのパターン機能が利用できるようになり、パターンをより機能的でモダンに管理・作成できます。</li>



<li>ブロックグループのスタイル設定: テーマ作成者はブロックのセクション用のスタイルオプションをパッケージ化し、ユーザーが美しい統一感のあるデザインと柔軟性を追加できるようにすることができます。</li>



<li>カスタムフィールドの編集: ブロックバインディングAPIを使用してカスタムフィールドを持つ接続されたブロックを作成し、後でエディタ内で直接カスタムフィールドを編集できます。</li>



<li>編集ショートカット: 選択したブロックをグループ化するには⌘G（Mac）またはCtrl+G（Windows）、リストアイテムをインデントするにはTabキーを使用できます。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc11">開発者向け</span></h3>



<ul class="wp-block-list">
<li>統一された拡張性API: wp.editorグローバル変数の下で利用可能なスロットにより、エディタ間で拡張機能を統合できます。</li>
</ul>
]]></content:encoded>
					
		
		<enclosure url="https://wordpress.org/files/2024/07/6-6-color-and-typography.mp4" length="4533158" type="video/mp4" />
<enclosure url="https://wordpress.org/files/2024/07/6-6-quick-previews.mp4" length="4800084" type="video/mp4" />
<enclosure url="https://wordpress.org/files/2024/07/6-6-overrides.mp4" length="8797549" type="video/mp4" />

			</item>
		<item>
		<title>WordPress 5.5</title>
		<link>https://xn--ecka7j.biz/site-operation/982/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Tue, 11 Aug 2020 16:38:00 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[サイト運営]]></category>
		<category><![CDATA[webサイトは利用者の為]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[WordPress対策]]></category>
		<category><![CDATA[バージョンアップ]]></category>
		<category><![CDATA[大事なこと]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=982</guid>

					<description><![CDATA[WordPress5.5　Lazy Loading（遅延読込）画面をスクロールするまで見えてない画像などが必要になるまで、読み込みを遅延させることで、無駄な読み込みを抑え、表示（動作）が遅くなるのを防ぎます。ブロックを1 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">WordPress5.5　Lazy Loading（<strong>遅延読込</strong>）画面をスクロールするまで見えてない画像などが必要になるまで、読み込みを遅延させることで、<span class="bold-blue">無駄な読み込みを抑え、表示（動作）が遅くなるのを防ぎ</span>ます。ブロックを1つだけ使用するのではなく、いくつものブロックを組み合わせて使用する為に、簡単にブロックを組み合わせたデザイン・レイアウトを1クリックで利用できる<span class="bold-blue">ブロックパターンが用意され</span>。公開ページ確認用以外で、 <strong>作業用の画面サイズ</strong>：「デスクトップ」(デフォルト)「タブレット」(780px)「モバイル」(360px)を選択できるようになりました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="640" height="400" src="https://xn--ecka7j.biz/wp-content/uploads/2020/02/05-operation-640-400-088-344.png" alt="WordPressサイト" class="wp-image-13" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/02/05-operation-640-400-088-344.png 640w, https://xn--ecka7j.biz/wp-content/uploads/2020/02/05-operation-640-400-088-344-500x313.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/02/05-operation-640-400-088-344-300x188.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/02/05-operation-640-400-088-344-250x156.png 250w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption class="wp-element-caption">WordPressサイト運営に必要なこと</figcaption></figure>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-7" checked><label class="toc-title" for="toc-checkbox-7">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">WordPress 5.5 メジャーバージョンアップ</a><ul><li><a href="#toc2" tabindex="0">ブロックエディタ（Gutenberg）</a><ul><li><a href="#toc3" tabindex="0">ブロックカテゴリの変更</a></li><li><a href="#toc4" tabindex="0">ブロックアイコン一部変更</a></li><li><a href="#toc5" tabindex="0">ブロックパターンの追加</a></li><li><a href="#toc6" tabindex="0">再利用ブロックタブ</a></li><li><a href="#toc7" tabindex="0">プレビュー</a></li><li><a href="#toc8" tabindex="0">画像編集</a></li><li><a href="#toc9" tabindex="0">ブロック：コピーアクションの追加</a></li><li><a href="#toc10" tabindex="0">インラインフォーマット</a></li><li><a href="#toc11" tabindex="0">カバーブロック</a></li><li><a href="#toc12" tabindex="0">マルチブロックコントロール</a></li><li><a href="#toc13" tabindex="0">ブロックディレクトリ</a></li></ul></li><li><a href="#toc14" tabindex="0">プラグインとテーマの自動更新</a><ul><li><a href="#toc15" tabindex="0">プラグインとテーマも自動更新できる</a></li></ul></li><li><a href="#toc16" tabindex="0">Lazy Loading（遅延読込）</a></li><li><a href="#toc17" tabindex="0">コアサイトマップ　WordPress標準でサイトマップが作られる様になりました。</a></li><li><a href="#toc18" tabindex="0">jQueryバージョンの更新（開発者向け）</a></li></ul></li><li><a href="#toc19" tabindex="0">WordPress 5.5に更新すると</a></li><li><a href="#toc20" tabindex="0">新バージョンのブロックエディタで追記しています。</a><ul><li><a href="#toc21" tabindex="0">ブロックの追加方法・他が変わって最初は戸惑います。</a></li></ul></li><li><a href="#toc22" tabindex="0">　５.５ブランチ最新???</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">WordPress 5.5 メジャーバージョンアップ</span></h2>

<ul>
	<h3><span id="toc2">ブロックエディタ（Gutenberg）</span></h3>
	<li><h4><span id="toc3">ブロックカテゴリの変更</span></h4>
		デフォルトのブロックカテゴリが、「<b>テキスト</b>」「<b>メディア</b>」「<b>デザイン</b>」
		<br>「<b>ウィジェット</b>」「<b>埋め込み</b>」に変更されました。
	</li>
	<li>
		<h4><span id="toc4">ブロックアイコン一部変更</span></h4>
		「<b>見出し</b>」「<b>カバー</b>」「<b>動画</b>」「<b>グループ</b>」「<b>アーカイブ</b>」
		<br>「<b>カレンダー</b>」「<b>カテゴリ</b>」「<b>最新のコメント</b>」「<b>タグクラウド</b>」の変更
	</li>
	<li>
		<h4><span id="toc5">ブロックパターンの追加</span></h4>
		ブロックを1つだけ使用するのではなく、いくつものブロックを組み合わせて使用する為に、
		<br>簡単にブロックを組み合わせたデザイン・レイアウトを<b>	1クリック</b>で利用できる
		<br>「<b>ブロックパターン</b>」が用意されました。
		<br>これは、<a href="https://concrete5-japan.org/help/5-7/using-concrete5-7/dashboard/stacks-and-blocks/"><b>concrete5</b>の<b>スタック</b></a>(stackのほんの<b>一部</b>ですが)と似た機能の様です。
	</li>
	<li>
		<h4><span id="toc6">再利用ブロックタブ</span></h4>
		今まではブロック選択する所の一番下にありましたが、<b>再利用ブロックタブ</b>から探せるようになりました。
	</li>
	<li>
		<h4><span id="toc7">プレビュー</span></h4>
		公開ページ確認用以外で、 作業用の画面サイズ：「<b>デスクトップ</b>」(デフォルト)
		<br>「<b>タブレット</b>」(780px)「<b>モバイル</b>」(360px)を選択できるようになりました。
		<br>これは、テーマ<a href="https://wp-cocoon.com/"><b>Cocoon</b></a>の<b>Admin権限</b>で、既に実現できていたものに近いですね。
	</li>
	<li>
		<h4><span id="toc8">画像編集</span></h4>
		画像ブロックで設置した画像をダイレクトに
		<b>アスペクト比</b>、<b>ズームレベル</b>、<b>回転</b>、および<b>位置を調整</b>することができるようになりました。
	</li>
	<li>
		<h4><span id="toc9">ブロック：コピーアクションの追加</span></h4>
		ブロックの<b>HTMLをコピーできる</b>ようになりました。
	</li>
	<li>
		<h4><span id="toc10">インラインフォーマット</span></h4>
		テキストを下付きや上付きにする新しい<b>書式設定オプション</b>が追加されています。
	</li>
	<li>
		<h4><span id="toc11">カバーブロック</span></h4>
		テキスト部分の垂直方向と水平方向の<b>配置を調整する</b>ことができる様になりました。
	</li>
	<li>
		<h4><span id="toc12">マルチブロックコントロール</span></h4>
		同じタイプの複数のブロックを選択すると、それらの属性を一度に変更できるようになりました。
		<br>これも、<a href="https://wp-cocoon.com/multi-block-decoration/"><b>Cocoon</b>の「ブロックエディターの複数ブロックをグループブロックを使ってまとめて装飾する方法」</a>に近いですね。
	</li>
	<li>
		<h4><span id="toc13">ブロックディレクトリ</span></h4>
		ブロック選択画面上で 新しいブロックを検索して<b>その場でインストール</b>すぐ利用できるようになりました。
	</li>
</ul>

<ul>
	<h3><span id="toc14">プラグインとテーマの自動更新</span></h3>
	<li><h4><span id="toc15">プラグインとテーマも自動更新できる</span></h4>
		全てのプラグインとテーマが自動更新になるのではなく、
		<br>それぞれ<b>個別</b>に 自動更新<b>する</b>/<b>しない</b>を<b>選択</b>できます。
		<br><span style="color:#e74c3c;"><b>※</b></span>.デフォルトは「<b>自動更新しない</b>」になっています。
	</li>
</ul>

		
<ul>
	<h3><span id="toc16">Lazy Loading（遅延読込）</span></h3>
	画面を<b>スクロールするまで見えてない</b>画像などが<b>必要になるまで</b>、読み込みを遅延させることで、
	<br><b>無駄な読み込み</b>を抑え、表示（動作）が<b>遅くなるのを防ぎ</b>ます。
	<li><b>5.5</b>から <b>img</b>タグと<b>iframe</b>タグに「loading=”lazy”」タグ が自動で追加されます。
		<br>この「<b>loading</b>」とは<b>ブラウザ側</b>で遅延ロードをサポートするもので、<b>img</b>要素や<b>iframe</b>要素に対応しています。
		<br>「loading=”lazy”」は、ウェブ標準 となり、<br>ブラウザでは<b>Chorome</b>と<b>Edge</b>、<b>Firefox</b>等がサポートしています。
		<br><span style="color:#e74c3c;"><b>※</b></span>.昔の記事で、<b>img</b>や<b>iframe</b>タグが付いている場合でも再編集しなくても良さそうです。
		<br><span style="color:#e74c3c;"><b>※</b></span>.既に<b>プラグイン</b>や<b>Javascript</b>等で設置している場合は、どうするか確認する必要があります。
		<br><b>テーマ </b><a href="https://wp-cocoon.com/"><b>Cocoon</b></a>でも<b>Lazy Loading</b>は、早くから実装済みです。
		<br>開発者（<b>わいひら</b>さん）が、<a href="https://wp-cocoon.com/community/">フォーラム</a>で対処方法を明言してくれます。
		<br>私は、<a href="https://イイネ.biz/category/plugin/">Lazy Loading<b>プラグイン</b></a>は、導入していません。
	</li>
</ul>

<ul>
	<h3><span id="toc17">コアサイトマップ　WordPress標準でサイトマップが作られる様になりました。</span></h3>
	<li>URLは、「https://ドメイン/<b><span style="color:#e74c3c;">wp-sitemap</span>.xml</b>」です。
		<br><span style="color:#e74c3c;"><b>※</b></span>.<b><span style="color:#e74c3c;">sitemap</span>.xml</b>でない所に<b>注意</b>してください。
		<br>対象は<b>トップページ</b>、<b>投稿ページ</b>、<b>固定ページ</b>、<b>タグ</b>、<b>カテゴリ</b>、
		<br><b>カスタム投稿タイプ</b>、<b>カスタム分類</b>、<b>著者アーカイブ</b>です。
		<br>細かい設定は<b>アクションフィルタ</b>で行います。
		<br><span style="color:#e74c3c;"><b>※</b></span>.<b>プラグイン</b>のように<b>サイトマップ管理画面はありません</b>。
		<br><span style="color:#e74c3c;"><b>※</b></span>.サイトマップに登録する情報が URL (<b>loc</b>タグ）だけ、	
		<br>更新日時を示す<b>lastmod</b>は入りません（changefreq や priority も入りませんが、Google は見ていないので）
		<br>現時点では、この<span style="color:#e74c3c;"><b>lastmod</b>が入らない</span>ことで、
		<br>「<b>Google XML Sitemaps</b>」などの<b>プラグイン</b>が必要な方もいらっしゃるでしょうネ。
		<br>私は、できるだけ<a href="https://イイネ.biz/site-operation/908/">プラグインに頼らない運用</a>をしています。
	</li>
</ul>

<ul>
	<h3><span id="toc18">jQueryバージョンの更新（開発者向け）</span></h3>
	<li><b>jQuery変更は影響が大きい</b>ですので、段階的な変更になる様です。</li>
	<li><b>5.5</b>　jQuery Migrate(新旧バージョン差異を解決するjQuery)を削除</li>
	<li><b>5.6</b>　jQuery Migrate、jQuery UIの変更(予定)</li>
	<li><b>5.7</b>　jQuery Migrateを削除(予定)</li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="640" height="400" src="https://xn--ecka7j.biz/wp-content/uploads/2020/02/00-wps1-640-400-120-348.png" alt="バージョンアップ" class="wp-image-8" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/02/00-wps1-640-400-120-348.png 640w, https://xn--ecka7j.biz/wp-content/uploads/2020/02/00-wps1-640-400-120-348-500x313.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/02/00-wps1-640-400-120-348-300x188.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/02/00-wps1-640-400-120-348-250x156.png 250w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption class="wp-element-caption">バージョンアップはWordPressサイトに必要なことでしかないから</figcaption></figure>



<div class="wp-block-cocoon-blocks-caption-box-1 caption-box block-box"><div class="caption-box-label block-box-label box-label"><span class="caption-box-label-text block-box-label-text box-label-text">見出し</span></div><div class="caption-box-content block-box-content box-content">
<h2 class="wp-block-heading"><span id="toc19">WordPress 5.5に更新すると</span></h2>



<p class="wp-block-paragraph"><span class="bold-blue">Lazy Loading</span>（遅延読込）画面をスクロールするまで見えてない画像などが必要になるまで、読み込みを遅延させることで、<span class="bold-blue">無駄な読み込みを抑え、表示（動作）が遅くなるのを防ぎ</span>ます。ブロックを1つだけ使用するのではなく、いくつものブロックを組み合わせて使用する為に、簡単にブロックを組み合わせたデザイン・レイアウトを1クリックで利用できる<span class="bold-blue">ブロックパターン</span>が用意され。公開ページ確認用以外で、<strong> 作業用の画面サイズ</strong>：「デスクトップ」(デフォルト)「タブレット」(780px)「モバイル」(360px)を選択できるようになりました。</p>
</div></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="445" src="https://xn--ecka7j.biz/wp-content/uploads/2020/08/wordpress5.5-999-555-012-020-800x445.png" alt="WordPress5.5" class="wp-image-989" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/08/wordpress5.5-999-555-012-020-800x445.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/wordpress5.5-999-555-012-020-500x278.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/wordpress5.5-999-555-012-020-300x167.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/wordpress5.5-999-555-012-020-768x427.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/wordpress5.5-999-555-012-020-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/wordpress5.5-999-555-012-020-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/wordpress5.5-999-555-012-020.png 1033w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading"><span id="toc20">新バージョンのブロックエディタで追記しています。</span></h2>



<h3 class="wp-block-heading"><span id="toc21">ブロックの追加方法・他が変わって最初は戸惑います。</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="970" src="https://xn--ecka7j.biz/wp-content/uploads/2020/08/block-1280-1552-124-332-800x970.png" alt="" class="wp-image-994" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/08/block-1280-1552-124-332-800x970.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/block-1280-1552-124-332-500x606.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/block-1280-1552-124-332-300x364.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/block-1280-1552-124-332-768x931.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/block-1280-1552-124-332-1267x1536.png 1267w, https://xn--ecka7j.biz/wp-content/uploads/2020/08/block-1280-1552-124-332.png 1280w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading"><span id="toc22">　５.５ブランチ最新???</span></h2>



<div class="wp-block-group is-style-question-box is-layout-flow wp-block-group-is-layout-flow">
<p class="wp-block-paragraph">WordPressは常に脆弱性対応でバージョンアップしています。</p>



<p class="wp-block-paragraph">あなたの使っているバージョンが最新かどうか？</p>



<p class="wp-block-paragraph"><a href="https://xn--ecka7j.biz/security/99/#b55">5.5ブランチの最新版確認はここからどうぞ</a></p>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://xn--ecka7j.biz/security/99/#b55" title="WordPress 脆弱性とバージョン推移 v.7.0.２" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2024/10/Site-Operations-1-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2024/10/Site-Operations-1-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2024/10/Site-Operations-1-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2024/10/Site-Operations-1-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPress 脆弱性とバージョン推移 v.7.0.２</div><div class="blogcard-snippet internal-blogcard-snippet">WordPress 7.0.2あなたのホームページがワードプレスで作られていて 何も対策をしていないと改ざんされたり・危険です。ホームページに訪れてあなたのお客さんになってくれるかも知れない人たちに不安を抱かれてしまいます。（あなたのホームページが何で作られているか？な人はお問い合わせください） WordPressは、積極的に保守されていますか？ WordPress.orgでは、「積極的に保守されている5.n系統の最新版以外の以下のバージョンは、安全に使用することはできません。」と公式に表明しています。以下に、WordPressの、脆弱性とバージョンの推移をお知らせします。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2019.08.28</div></div></div></div></a>

</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>リダイレクト（redirect転送）.htaccess ドット・エイチ・ティ・アクセス</title>
		<link>https://xn--ecka7j.biz/redirect/143/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Tue, 03 Mar 2020 01:32:27 +0000</pubDate>
				<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[webサイトは利用者の為]]></category>
		<category><![CDATA[あなたのお客様になってくれるかも知れない人たちに!!!]]></category>
		<category><![CDATA[マーケティング]]></category>
		<category><![CDATA[リダイレクト]]></category>
		<category><![CDATA[利便性]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=143</guid>

					<description><![CDATA[運用するサイトを分けて、新しいURLにコンテンツ（記事）を移したい。 その様な場合に、新しいURLに記事を移しただけでは不充分です。 これは、WordPressサイトに限りません。 もし、運用元のコンテンツを削除してしま [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="640" height="400" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/0602-blog-640-400-092-456.png" alt="" class="wp-image-433" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/0602-blog-640-400-092-456.png 640w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/0602-blog-640-400-092-456-500x313.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/0602-blog-640-400-092-456-300x188.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/0602-blog-640-400-092-456-250x156.png 250w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption> 検索利用者の利便性に配慮することで、あなたのマーケティングにつながって行く </figcaption></figure>



<p class="wp-block-paragraph">運用するサイトを分けて、新しいURLにコンテンツ（記事）を移したい。</p>



<p class="wp-block-paragraph">その様な場合に、新しいURLに記事を移しただけでは不充分です。<br><br>これは、WordPressサイトに限りません。<br></p>



<p class="wp-block-paragraph">もし、運用元のコンテンツを<strong>削除</strong>してしまった場合</p>



<p class="wp-block-paragraph">（通常は<strong>記事の重複を避ける</strong>為SEO的にもそうするのですが）</p>



<p class="wp-block-paragraph">　Googleの<strong>インデックス</strong>には古いもの</p>



<p class="wp-block-paragraph">（元の<strong>運用元</strong>の記事のURLなどの情報：検索結果に表れる）が残っているのです。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-9" checked><label class="toc-title" for="toc-checkbox-9">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">404 Not Foundにならない様に</a><ul><li><a href="#toc2" tabindex="0">検索者の利便性に配慮</a></li><li><a href="#toc3" tabindex="0">転送？</a><ul><li><a href="#toc4" tabindex="0">例えば</a></li></ul></li><li><a href="#toc5" tabindex="0">転送元の.htaccessに登録する</a><ul><li><a href="#toc6" tabindex="0">XSERVERの場合</a></li></ul></li><li><a href="#toc7" tabindex="0">専用のエディタで編集＆コピペがお勧め</a></li></ul></li><li><a href="#toc8" tabindex="0">.htaccessを更新する前に</a><ul><li><a href="#toc9" tabindex="0">その前に、テストしてみましょう。</a></li><li><a href="#toc10" tabindex="0">Googole検索で</a></li></ul></li><li><a href="#toc11" tabindex="0">.htaccessを更新</a></li><li><a href="#toc12" tabindex="0">更新後テストしてみましょう。（リダイレクトできるでしょうか？）</a><ul><li><a href="#toc13" tabindex="0">更新前のURL直接入力でテスト</a></li><li><a href="#toc14" tabindex="0">Googole検索では</a></li><li><a href="#toc15" tabindex="0">まとめ</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">404 Not Foundにならない様に</span></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="400" height="300" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/notfound-400-300-016-044.png" alt="404 Not Found" class="wp-image-435" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/notfound-400-300-016-044.png 400w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/notfound-400-300-016-044-300x225.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/notfound-400-300-016-044-250x188.png 250w" sizes="(max-width: 400px) 100vw, 400px" /><figcaption>404 Not Found</figcaption></figure>



<p class="wp-block-paragraph">　この様な（元の記事を削除したなど）場合、検索で記事を見つけクリックすると「<a>404 Not Found</a>」記事が<strong>見つからない</strong>となる。</p>



<h3 class="wp-block-heading"><span id="toc2">検索者の利便性に配慮</span></h3>



<p class="wp-block-paragraph">SEO的に問題なだけでなく、</p>



<p class="wp-block-paragraph">折角あなたの記事を見つけくれた利用者に<strong>失礼で</strong>あるし、<strong>利便性を欠く</strong>。</p>



<p class="wp-block-paragraph">もしかして、</p>



<p class="wp-block-paragraph">あなたのサイトに訪れて、</p>



<p class="wp-block-paragraph">あなたのお客さんになってくれるかも知れない人たちだったとしたら、</p>



<p class="wp-block-paragraph">あなたは損をしていることになる。（<strong>機会損失</strong>）</p>



<h3 class="wp-block-heading"><span id="toc3">転送？</span></h3>



<p class="wp-block-paragraph">　「<strong>その様な時に、古いサイトから新しいサイトに転送してくれたら良いのに</strong>」と思うのが自然の流れであり、その為に利用するファイルが<strong>.htaccess<sup>※</sup></strong>なのです。</p>



<h4 class="wp-block-heading"><span id="toc4">例えば</span></h4>



<ul class="wp-block-list"><li>転送元の記事のURL：https://a-itc.info/blog/wordpress-190828</li></ul>



<p class="wp-block-paragraph">　　　転送元の記事タイトル：WordPress 脆弱性とバージョン推移</p>



<ul class="wp-block-list"><li>転送先の記事のURL：https://xn--ecka7j.biz/security/99/</li></ul>



<p class="wp-block-paragraph">　　　転送先の記事タイトル：WordPress 脆弱性とバージョン推移</p>



<p class="wp-block-paragraph">（今回・全く同じタイトルではあるが、記事の内容はアップグレードしている）</p>



<p class="wp-block-paragraph"><strong>だとしたら、</strong></p>



<h3 class="wp-block-heading"><span id="toc5">転送元の.htaccessに登録する</span></h3>



<p class="wp-block-paragraph">転送元の<strong>.htaccess</strong>に以下の様な内容を登録する</p>



<h4 class="wp-block-heading"><span id="toc6">XSERVERの場合</span></h4>



<p class="wp-block-paragraph">/a-itc.info/public_html/<strong>.htaccess</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>



<p class="wp-block-paragraph">「ログイン」<strong>＞WebFTP</strong>「ファイル監理」<strong>＞</strong>「転送元ドメイン」<strong>＞</strong>「public_html」<strong>＞</strong></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="545" height="66" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h01-545-066-004-004.png" alt=".htaccess" class="wp-image-128" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h01-545-066-004-004.png 545w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h01-545-066-004-004-500x61.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h01-545-066-004-004-300x36.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h01-545-066-004-004-250x30.png 250w" sizes="(max-width: 545px) 100vw, 545px" /><figcaption>.htaccessファイルの編集</figcaption></figure>



<p class="wp-block-paragraph">ここで、いちばん大事なことは、既にある<strong>.htaccess</strong>の内容は<span class="marker-under-red">一切変更・削除してはならない</span>ことです。</p>



<p class="wp-block-paragraph">新しい行（新しい<strong>転送</strong>記述）を<span class="marker-under-blue">追加する</span>ことだけです。</p>



<p class="wp-block-paragraph">また、</p>



<p class="wp-block-paragraph">XSERVERの場合、<strong>WebFTP</strong><strong>上で直接編集（追加）できますが、</strong></p>



<p class="wp-block-paragraph">ご覧いただいているように非常に分かりにくいものです。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="524" height="680" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h02-524-680-076-248.png" alt=".htaccessの内容" class="wp-image-127" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h02-524-680-076-248.png 524w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h02-524-680-076-248-500x649.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h02-524-680-076-248-300x389.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h02-524-680-076-248-250x324.png 250w" sizes="(max-width: 524px) 100vw, 524px" /><figcaption>.htaccessの内容</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc7">専用のエディタで編集＆コピペがお勧め</span></h3>



<p class="wp-block-paragraph">ですから、専用の<strong>エディタ</strong>(<strong>sublime_text</strong>や<strong>Notepad++</strong>、<strong>atom</strong>など)に丸ごとコピペで移して</p>



<p class="wp-block-paragraph"><strong>エディタ上</strong>で編集（追加・追記）後に、</p>



<p class="wp-block-paragraph">エディタの内容を丸ごとコピペで<strong>.htaccess</strong>に戻した方が良いです。</p>



<p class="wp-block-paragraph">以下が、エディタ上での<strong>一部表示</strong>です。</p>



<p class="wp-block-paragraph">上の<strong>.htaccess</strong>と合わせる為、エディタ(<strong>sublime_text</strong>)の幅を狭めていますがこちらの方が、遥かに分かりやすいと思いませんか？<br></p>



<p class="wp-block-paragraph">　　　｜</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="552" height="317" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h03-552-317-036-116.png" alt="専用のエディタで編集" class="wp-image-142" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h03-552-317-036-116.png 552w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h03-552-317-036-116-500x287.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h03-552-317-036-116-300x172.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h03-552-317-036-116-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h03-552-317-036-116-250x144.png 250w" sizes="(max-width: 552px) 100vw, 552px" /><figcaption>専用のエディタで編集</figcaption></figure>



<p class="wp-block-paragraph"><strong><span class="marker-under-red">赤枠</span></strong>で囲んだ部分が、既に<span class="marker-under-blue">登録済のリダイレクト</span>（Redirect）記述</p>



<p class="wp-block-paragraph">行の内容は、</p>



<p class="wp-block-paragraph"><strong>&lt;Files ~ &#8220;^<span class="bold-red">\</span>.(htaccess|htpasswd)$&#8221;&gt;</strong>&nbsp; 転送記述の開始（お作法、<span class="bold-red">￥</span>はLinux環境では<span class="marker-under-red">バックスラッシュ</span>：）Windowsの画面からは表示できない為、画像キャプチャで示した方の内容になります。</p>



<p class="wp-block-paragraph"><strong>deny from all</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; （お作法）</p>



<p class="wp-block-paragraph"><strong>&lt;/Files&gt;</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; （お作法）</p>



<p class="wp-block-paragraph"><strong>Redirect</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; リダイレクトの宣言（お作法）</p>



<p class="wp-block-paragraph">‘<strong>permanent</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 恒久的(パーマメント)に適用する場合（お作法）</p>



<p class="wp-block-paragraph"><strong><span class="marker-under-red">/ope04release.htm&nbsp;</span>&nbsp;&nbsp; </strong>転送元の記事のアドレス（注：<strong><span class="bold-red">ドメイン部分</span></strong>は除く）</p>



<p class="wp-block-paragraph"><strong>http://www8.plala.or.jp/a_ITC/Ope_04Release_Manage.htm&nbsp;&nbsp;&nbsp; </strong><strong>転送先のURL</strong></p>



<p class="wp-block-paragraph">そして、転送記述の最後に<strong>order
deny,allow</strong>（お作法）がある。<strong></strong></p>



<p class="wp-block-paragraph">追記する場合は、３行目<strong>&lt;/Files&gt;</strong>の後が良いでしょう</p>



<p class="wp-block-paragraph"><strong>&lt;/Files&gt;</strong>の後ろにカーソルを置き「<strong>enter</strong>」で行挿入できます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="567" height="197" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h04-567-197-032-092.png" alt="「enter」で行挿入" class="wp-image-141" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h04-567-197-032-092.png 567w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h04-567-197-032-092-500x174.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h04-567-197-032-092-300x104.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h04-567-197-032-092-250x87.png 250w" sizes="(max-width: 567px) 100vw, 567px" /><figcaption>「enter」で行挿入</figcaption></figure>



<p class="wp-block-paragraph">　　　転送元の記事のURL：‘https://a-itc.info<strong>/blog/wordpress-190828</strong></p>



<p class="wp-block-paragraph">          転送先の記事のURL：‘<strong>https://xn--ecka7j.biz/security/99/</strong></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="567" height="161" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h05-567-161-024-072.png" alt="転送記述の入力" class="wp-image-140" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h05-567-161-024-072.png 567w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h05-567-161-024-072-500x142.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h05-567-161-024-072-300x85.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h05-567-161-024-072-250x71.png 250w" sizes="(max-width: 567px) 100vw, 567px" /><figcaption>転送記述の追加入力</figcaption></figure>



<p class="wp-block-paragraph">入れるのが辛い・面倒な方向けに、<strong>便利で無料で使えるもの</strong>もあります</p>



<p class="wp-block-paragraph">「<strong>.htaccess変換</strong>」で<strong>検索</strong>すると</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="529" height="104" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h06-529-104-008-012.png" alt="「.htaccess変換」で検索す" class="wp-image-139" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h06-529-104-008-012.png 529w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h06-529-104-008-012-500x98.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h06-529-104-008-012-300x59.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h06-529-104-008-012-250x49.png 250w" sizes="(max-width: 529px) 100vw, 529px" /><figcaption>「.htaccess変換」で検索</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="567" height="548" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h07-567-548-036-116.png" alt=".htaccess変換" class="wp-image-138" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h07-567-548-036-116.png 567w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h07-567-548-036-116-500x483.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h07-567-548-036-116-300x290.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h07-567-548-036-116-250x242.png 250w" sizes="(max-width: 567px) 100vw, 567px" /><figcaption>.htaccess変換ツールでの入力と変換された内容</figcaption></figure>



<p class="wp-block-paragraph">筆者の場合、<span class="badge-blue">反転させた部分</span>のみ必要（他の記載は既にある）なので、この部分のみ使います。</p>



<h2 class="wp-block-heading"><span id="toc8">.htaccessを更新する前に</span></h2>



<p class="wp-block-paragraph">.htaccessを更新する</p>



<h3 class="wp-block-heading"><span id="toc9">その前に、テストしてみましょう。</span></h3>



<p class="wp-block-paragraph">更新前のURLでテスト</p>



<p class="wp-block-paragraph">転送元の記事のURL：’https://a-itc.info<strong>/blog/wordpress-190828&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </strong></p>



<h3 class="wp-block-heading"><span id="toc10">Googole検索で</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="574" height="247" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h08-574-247-024-072.png" alt="Googole検索" class="wp-image-137" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h08-574-247-024-072.png 574w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h08-574-247-024-072-500x215.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h08-574-247-024-072-300x129.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h08-574-247-024-072-250x108.png 250w" sizes="(max-width: 574px) 100vw, 574px" /><figcaption>Googole検索結果</figcaption></figure>



<p class="wp-block-paragraph">⇧これをクリック</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="567" height="500" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h09-567-500-036-108.png" alt="元のサイトにある記事" class="wp-image-136" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h09-567-500-036-108.png 567w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h09-567-500-036-108-500x441.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h09-567-500-036-108-300x265.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h09-567-500-036-108-250x220.png 250w" sizes="(max-width: 567px) 100vw, 567px" /><figcaption>元のサイトにある記事</figcaption></figure>



<p class="wp-block-paragraph">          </p>



<p class="wp-block-paragraph">　⇧　これが、転送記述適用前のコンテンツです。</p>



<h2 class="wp-block-heading"><span id="toc11">.htaccessを更新</span></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="543" height="715" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h10-543-715-052-320.png" alt="反転させている部分が、今回追加した転送記述" class="wp-image-135" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h10-543-715-052-320.png 543w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h10-543-715-052-320-500x658.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h10-543-715-052-320-300x395.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h10-543-715-052-320-250x329.png 250w" sizes="(max-width: 543px) 100vw, 543px" /><figcaption>反転させている部分が、今回追加した転送記述</figcaption></figure>



<p class="wp-block-paragraph">
 
  
 
  
 
　⇧　反転させている部分が、今回追加した転送記述です。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="559" height="67" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h11-559-067-004-004.png" alt=".htaccessの更新を日付で確認" class="wp-image-134" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h11-559-067-004-004.png 559w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h11-559-067-004-004-500x60.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h11-559-067-004-004-300x36.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h11-559-067-004-004-250x30.png 250w" sizes="(max-width: 559px) 100vw, 559px" /><figcaption>.htaccessの更新を日付で確認</figcaption></figure>



<p class="wp-block-paragraph">⇧.htaccessの更新を日付で確認します。</p>



<h2 class="wp-block-heading"><span id="toc12">更新後テストしてみましょう。（リダイレクトできるでしょうか？）</span></h2>



<h3 class="wp-block-heading"><span id="toc13">更新前のURL直接入力でテスト</span></h3>



<p class="wp-block-paragraph">
 
  
 
  
 
転送元の記事のURL：‘https://a-itc.info/blog/wordpress-190828&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="567" height="163" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h12-567-163-008-016.png" alt="前のURL直接入力でテスト" class="wp-image-133" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h12-567-163-008-016.png 567w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h12-567-163-008-016-500x144.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h12-567-163-008-016-300x86.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h12-567-163-008-016-250x72.png 250w" sizes="(max-width: 567px) 100vw, 567px" /><figcaption>前のURL直接入力でテスト</figcaption></figure>



<p class="wp-block-paragraph">⇧　URLを入力して「<strong>enter</strong>」</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="568" height="376" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h13-568-376-032-108.png" alt="新しいサイトの方にリダイレクト" class="wp-image-132" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h13-568-376-032-108.png 568w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h13-568-376-032-108-500x331.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h13-568-376-032-108-300x199.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h13-568-376-032-108-250x165.png 250w" sizes="(max-width: 568px) 100vw, 568px" /><figcaption>新しいサイトの方にリダイレクト</figcaption></figure>



<p class="wp-block-paragraph">⇧新しいサイトの方にリダイレクトされました。</p>



<h3 class="wp-block-heading"><span id="toc14">Googole検索では</span></h3>



<p class="wp-block-paragraph">
 
  
 
  
 
  
 
<strong>2</strong><strong>回目のGoogle検索でも1位ですが、上部に「広告」が表示されました。</strong></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="567" height="354" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h14-567-354-036-112.png" alt="2回目のGoogle検索" class="wp-image-131" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h14-567-354-036-112.png 567w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h14-567-354-036-112-500x312.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h14-567-354-036-112-300x187.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h14-567-354-036-112-250x156.png 250w" sizes="(max-width: 567px) 100vw, 567px" /><figcaption>2回目のGoogle検索</figcaption></figure>



<p class="wp-block-paragraph">　⇧これをクリック</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="568" height="382" src="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h15-568-382-032-112.png" alt="Google検索の結果でも、問題なくリダイレクト" class="wp-image-130" srcset="https://xn--ecka7j.biz/wp-content/uploads/2020/03/h15-568-382-032-112.png 568w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h15-568-382-032-112-500x336.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h15-568-382-032-112-300x202.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2020/03/h15-568-382-032-112-250x168.png 250w" sizes="(max-width: 568px) 100vw, 568px" /><figcaption>Google検索の結果でも、問題なくリダイレクト</figcaption></figure>



<p class="wp-block-paragraph">        </p>



<p class="wp-block-paragraph">　⇧　Google検索の結果でも、問題なくリダイレクトされました。</p>



<p class="wp-block-paragraph">これで、元のサイトの記事は削除しても大丈夫です。</p>



<p class="wp-block-paragraph">　新しいサイトの記事は未だ移行したばかりなので「検索」結果の上位に表れませんが、</p>



<p class="wp-block-paragraph">元のサイトの記事がGoogleにしっかりインデックスされているので安心です。</p>



<h3 class="wp-block-heading"><span id="toc15">まとめ</span></h3>



<p class="wp-block-paragraph">コンテンツの移行には、リダイレクト指定がとても大切なものになります。</p>



<ul class="wp-block-list"><li>検索利用者の利便性に配慮することです。</li><li>このような結果がウェブマーケティングにつながって行くのです。</li></ul>



<p class="wp-block-paragraph"><span class="badge-red">&nbsp;引用</span>：ウェブサイトにおけるリダイレクトとは、ウェブサイトの閲覧において、指定したウェブページから自動的に他のウェブページに転送されること。</p>



<p class="wp-block-paragraph">URLリダイレクトとも言われる。</p>



<p class="wp-block-paragraph">通常はウェブページのURLが変わったときに、元のURLから新しいURLへ誘導するときに用いられる。 <span class="marker-under-red">ウィキペディア</span></p>



<p class="wp-block-paragraph"><span class="badge-red">引用</span>：<strong>.htaccess</strong>（ドットエイチティーアクセス）とは、Apacheを用いたWebサーバにおいて、ディレクトリ単位で設置及び設定を行える設定ファイルのこと。</p>



<p class="wp-block-paragraph">Apacheではhttpd.confという設定ファイルでApacheの設定を行うが、Webサーバの要となる設定ファイルであるため、Webサーバの管理者でないと設定を変更することができない。</p>



<p class="wp-block-paragraph">.htaccessはhttpd.confで.htaccessの利用を許可している場合、Webサーバ管理者のみならずウェブサイトの管理者レベルでApacheの一部設定を行えるようにしたものである。</p>



<p class="wp-block-paragraph">.htaccessで行える設定は全てhttpd.confで行うことができ、パフォーマンスやセキュリティの観点からそれが推奨されているが、実際はサーバ管理者も.htaccessを使うケースが多い。</p>



<p class="wp-block-paragraph">.htaccessを特定のディレクトリに設置すると、.htaccess内に記述された内容が設置されたディレクトリとその下層のディレクトリに対して適用される。また、下層ディレクトリの設定が上層ディレクトリと設定が矛盾した場合は下層ディレクトリ側の設定が優先される。</p>



<p class="wp-block-paragraph">ファイル名の先頭にあるドットはUnix系のオペレーティングシステムにおいて「隠しファイル」を意味しており、「ファイルタイトルが存在しない.htaccessという拡張子だけのファイル」という意味ではない。<span class="badge-pink">出典</span>:<span class="marker-under-red"> フリー百科事典『ウィキペディア（Wikipedia）</span>』</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
