WordPressのテーマ:「 lovecraft.1.31 」(Lovecraft – Anders Norén )で定義されたファイル「 header.php 」を改良した第二世代を公開します。(2020 02 24 header.php (lovecraft.1.31) for YouTube and HTML5 VIDEO tag with plugin Post Snippets ($1944113) / Featured Image from URL · GitLab )
第二世代では、例えば、高密度・高精細パノラマ静止画像を、大画面モニターなら高密度・高精細で自動的に表示し、また対局のハンディー（モバイル）画面なら、自動的に最適なサイズの低容量静止画像を高速に表示します。

現在のWordPressでは文中のプラグインfeatured image from urlを削除し、代替えとしてfeatured image by urlを採用しています！

外部URLを参照するアイ・キャッチ静止画（英語版WordPress: featured image）参照元を見る。利用に感謝！

Facebook Google+

クリックすると DropBox(Lightbox)拡大表示。拡大後に画像内の左上のアイコンをクリックすると作者のページへ移動できます

実験的考察

WordPressの機能です！

~~2020/02/24 一部のWordPressに実装しました。~~ 2020/02/28 ２台のCOREサーバーと６台の無料版XREAサーバーの合計８サイトのWordPress全てに実装しました。１台のCOREサーバーのみ比較の為にパラメーターを変えています。ｓ２２ｃサーバーです。以前の仕様で雪山を表示します。

WordPressのテーマに依存します。
新しいWordPressのテーマをインストールするか、再インストールすれば、直ぐに元に戻ります！記事を元に戻す必要は皆無です！
WordPressの、サーバーサイドプロセスであるPHPから、訪問者のブラウザーで処理を行うクライアントプロセスJavaScriptを自動的に生成し、訪問者のブラウザー側で機能させています！
訪問者の都合でJavaScript機能をOFFにすると、効果は全く機能しません！目下、NOSCRIPTタグの定義が完ぺきではありません！これって、訪問者の都合でJavaScript機能をOFFにした方々に対して不親切ですよね？ w)
JavaScriptは、
```
(function(){
//     etc...
})();
```
関数名が無いローカル関数内で処理完結してますので、他の高級JavaScriptとの競合については、起こりようが無い筈です。
WordPressの記事の標準機能「カスタムフィールド」にURLと幅を登録すれば、アイキャッチ領域の画像・動画について、自動的に次のURLが変更されます！
1. style=""内のbackground-image: url()の画像URLが変更されます。
2. imgタグのsrcの画像URLが変更されます。
3. videoタグのposterの画像URLが変更されます。
4. ShowImage.phpで呼び出される画像URLが変更されます。
比較的に大きくはない、つまり小さなモニターを搭載したブラウザーで訪問願います。
例えば、 iPhone3を縦に構えれば、幅が320ピクセルになります。
```
function W2020(){
 try{  return (window.innerWidth||document.body.clientWidth||window.outerWidth)
 } catch(e){return false}
}
```
あなたの画面のサイズは：

1280 ピクセル
あなたのブラウザーの横幅ピクセル値です。
この数値は間違っていますか？
比較的に大きい、つまりあなたのパソコンのデスクトップで動作するブラウザーで訪問願います。
1. 可能な限り大きなサイズでブラウザーを配置し訪問願います。
2. ブラウザーの機能で「ズーム」があります。ズームしてから再表示願います。
  右上の画像をクリックしましょう！
3. パソコンのブラウザー全体の枠サイズをマウスで調整する方法で、今度はブラウザーの左右の幅を小さくして、再表示願います。
  右上の画像をクリックしましょう！
4. 再度、ブラウザーの左右の幅を大きくして、再表示願います。
  右上の画像をクリックしましょう！
ブラウザーの機能：「検証」( Chrome: Cntl + Shift + i )や、「開発者ツール」( Microsoft Edge: F12 )を利用すれば、どんな画像も参照元のURLを知ることが出来ます。

