Title: WordPressで濁点ありの日本語ファイルをsafariでも表示でされない。 Last modified: 2016年12月26日 --- # WordPressで濁点ありの日本語ファイルをsafariでも表示でされない。 * [miya](https://ja.wordpress.org/support/users/linkstory/) * (@linkstory) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/) * WordpressのメディアにPDFをアップした時に濁点のついた日本語ファイルのみ、safari で表示されない状況です。 ごくまれに濁点がついていても表示されることはあります。 * ファイル名に日本語を使うのは極力避けた方がいいとは思いますが、今回は日本語で管理 しなければならなく、 使用していました。2016年の9月から10月前後までは、問題なく 日本語でも濁音ありでもすべてのブラウザーで表示されていました。 * 現状は対策として、safari用に先にFTPでアップし、chromeなど用にメディアからファイル を投稿すると表示されるので、その応急処置で行っています。（先にsafari用のPDFを FTPで上げておけばsafariには表示されますが、chromeでは表示されないので同じファイル をメディアにもあげています） * その状況ですので、サーバー上には常に２つファイルがアップされています。（ファイル は全く一緒ですが上書きされず２つに分かれます） * ＜情報＞ ・wordpress　バージョン4.7(4.6.1でも同様の状況） ・WP Multibyte Patch は有効済み　 　→$wpmp_conf[‘patch_sanitize_file_name’] = false;　trueからfalse に変更 ・chrome、IE、firefoxは表示OK 15件の返信を表示中 - 1 - 15件目 (全21件中) 1 [2](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/page/2/?output_format=md) [→](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/page/2/?output_format=md) * [nobita](https://ja.wordpress.org/support/users/nobita/) * (@nobita) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211724) * こんにちは、 * 自分の作っているテーマで、PDFの表示テストを行ってみたんですが、「だくてん付き のファイル.pdf」というファイル名でアップロードしてみました。 * おかげで、スタイルのバグは発見できたのですが、表示は特に問題ないようでした。 * よろしければ、私のテーマを使って同じような状況になるかどうか　テストしてみてい ただけませんか？　おかしなところがあれば教えてください。 * [https://wordpress.org/themes/raindrops/](https://wordpress.org/themes/raindrops/) * スタイルのバグがあるので、 * style.cssの　5426行 * ``` .safari .pdf-preview,　/* この一行を追加してください */ .ie8 .pdf-preview{ height:600px; } ``` * WordPressの言語設定は、日本語でお願いします。（言語別で処理が異なるので） * ``` $wpmp_conf[‘patch_sanitize_file_name’] = false ``` * は、デフォルトに戻してみてください * ![safari　日本語pdf スクリーンショット](http://www.tenman.info/wp3/manualraindrops/ files/safari-pdf-preview.jpg) - この返信は9年、 9ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/) が編集しました。 - この返信は9年、 9ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/) が編集しました。 * トピック投稿者 [miya](https://ja.wordpress.org/support/users/linkstory/) * (@linkstory) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211730) * ご連絡ありがとうございます。 いただいた、テーマが同じ環境でいれてみたところ、 エラーが出て表示できなかったため、 確認できませんでした。 * よろしくお願いします。 - この返信は9年、 9ヶ月前に[miya](https://ja.wordpress.org/support/users/linkstory/) が編集しました。 * トピック投稿者 [miya](https://ja.wordpress.org/support/users/linkstory/) * (@linkstory) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211733) * 試験的に、違うサーバーで、複数のテーマで試してみましたが、同じ状況でsafariのみ 表示されない状況です。 * [nobita](https://ja.wordpress.org/support/users/nobita/) * (@nobita) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211734) * 日本語　PDF ファイルをアップロードした場合、ファイル名がURLエンコードされない ため、safariなどで表示されなくなっているのだと思います。 * PHPが書けるようでしたら、以下のフィルターを　functions.php　に追加してみてくだ さい * 以下のフィルターは、アップロードしたファイルが日本語の場合、ファイル名を　md5 に変更変更します。 * md5でなくても、`urlencode()`でも大丈夫だとは思いますが、以前のワードプレスでは、 マルチバイト文字列の場合md5に変換していた記憶がありますので、とりあえずmd5にし てあります。 * ``` function make_filename_hash( $filename ) { $info = pathinfo($filename); if( isset( $info['extension'] ) && 'pdf' == $info['extension'] ){ $ext = '.' . $info['extension']; if( mb_strlen( $filename ) !== strlen( $filename ) ) { return md5($name) . $ext; } else { return $filename; } } return $filename; } add_filter('sanitize_file_name', 'make_filename_hash', 11); ``` * > いただいた、テーマが同じ環境でいれてみたところ、エラーが出て表示できなかった > ため、 > 確認できませんでした。 * 差し支えなければ、エラーの内容を教えていただけるとうれしいです。 - この返信は9年、 9ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/) が編集しました。 * トピック投稿者 [miya](https://ja.wordpress.org/support/users/linkstory/) * (@linkstory) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211736) * ご丁寧にご返信ありがとうございます。 * いただいた内容をfunction.phpに記述いたしました。 * メディアライブラリのファイルが * `d41d8cd98f00b204e9800998ecf8427e.pdf` * のようになってしまうため、日本語ファイルでの表示をしたいのですが、 そのような ことは可能でしょうか？ * よろしくお願い致します。 * [nobita](https://ja.wordpress.org/support/users/nobita/) * (@nobita) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211738) * safariでの表示は、出来るようになったという事でいいですか？ * md5でなくても、urlencode()でも、多分大丈夫だと思いますので、メディアライブラリー のファイル名表示する部分で（未テスト）urldecodeしてファイル名を表示する処理を 検討してみてください。 * トピック投稿者 [miya](https://ja.wordpress.org/support/users/linkstory/) * (@linkstory) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211745) * お世話になります。 * d41d8cd98f00b204e9800998ecf8427e.pdf になってしまえば、safariも半角英数字なので 問題なく表示されます。 * もし、可能であれば教えていただきたいのですが、 * `md5でなくても、urlencode()でも、多分大丈夫だと思いますので、メディアライブラリー のファイル名表示する部分で（未テスト）urldecodeしてファイル名を表示する処理` * はどのようにすればもし教えていただけると嬉しいです。 * トピック投稿者 [miya](https://ja.wordpress.org/support/users/linkstory/) * (@linkstory) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211746) * テーマの方は、再度インストールしてみたら、問題なくできました。 こちらのミスだ ったようです。 * よろしくお願い致します。 * [nobita](https://ja.wordpress.org/support/users/nobita/) * (@nobita) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211774) * Raindropsテーマが動作するという事なので、 * ``` post_mime_type, 0, 15 ) == 'application/pdf' ) { $check_encoded = get_url_in_content( $html ); if( mb_strlen( $check_encoded ) !== strlen( $check_encoded ) && ! preg_match('!%[0-9A-Z][0-9A-Z]+!', $check_encoded ) ) { $encoded_url = esc_url( $check_encoded ); $html = str_replace( $check_encoded, $encoded_url, $html ); } return str_replace( ' １回直接PDFをみてしまうと、その後は何をやってもダメでしたが、 * URLエンコードされていないPDFを閲覧した時点でキャッシュされてしまうからかなぁ、、、 と楽観的に考えると * エンコードする事で何とかなりそうですね。　Raindropsのコードを一般的なコードに 置き換えると、 * ``` add_filter( 'media_send_to_editor', 'raindrops_pdf_send_to_editor', 10, 3 ); function raindrops_pdf_send_to_editor( $html, $attachment_id, $attachment ) { $post = get_post( $attachment_id ); if ( substr( $post->post_mime_type, 0, 15 ) == 'application/pdf' ) {//ファイルがPDFの場合 $check_encoded = get_url_in_content( $html );//URLを取得して if( mb_strlen( $check_encoded ) !== strlen( $check_encoded ) && ! preg_match('!%[0-9A-Z][0-9A-Z]+!', $check_encoded ) ) { //mb_strlen( $check_encoded ) !== strlen( $check_encoded )は、日本語を簡易判定 　　　　　　　　　　　　　//preg_match('!%[0-9A-Z][0-9A-Z]+!', $check_encoded )　既にエンコードされていないかを確認 $encoded_url = esc_url( $check_encoded ); $html = str_replace( $check_encoded, $encoded_url, $html );//URLを置換 } return $html; } return $html; } ``` * といった形で対応できると思います。 日本語判定とか、URLエンコードのチェックは、 今後PDFファイルのリンクがURLエンコードされた場合に、2重にエンコードされないよう にしています。 (esc_url（）が2重に使われた時の影響等はちょっと調べていませんが、） * 投稿から、メディアファイルへのリンクは、ごくたまに使う程度であれば、 * [http://www.encodemaniax.com/](http://www.encodemaniax.com/) * 等で、ファイル名の部分だけURLエンコードしてしのぐとか、 * 数が多くなって来たら、the_contentフィルターなどで、日本語PDFのリンクを抽出して、 エンコード処理をするフィルタを書くといいと思います。 （暇な時にでも調べてくだ さい） * 添付ファイルの表示には、Raindropsでは、pdf.php　テンプレートを使っています。 * テンプレート側では、ファイル名のデコードの処理も出てくると思いますので（リンク のテキスト）それはそれで、頑張ってみてください。 * media_send_to_editor というフィルターは、投稿からPDFのリンクを挿入するボタンを 押したときに作成されるリンクを改変するフィルターです。 - この返信は9年、 9ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/) が編集しました。 - この返信は9年、 9ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/) が編集しました。 * トピック投稿者 [miya](https://ja.wordpress.org/support/users/linkstory/) * (@linkstory) * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211801) * いろいろとありがとうございます。 * いただいた記述は `Parse error: syntax error, unexpected '$encoded_url' (T_VARIABLE) in` と出てうまくできませんでしたが、いただいた内容でもっと勉強して対策しています。 15件の返信を表示中 - 1 - 15件目 (全21件中) 1 [2](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/page/2/?output_format=md) [→](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/page/2/?output_format=md) トピック「WordPressで濁点ありの日本語ファイルをsafariでも表示でされない。」には 新たに返信することはできません。 * フォーラム: [バグ報告と提案](https://ja.wordpress.org/support/forum/feedback/) * 21件の返信 * 3人の参加者 * 最後の返信者: [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/) * 最後の活動: [4年、 4ヶ月前](https://ja.wordpress.org/support/topic/wordpress%e3%81%a7%e6%bf%81%e7%82%b9%e3%81%82%e3%82%8a%e3%81%ae%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92safari%e3%81%a7%e3%82%82%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%81%95/#post-211737) * 状態: 未解決 ## トピック ### 人気のトピック ### 返信がないトピック ### サポート関連ではないトピック ### 解決済みのトピック ### 未解決のトピック ### すべてのトピック