HTTPD アクセスログの日本語化 Nginx, Apache ヱブサーバーのアクセスログを見ると、日本語URLはエンコードされていて読めない。 そこで、デコードして表示させる。 ログのファイル名が ssl_access.log だとすると、tail -f ssl_access.log| perl -ne 'use URI::Escape; print uri_unescape($_);' tail -f access.log | php -R 'echo urldecode($argn)."\n";'で、日本語URlが読める状態で出力される。 Apacheのログをデコードする方法 - Life with ITプログラマ x ...
268
カテゴリ: PC-Mobile ～ 304件
-
- 2679年8月25日ヱブサイトの再構築中には、スタイルシート、style.css を頻繁に調整更新する。 CSSを追加、編集する度に再読み込みを繰り返して、変更の反映を確認していた。 これで編集者は反映を確認できるのだが、一般閲覧者はわざわざ再読み込みしたり、キャッシュを削除したりするはずはないので、変更が反映されていない崩れたデザインを見ているかもしれない。わざわざリロードしたりキャッシュを削除したりしなくても変更が確実に反映されるような設定方法を発見した。wp_enqueue_scripts で CSS、JS の読み込みを管理している場合には、次のようにfunctions.php に記述する。// 子テーマのstyle.cssを最後に読み込む add_acti...
- 2679年8月25日WordPressで使える頁カウンターをいくつか同時に使ってカウントの仕方の違いを比べてみた。WP-PostViews 長期常用中 Post Views Counter 新規インストール Google Analytics Post Pageviews Pjaxblog の付属カウンター機能WP-PostViews は他のカウンターよりもカウントが多くなりがちなことに気づいた。一度のアクセスなのに2回カウントされることもあるようだ。ロボットクローラー Bots のリスト数も不十分に少ないような気がする。それで数が多くなりやすいのではないか。 それで Post Views Counter に乗り換えることにした。Post Views Cou...
- 2679年8月15日Pjax で非同期画面遷移するWordpress テーマ Pjax Blog に変えてみた。 Pjax Blog テーマでは、Barba.js が使用されている。Pjax Blog | Unique And Flexible WordPress Theme | LeapInPjax Blog is a cool and morden WordPress theme with unique and beautiful transitions. Super fast loading and SEO friendly with easy and flexible customization. Start with free edition!LeapIn
- 2679年8月10日WordPressの投稿記事は、誤字脱字を少し修正しただけでも更新日時が変更されてしまう。 誤字の訂正だけで3年前の記事の更新日が更新されてしまうのはおかしい。 編集画面に更新日時の変更オプション追加 それで、記事の内容に大きな変更のない場合は更新日時を更新しないようにする。 functions.php に次を追加する。?><?php //--------------------------------------------------------------------------- // 記事投稿(編集)画面に更新レベルのボックス追加 //------------------------------------------------------------...
- 2679年7月28日これまで remodal.js を使ってハンバーガーメニューのモーダルメニューウィンドウが開いていたのを、CSSだけで動くようにした。header.php 内の3本線のハンバーガーメニューを表示したいところに次のように記述する。<div class="modal-css nav_btn"> <input id="modal-checkbox" type="checkbox"> <label id="drawer-icon" for="modal-checkbox"><span></span></label> <label id="modal-close" ...
- 2679年7月27日CSSを遅延読み込みするためには、preload を使えばよいのだが、Firefox 、IEブラウザーでは動作しない。それで、loadCSS cssrelpreload.js を併用する。全ブラウザ対応！preload で CSS を非同期で読み込み高速化ブラウザの対応を気にせず rel="preload" で CSS を非同期で読み込めるのが、 javascript ライブラリの loadCSS です。使い方は head タグにスクリプトを記述するだけと簡単です。 rel="preload" に対応しない IE を気にすることなく、レンダリングをブロックするスタイルシートを排除できサイトを高速化できます。First...
- 2679年7月27日Jpeg 画像をWebp形式に変換するとサイズが30％も減少するなどと説明されていることがよくある。 Webp 変換後のサイズの方が大きくなったというのは見つからなかった。 そこで、Webpに変換してくれるWordpressのプラグインを導入して、変換前と変換後のサイズを比べてみた。 Webp 変換サイズテスト WebpExpress WebP Converter for Media EWWW Image Optimizer Celtispack v4.1.0 以上の4つのプラグインは、上から順にサイズが小さくなった。 しかしながら、どのプラグインも元画像 Fullの2560x1920 サイズではWebp 変換後のほうがサイズが大きくなっている。 元画像をアップロードした時に...
- 2679年7月26日画像のサムネイルを再作成する時には、Regenerate Thumbnails 等のプラグインを使用しがちであるが、サーバーにSSHでログインできるならば、コマンドラインで同じことができる。 その方が、速いし、中断されることもなくなる。例えば、全記事のアイキャッチ画像のみに対してサムネイルを再生成したい場合は、 wp media regenerate $(wp eval 'foreach( get_posts( array( "post_status" => "publish", "posts_per_page" => -1 ) ) as $id ) { echo get_post_thumbnail_id( $id ) . " "; }' )特定...
- 2679年7月25日画像をWordpressにアップロードした時に、予め登録しておいた画像のタグ、キーワードが表示されるようにしたい。 Lightroom で画像を整理する時に、キーワードを登録すると、Windows のエクスプローラーでは「タグ」として一覧表示される。 これをWordpressにアップロードすると、このキーワードがどこにも表示されずに活用されていない。 表示されてはいないが、データーベースには記録されている。テーブル: wp_postmeta meta_key: _wp_attachment_metadata meta_value: keywordsにある。これを attachment.php で表示する。<?php...
- 2679年7月25日今朝、いつものようにPCにUSBデザリングで、スマホのAISのSIMから4Mbpsのネットワークに接続したつもりが、ネットに繋がらない。 もしやと思い、AISからのSMSメッセージを見てみると、3日前に、昨日の24日までにトップアップしないとSIMの有効期限が切れるとの英語メッセージが来ていた。 SMSの通知はオフにしていて気づかなかった。 4Mbpsインターネット一年間の期限は来年1月まで残っているのに、それとは無関係にSIMカードの期限が設定されているようだ。 この期限を伸ばすには、10฿でもトップアップすれば1ヶ月伸びるのだが、毎月やるのはめんどくさい。 トップアップはスマホからオンラインでできるのだが、それにしても毎月やるのはめんどくさい。 10฿のトップアップを連続して何度も繰り返...
- 2679年7月24日サイトの頁ソースを見ると、日本語を含むURLリンクが全てエンコードされていて読めない状態なのが気になった。これはWordpressの仕様で、日本語で出力しようとしても、最後にはエンコードされて出力されてしまう。$the_content にフィルターをかけて、 $the_content = rawurldecode($the_content ); としてもだめだった。 それで、全体の頁が出力される直前にフィルターを掛けるようにする。 functions.php に次を追記する。if(!is_admin()){ function call_back($buffer) { $buffer = rawurldecode($buffer); return...
- 2679年7月24日WordPressのテーマ、ストークではトップページにカルーセルスライダーを簡単に設置できる。 pickup というタグが付いている記事が、順に横に流れるように表示される。 このスライダー機能には、Jquery が使用されている。このスライダーをjs なしでCSSだけで実現できないかと模索してみた。parts_homeheader.php 等のスライダーを表示したい場所に、次のように記述する。 <?php if ( is_front_page() || is_home() ) : ?> <?php $args = array( 'posts_per_page' => 13, 'offset' => 0, 'tag' => '...
- 2679年7月23日昔の記事でアイキャッチ画像が設定されていない記事が目について、麦に関する記事だから、確か麦畑の写真があったはず、と思い、サイト内検索したら、出てこない。 ギャラリー内の画像のキャプションに確かに「麦」という語を使っていたはずであった。それが引っかからない。画像に説明文を付けても検索結果に含まれないのはおかしい。それで、検索対象に画像キャプションも含めるようにした。attachment, inherit を検索対象にする画像キャプションの文字列は、 wp_posts テーブル内の、post_excerpt カラム（行）に格納されている。 post_type は attachmentで、 post_status は、inherit...
- 2679年7月21日スマホ画面でスライドダウン、ドロップダウン式のメニューの項目をタップすると、サブメニューがあるのに展開される時間が与えられないままジャンプしてしまう。 トップメニューしか開くことができない。 サブメニュー、サブサブメニューをクリック、タップすることができないという問題があった。 サブメニューが隠れている場合に、一階目のタップをするとリンク先に飛んでしまわないで、まずはドロップダウンメニューを広げ、2回目のタップでリンク先に飛ぶようにしたい。doubletaptogo.js を利用する。Touch-Friendly & Responsive jQuery Dropdown Menu Plugin - doubletaptogo...