左の画像は、Googleアナリティクス

における、モバイル端末に限定して「画像の解像度」をレポートしました。みなさん、縦に持って訪問されているようです。幅は、今回のGoogleアナリティクスですと、最低で３２０ピクセルです。３２０ピクセルに適した画像を配信するのが親切でしょう？！ 訪問者の通信スピードが遅い場合、毛嫌いされて切断されては、ブログを公開する効果が半減します！

将来性

４Ｋディスプレイモニター(4096x2160)、そして８Ｋディスプレイモニター(7680x4320)で表示した時に、高密度・高精細な画像を表示するでしょう！

Click to enlarge DropBox (Lightbox). After enlarging, you can move to the author's page by clicking the icon on the upper left in the image

効能

2020/03/01 当初の期待を超える効能を確認しました。 ハッカー：Ujiki.oOへの寄付

WordPressの標準機能に「アイキャッチ画像（英語版WordPress: featured image）」があるのですけど、常識的な運用として「一つの静止画像を登録する」こととなります。これには問題があって、訴求効果を高めようと高精細な画像を採用すると、画面の小さなスマートフォンだと、ダブルタップすると地球軌道の人工衛星から撮影されたWordPressになります。異常に縮小されるのです！わたしは記事内の画像をPopBox(LightBox)で表現していますが、画面の小さなスマートフォンの場合にPopBox(LightBox)の拡大率が異様に大きくなり、画面からはみでるのです！

今回の機能の追加によって、画面の横幅が320ピクセルの iPhone3 や、画面の横幅が600ピクセルのアンドロイド・タブレットでも、ダブルタップしても異様な縮小は全く起きませんし、PopBox(LightBox)の表現も正常です！わたしのパソコンでは、ブラウザーの内側の横幅は1918ピクセルですけど、320ピクセルから1918ピクセルに画面のサイズが変化してもデザインが崩れないと言う結果となりました。 WordPressのデザイン力が、これで益々大きくなったと言えます。ブラウザーの内側が横幅1918ピクセルを超える、あなたのブラウザーでは、いかがですか？！また、Facebook用画像を変えたり、DISQUS用の画像を変えたり、320ピクセル端末と、1000ピクセル以上の画像を故意に変えることも可能です。

現在の状況

WordPressの右側サイドメニューか、幅の狭い画面では最下段に、カテゴリー表示ボタンがあって、その下に黒色のSELECTタグがあります。接続可能なWordPressサイトを燃える球体で表示しています。黒色のSELECTタグでクローン化したWordPressを表示可能です！

最新の状況は本記事のDISQUSコメントでレポートします！
DISQUSコメントへ移動する

2020/02/23 : 機能するWordPress

http://fs4y.com で接続できるWordPressの関係する記事の「カスタムフィールド」を追加しました。以下のWordPressクローンです。 サブ・ドメイン名が、 wordpress.fs4y.com ６台の無料版XREAサーバーです。

[s2X

] [s17X

] [s105X

] [s264X

] [s285X

] [s500X

]

2020/02/23 : 機能しないWordPress

http://fs4y.com で接続できるWordPressの関係する記事の「カスタムフィールド」は何も変更していません！比較の為に残しています！以下のWordPressクローンです。 サブ・ドメイン名が、 motpresse.fs4y.com ２台のCOREサーバーです。最終的には、８台のサーバーともに完全なミラーリングを行いますが、安定化したらCOREサーバーに移植し、発展的新機能は無料版XREAサーバーに移植します。

[s5C

] [s22C

]

2020/02/28 : COREサーバー２台と無料のXREA６台

COREサーバー２台も、無料版XREAサーバー６台も、同じ header.php で稼働させています。

原因は究明中ですが、昨年はCOREサーバー

１台のみをメインのWordPressとして運用していましたが、複数のCOREサーバー

が破綻し、その責任を追及するつもりはありませんが、COREサーバー

