タグ: Wordpress ~  93件

  • サイトの頁ソースを見ると、日本語を含む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日

    CSSでカルーセルスライダー

    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' => '...
  • 昔の記事でアイキャッチ画像が設定されていない記事が目について、麦に関する記事だから、確か麦畑の写真があったはず、と思い、サイト内検索したら、出てこない。 ギャラリー内の画像のキャプションに確かに「麦」という語を使っていたはずであった。それが引っかからない。画像に説明文を付けても検索結果に含まれないのはおかしい。それで、検索対象に画像キャプションも含めるようにした。attachment,  inherit を検索対象にする画像キャプションの文字列は、 wp_posts テーブル内の、post_excerpt カラム(行)に格納されている。 post_type は attachmentで、 post_status は、inherit...
  • スマホ画面でスライドダウン、ドロップダウン式のメニューの項目をタップすると、サブメニューがあるのに展開される時間が与えられないままジャンプしてしまう。 トップメニューしか開くことができない。 サブメニュー、サブサブメニューをクリック、タップすることができないという問題があった。 サブメニューが隠れている場合に、一階目のタップをするとリンク先に飛んでしまわないで、まずはドロップダウンメニューを広げ、2回目のタップでリンク先に飛ぶようにしたい。doubletaptogo.js を利用する。Touch-Friendly & Responsive jQuery Dropdown Menu Plugin - doubletaptogo...
  • 人気記事をランキング表示するのにWPP、Wordpress Popular Posts を使っていたが、Simple GA Rankingに乗り換えた。 Simple GA Ranking は、Google Analytics の統計情報を利用しているので、データーベースへのアクセスが減り、高速化が期待できる。これで、週間・月間・年間ランキングをタブで切り替え表示できるようにしてみた。 タブの作成、週間、月間、年間 外観→ヰジェットで、 サイドバーに「カスタムHTML」を作成し、次のコードを記述する。<div class="pop-tabs"> <ul> <li class="pop-tablist is-active">週...
  • 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="
  • Pz-LinkCard プラグインのブログカードでは、日本語を含むURLは日本語で表示されない。 urlencode された読解不可能な長い文字列になる。スラタニのドリアン農園花盛り2年前の4月にバイクでナコンシータマラートのKhao Luang 山の周りを周遊していた時のこと、ドリアン農園を通過した。  ドリアンの木は花盛りで、実はまだまだできていない季節。 スラタニの南60kmぐらいの山裾にある。本格的なドリアン果樹園。 ドリアンの花 ドリアンの木ここの農家とLine の交換までしたのだが、 農薬販売。この写真を撮ると、いきなり機嫌が悪くなってパスポートを見せろなどと言い出した。なにか後ろめた...
  • 記事リストのページには抜粋 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...
  • WordPressの標準の検索フォームから「バス」で検索すると、パスタの「パス」、ひらがなの「ばす」「はす」でもヒットすることに気づいて改善を試みた。 ひらがなとカタカナは区別したい。 乗り物のバスを検索しているのに、パスタの記事が出てきては混乱する。 そうすると、最初は検索結果で332件ヒットしていたのが、179件に減ってスッキリした。 Custom Post Order プラグインを使うと検索結果の順番がおかしくなる 最初は検索結果の表示順もおかしかった。 最初の方の記事に、「バス」の語句が全く含まれていない。 検索語句の重要度と無関係な順番に検索結果が表示されていた。それで、検索した時に、どういうSQL Query が発生しているのかLog を取って調べてみた。 130...
  • WordPress の記事内で使用されている語句やhtmlタグを一括変換したい時がある。 置換プラグインもいくつかあるようだが、それよりもInterconnect のSearch Replace DB がよい。Database Search and Replace Script in PHP | interconnect/itSearch Replace DB is a powerful tool for developers, allowing them to run a search replace against their database where CLI tools or WP plugins can’t work.interconnect/it...
  • 以前は Fetch as Google でできた新サイトの登録が今ではできなくなっている。 サーチコンソール Search Console の "URL Inspection" で未登録の場合に "Request (re)indexing" すればよい。 WordPress で新しい記事を公開して7時間経っても検索結果に出てこないことがある。 放置していてもそのうち登録されるのだろうが、なるべく早く登録したい場合は"Request indexing" するしかない。 するとグーグルクローラーがやって来てインデックスに登録してくれ...
  • WordPress Popular Posts で既製の画像を表示させ、キャッシュ作成させない方法WordPress Popular Posts が指定した画像を表示していないことに気づいた。既に同じサイズの画像、圧縮された画像があるのに、わざわざ自分であらためて画像を作成してから表示させている。その画像の容量サイズが小さければいいのだが、圧縮されていないから大きい。それでなんとかこちらの規定のサイズのサムネイルを表示させるようにしてみた。まず、WordPress Popular Posts の設定画面で以下のように設定する。カスタムフィールド名は何でもいい。自分の画像を表示させる。そして functions.php に次のコ.....
  • スマホのギャラクシS8で写真を撮ると、ファイル名は撮影日時の数字の羅列になる。 そのファイル名を自分で変更することは全くしていない。 WordPressで画像をアップロードすると、自動的にファイル名が画像のtitle属性として登録される。 マウスポインターを画像の上に置くと、画像のタイトルがヒント表示されるが、数字の羅列だけだと面白くない。 記事に写真を挿入する時に、キャプションは記入することが多いが、ALT やTITLE 欄にはほとんど記入していなかった。 それで、ALTやTITLEが未入力の場合に、自動的にキャプションと同じになるようにしてみた。 キャプションが未設定の場合には、その記事のタイトルがALTとTITLEに挿入される。functions.php に追記する内容...
  • ノート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 を導入した。PageSpeed Insightsdevelopers.google.comLazy Load 系のプラグインをいくつか試してみた。 どれもWPP=WordPress Popular Posts のサムネイル画像の表示に問題があった。Jetpack のLazyload    WPP のサムネイル画像が表示されない。真っ白。 Lazy Load by  WP Rocket 全く機能しない BJ...

WordPress カテゴリ人気記事 Views most

タグ関連記事

閲覧履歴