2018/04/07WordPressで2つのテーマ内ファイルを比較する方法です。まとめテーマのテスト方法テーマを構成しているPHPやCSSのファイルを直接変更していると、記述ミスでデザインが崩れたり、ページが表示できなくなったりする危険性があります。Drive」を使うと便利です。WordPress管理ページにログインしているユーザーだけ(テスト用の)別テーマで表示、他の閲覧者には今まで通りのテーマで表示ということができます。同じサイトにアクセスしていても、管理ページにログインしている「自分」だけはテーマBを使って表示されるということです。こんな手順で作業すれば、問題を発生させることなくテーマの変更ができます。テーマAをコピーしてテーマBとする。DriveでテーマBを表示するようにする。テーマB内のファイルを変更し、適宜表示を確認。途中ミスしてページが表示できなくなっても、ログインしていない閲覧者達には普段通り表示されます。心配ならログインしていない他のブラウザで「普通の閲覧者の表示」も確認しておきましょう。Driveをオフにして、WordPressのテーマ設定をテーマBに切り替える。テーマBに入れた変更を、テーマAに適用する。次回はAとBを入れ替えてテストする。どのファイルを変更したかが分からなくなる問題が発生して変更を元に戻したいときや、テーマBへの変更をテーマAに適用するときに、どこに変更を入れたのかが分からなくなることがよくあります。スタイルの変更だけなら良いんですが、PHPも変更していると影響するファイルが多くて色んなファイルを一気に変更するなんてことがよくありますね。していると一体どこに変更をいれたのか分からない。PHPの比較って意外と面倒PHPのファイル内容は普通には(外からは)見られません。URLでPHPファイルにアクセスしても、PHPを実行した結果が返ってくるだけで元のPHPの内容は分かりません。すると単に比較するだけのために、両方のテーマの構成ファイルをFTPですべてダウンロードして、ローカルで比較しないといけなくなります。60なんてザラですね。「変更したのは3ファイルくらいだけどどれだっけ?」みたいな時に毎回全部ダウンロードなんてあまり賢くありません。LINK「テーマ内PHP/CSSを比較するPHP」を作成そこで解決方法です。こんな風に表示されます。単純なファイル内容一致判定なのでどこが異なるかまでは分かりませんが、どのファイルが変更されているのかは一目瞭然ですね!ソースコード以下ソースコードです。これをテーマフォルダ内に「wp-content/themes/○○/compare.php」などと置き、直接このファイルのURLにアクセスすると結果が表示されます。Aにのみ存在するファイルに分ける。不一致の場合は日付を比較する。次にBを基準にBしかないファイルを探索。Name:」の行は無視する。結果はHTMLの表形式にする。style.cssを呼んでテーマと同じ表デザインで表示。ファイル一覧の取得には以下のサイトを参考にしました。Codaholicまとめこれでテーマ間比較が簡単になりましたね!安全・快適にデザイン変更を施しましょう。Evolvedに言語を追加する方法いま徐々にHTMLベースのサイトからWordPressに移行している最中です。プラグイン&本文変更不要!表を横スクロール対応にする方法スマートフォン用に大きな表をスクロールして表示できるようにする方法です。コメントをキャンセルメールアドレスが公開されることはありません。自動起動されるはずのアプリケーションが立ち上がらない。大きなファイルをコピーするときには、コピーの進捗状況を表示できると便利ですよ。...iPhone/iPadで録画した動画の位置情報:位置情報を保持して圧縮iPhoneで撮影した動画には位置情報(ジオタグ)が記録されています。USBキーボード配列変換アダプター「かえうち」は、私が開発・生産しています。