側のWordPressのカテゴリーが崩壊しました。 WordPressのカテゴリーを手動で追加し直す作業を行ってみましたが、生産的ではないので、この際だからと、無料版XREAサーバー

で稼働中のWordPressのデーターベースを移植しました。無料版XREAサーバー

で自前の mysqldump.sh を手動で起動して、WordPressのデーターベースを自宅のXAMPPで稼働中のWordPress MySQLにphpMyAdminで問題無くインポートし、無用なテーブルを削除し、ウィジェットやGoogleアナリティクス管理コードをWordPressの管理画面で置換して、自前の mysqldump.sh を cygwin64で実行し、エキスポートし、接頭句を置換して、COREサーバー

のphpMyAdminでインポートしました。目下、COREサーバー

２台も、無料版XREAサーバー

６台も、全く同じデーターベースで稼働中です。違うのは、数点のデーターです。

CORE/XREAサーバーでmysqldump.shを利用する
過去記事「特別なMySQLバックアップを自動的に実行する」
カテゴリー： 「MYSQLDUMP.SH 」
cygwin64でmysqldump.shを利用する

過去記事「家庭内で多くの端末を利用してXAMPPでWordPressを確認する！」
カテゴリー： 「XAMPP 」

ハッカー：Ujiki.oOへの寄付

インストール手順

過去記事: 「 WordPress Plugin: “featured image from url” 」を制覇していること。
わたしは FaceBook と連携します。画像付きで連携したいので、横500ピクセルの外部画像のURLをプラグイン「 featured image from url 」に登録します。プラグイン「 All In One SEO Pack 」で外部画像を指定します。

過去記事「 WordPress featured VIDEO from url 」を制覇していること。
わたしは静止画だけではなくて、動画をアイキャッチ画像の領域に表示させたいのです。 YouTubeを利用する場合に、過去記事「多数の動画を配信するブログページの表示完了が高速終了してこそのアフィリエイト環境が充実する」で解説し、配布した「 ShowImage.php 」を利用しています。
WordPressテーマは現在：「 lovecraft.1.31 」(Lovecraft – Anders Norén )を利用中です。
(2020 02 24 header.php (lovecraft.1.31) for YouTube and HTML5 VIDEO tag with plugin Post Snippets ($1944113) / Featured Image from URL · GitLab )

警告：カスタムフィールドでの複数行の追加は、この記事で紹介した最新のheader.phpで機能します。ハッカー：Ujiki.oOへの寄付

調整手順

「 lovecraft.1.31 」の、 header.phpファイルの、オリジナルに対する差分について、変更後の行番号について解説します。

２行目： $DoTopPageFlasg2020 = false;
trueにすると、トップ・コンテンツであったり、カテゴリーであったり、タグであったり、個別記事以外でも積極的にアイキャッチ動画を参照します。但し、条件があります。
１３７行目から２５５行目： JavaScriptスクリプト領域です。
1. PHP変数を定義してください！ $dummyPoster
  過去記事「アフィリエイトのリンクを貼り付けると近い将来接続が終わらないブログに成長してしまうから貼り付ける時に改造を忘れない！」で配布中のファイルを、あなたのサーバーに必ず保存し、そのURLを必ず指定します！：
  Savior.gif
2. ２２１行目のJavaScript変数を定義してください！ ShowImage.php
  過去記事「多数の動画を配信するブログページの表示完了が高速終了してこそのアフィリエイト環境が充実する」で配布中のファイルを、あなたのサーバーに必ず保存し、そのURLを必ず指定します！：
  ShowImage.php
divタグに、 id="bg-video" を定義していますが、これは位置決めに利用しています。
無用なら無視願います。 URLのアンカー文字が「 #bg-video 」なら動画を自動的に再生させる仕様です。

ハッカー：Ujiki.oOへの寄付

記事内のカスタムフィールド

