サイトの頁ソースを見ると、日本語を含むURLリンクが全てエンコードされていて読めない状態なのが気になった。これはWordpressの仕様で、日本語で出力しようとしても、最後にはエンコードされて出力されてしまう。$the_content にフィルターをかけて、 $the_content = rawurldecode($the_content ); としてもだめだった。 それで、全体の頁が出力される直前にフィルターを掛けるようにする。 functions.php に次を追記する。if(!is_admin()){ function call_back($buffer) { $buffer = rawurldecode($buffer); return...
69
タグ: Wordpress ~ 93件
-
- 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 を利用する。
- 人気記事をランキング表示するのにWPP、Wordpress Popular Posts を使っていたが、Simple GA Rankingに乗り換えた。 Simple GA Ranking は、Google Analytics の統計情報を利用しているので、データーベースへのアクセスが減り、高速化が期待できる。これで、週間・月間・年間ランキングをタブで切り替え表示できるようにしてみた。 タブの作成、週間、月間、年間 外観→ヰジェットで、 サイドバーに「カスタムHTML」を作成し、次のコードを記述する。<div class="pop-tabs"> <ul> <li class="pop-tablist is-active">週...
- 2679年7月15日Font Awesome 5 を使用するには通常、JSとCSSを読み込む必要がある。 footer.php の </body> タグの前に以下のように記述する。<script defer src="" data-search-pseudo-elements></script> <script> FontAwesomeConfig = { searchPseudoElements: true }; </script> <link rel="stylesheet" href="
- 2679年7月12日Pz-LinkCard プラグインのブログカードでは、日本語を含むURLは日本語で表示されない。 urlencode された読解不可能な長い文字列になる。ドリアン農園.htmlこのブログカードの下部の引用先アドレスURLの部分。例えば、 ドリアン農園.htmlと表示されてほしいのに、 %e3%83%89%e3%83%aa%e3%82%a2%e3...
- 2679年7月2日記事リストのページには抜粋 excerpt が表示される。 WordPress Popular posts でも記事抜粋が表示される。 そこにURLが混じっていると見にくいのでこれを除去する。functions.php に次を追加する。 //URLの正規表現 define('URL_REG_STR', '(https?|ftp)(:\/\/+)'); define('URL_REG', '/'.URL_REG_STR.'/'); //本文部分の冒頭を綺麗に抜粋する echo get_content_excerpt( get_the_content(), 150 ) function get_con...
- 2679年7月1日WordPressの標準の検索フォームから「バス」で検索すると、パスタの「パス」、ひらがなの「ばす」「はす」でもヒットすることに気づいて改善を試みた。 ひらがなとカタカナは区別したい。 乗り物のバスを検索しているのに、パスタの記事が出てきては混乱する。 そうすると、最初は検索結果で332件ヒットしていたのが、179件に減ってスッキリした。 Custom Post Order プラグインを使うと検索結果の順番がおかしくなる 最初は検索結果の表示順もおかしかった。 最初の方の記事に、「バス」の語句が全く含まれていない。 検索語句の重要度と無関係な順番に検索結果が表示されていた。それで、検索した時に、どういうSQL Query が発生しているのかLog を取って調べてみた。 130...
- 2679年6月2日WordPress の記事内で使用されている語句やhtmlタグを一括変換したい時がある。 置換プラグインもいくつかあるようだが、それよりもInterconnect のSearch Replace DB がよい。Github から無記名でダウンロードできる。バージョン4.0 もある。 注意点は、最初は Dry Run で確認し、 その後、 Live Run する。検索対象の...
- 2679年5月22日以前は Fetch as Google でできた新サイトの登録が今ではできなくなっている。 サーチコンソール Search Console の "URL Inspection" で未登録の場合に "Request (re)indexing" すればよい。 WordPress で新しい記事を公開して7時間経っても検索結果に出てこないことがある。 放置していてもそのうち登録されるのだろうが、なるべく早く登録したい場合は"Request indexing" するしかない。 するとグーグルクローラーがやって来てインデックスに登録してくれる。
- の画像タグに alt と title 属性を追加する。 WordPress Popular Posts のサムネイル画像に alt と title を追加するには functions.php に次の様に追記する。//wppサムネイル取得先変更 alt title 追加 function change_wpp_thumb( $content, $p ) { $thumb_html = get_the_post_thumbnail( $p->id, 'wpp348x208' ); preg_match( '!src="(+)"!'...
- 2679年3月1日スマホのギャラクシS8で写真を撮ると、ファイル名は撮影日時の数字の羅列になる。 そのファイル名を自分で変更することは全くしていない。 WordPressで画像をアップロードすると、自動的にファイル名が画像のtitle属性として登録される。 マウスポインターを画像の上に置くと、画像のタイトルがヒント表示されるが、数字の羅列だけだと面白くない。 記事に写真を挿入する時に、キャプションは記入することが多いが、ALT やTITLE 欄にはほとんど記入していなかった。 それで、ALTやTITLEが未入力の場合に、自動的にキャプションと同じになるようにしてみた。 キャプションが未設定の場合には、その記事のタイトルがALTとTITLEに挿入される。functions.php に追記する内容...
- 2679年2月18日ノートPCの狭い画面で投稿の編集画面を大きく使いたい。 この投稿編集画面をカスタマイズするには、Add Admin CSS プラグインを使用するとうまくいった。投稿を更新すると、 「投稿を更新しました。」 という表示が出て消えない。 これを非表示にする。「投稿の編集」「新規投稿を追加」などのタイトルの文字も小さくする。ギャラリーの編集画面で、画像サムネイルが大きく表示されるようにした。以下のようにCSSを追加した。 /* Enter Your Custom Admin CSS Here */ .wrap h1.wp-heading-inline { display: inline-block; margin-right: 3px...
- PageSpeed Insights で「オフスクリーン画像の遅延読み込み」をせよとの警告が出たので Lazy Load を導入した。Lazy Load 系のプラグインをいくつか試してみた。 どれもWPP=WordPress Popular Posts のサムネイル画像の表示に問題があった。Jetpack のLazyload WPP のサムネイル画像が表示されない。真っ白。 Lazy Load by WP Rocket 全く機能しない BJ Lazy Load WPP の画像が表示されない a3 Lazy Load WP...