WordPressで記事を投稿する場合、カスタムフィールドに登録することによって、機能させています！つまり、320ピクセルのiPhone用の軽快な静止画像とか、1000ピクセルを超えるデスクトップ用にはアニメーションGIF画像を設定するとか、あなたは様々なトリックを表現可能です。

fifu_image2_url
アイキャッチ画像のURLを、幅の大きい順に登録します。一行毎に、画像のURLを登録します。 最低でも一行の入力が必須です！
警告：カスタムフィールドでの複数行の追加は、この記事で紹介した最新のheader.phpで機能します。
fifu_image2_width
呼び出すアイキャッチ画像の幅を、大きい順に登録します。一行毎に、画像の幅のサイズを登録します。 最低でも一行の入力が必須です！
警告：カスタムフィールドでの複数行の追加は、この記事で紹介した最新のheader.phpで機能します。

fifu_YouTube_url
YouTubeで共有アドレス(embed)として公開されるURLを指定可能です。 YouTube動画を扱う場合は必須です！
fifu_YouTube_W 同時に、 fifu_YouTube_H
padding: 内で、百分率を埋め込みます。 YouTubeで共有アドレス(embed)で表示される縦と横のサイズを入力します。 YouTube動画を扱う場合は必須です！
サンプル： XREA | CORE

fifu_mp4_url
YouTubeではなくて、動画ファイル(例えばMP4）のURLを指定可能です。 HTML5 / VIDEO タグを出力します。動画タイプ初期値は「 video/mp4 」ですが、変更したければ、fifu_mp4_typeを定義します。
fifu_mp4LOW_url
必須ではありませんが、YouTubeではなくて、低いレゾリューション動画ファイル(例えばMP4）のURLを指定可能です。 HTML5 / VIDEO タグで２番目のソースを出力します。動画タイプ初期値は「 video/mp4 」ですが、変更したければ、fifu_mp4LOW_typeを定義します。
fifu_mp4LOWEST_url
必須ではありませんが、YouTubeではなくて、より低いレゾリューション動画ファイル(例えばMP4）のURLを指定可能です。 HTML5 / VIDEO タグで３番目のソースを出力します。動画タイプ初期値は「 video/mp4 」ですが、変更したければ、fifu_mp4LOWEST_typeを定義します。
サンプル： XREA | CORE

動画の実例

静止画だけでなくて、YouTubeや動画ファイルの公開URLをアイキャッチ画像領域で表示できます。 以下のサンプルで、ドメイン：「 miroir.fs4y.com 」は、非公開です！

ハッカー：Ujiki.oOへの寄付

YouTube

fifu_YouTube_H: 315
fifu_YouTube_url: https://www.youtube.com/embed/05rGDcgmd14%3Fcc_load_policy=0%26rel=0%26list=PL01ovmBn7myw5YflSDDPgPS1F4O51BEpz&width=100%
fifu_YouTube_W: 560

fifu_image2_url 必須です！ fifu_image2_url と fifu_image2_width 両方を定義しています。

MP4

fifu_mp4_url: //miroir.fs4y.com/motpressevotrespac/images/FeaturedIimage/ORG_ZZ/Hot%20Redhead%20Elf%20Girl.mp4
fifu_mp4LOW_url: https://ve.media.tumblr.com/tumblr_pzgse0hdJ81tx1v0j.mp4

fifu_image2_url 必須です！ fifu_image2_url と fifu_image2_width 両方を定義しています。

次世代ＭＰ４対応計画

今回は、ＩＭＧタグのＳＲＣや、ＳＴＹＬＥのＵＲＬ、そしてＶＩＤＥＯタグのＰＯＳＴＥＲについて、画面のサイズで適切な画像アドレスを自動的に変換しました。次なる計画では、画面のサイズに適したＭＰ４動画ファイルを自動的に選択する機能を開発する予定です。静止画に強い flickr ですけど、動画も自動的にサイズ・ダウンしてくれて、共有機能をオープンにしてくれれば、最強の flickr になるのですけど。やっぱりＹｏｕＴｕｂｅなのでしょうか？

記事の改訂の告知について

DISQUSコメントで案内します。: DISQUSコメントにログインし、DISQUSコメント枠の一番下段の左端のメール・シンボルをクリックすれば、DISQUSコメントがあれば自動的にメールで知らせてくれます。再度クリックすれば、メール通知を停止できます。記事末尾のDISQUSコメントの表示が小さくてスレッドのデザインが狭過ぎると思うなら、DISQUSコメント本尊に接続してみてください。

SNS

応援よろしくお願い致します！

MovableTypeインポート書式のファイルを扱えないブログ類は、ＳＮＳ扱いです。

サポートが必要ですか？

Support AIt's free and fast Support BIt's free and fast Support CIt's free and fast

「無料サポート」に興味があれば
上の丸ボタンをクリック願います。
サーバーから9kbを受信しますのでお待ち願います。

※ 記事本文は別サーバーから JavaScriptファイルとして配信しており、配信元のサーバーにおける JavaScriptファイル(YUICOMPRESSOR済み)も、実際にあなたのブログが受信する gzip圧縮済みの JavaScriptファイルも、３０日間のキャッシュ流用を定義していますので、特にご質問の前にブラウザーのキャッシュを削除してから、再度のご訪問と閲覧をお願い致します。
※ DISQUSについては別管理ですので、毎回、最新のDISQUSを表示できています。但し、ご自分のDISQUSコメントを編集した直後に編集後の内容に至らない場合がありますが、DISQUS表示の上部にある「あなたの言語でDISQUSメニューを再表示する！」をクリックしますと最新の状況を表示致します。宜しくご理解願います。

※ どれだけ待ってもDISQUSが表示されない場合は「広告ブロック」機能を切ってみて下さい。
Google Translator.

DISQUS.js Ver:1.2

良いブログと利用できないブログ

CLICK!

Ujiki.oO XREA WordPress s17

نهدف إلى أسرع ووردبريس في العالم!

第二世代WordPressアイキャッチ静止画と動画

実験的考察

WordPressの機能です！

将来性

効能

現在の状況

2020/02/23 : 機能するWordPress

2020/02/23 : 機能しないWordPress

2020/02/28 : COREサーバー２台と無料のXREA６台

CORE/XREAサーバーでmysqldump.shを利用する

cygwin64でmysqldump.shを利用する

インストール手順

調整手順

記事内のカスタムフィールド

動画の実例

YouTube

MP4

次世代ＭＰ４対応計画

記事の改訂の告知について

SNS

サポートが必要ですか？

良いブログと利用できないブログ

コメントはDISQUSで！

8 Pingbacks

Google Translator V4.01 (改)

静的 – 最近の記事

広告

Search by article embedded keyword

静的 – カテゴリー

コメント

緊急用WordPressミラー：

منوعات

Ujiki.oO XREA WordPress s17

نهدف إلى أسرع ووردبريس في العالم!

第二世代WordPressアイキャッチ静止画と動画

実験的考察

WordPressの機能です！

将来性

効能

現在の状況

2020/02/23 : 機能するWordPress

2020/02/23 : 機能しないWordPress

2020/02/28 : COREサーバー２台と無料のXREA６台

CORE/XREAサーバーでmysqldump.shを利用する

cygwin64でmysqldump.shを利用する

インストール手順

調整手順

記事内のカスタムフィールド

動画の実例

YouTube

MP4

次世代ＭＰ４対応計画

記事の改訂の告知について

SNS

サポートが必要ですか？

良いブログと利用できないブログ

誘拐監禁人質詐欺的な無料サーバー！？

WordPressカスタムフィールドのデーターを配列に代入するPHP関数

コメントはDISQUSで！

8 Pingbacks

Google Translator V4.01 (改)

静的 – 最近の記事

広告

Search by article embedded keyword

静的 – カテゴリー

コメント

緊急用WordPressミラー：

منوعات