晴歩雨描

晴れた日は外に出て歩き、雨の日は部屋で絵を描く

ホームページ、Web作成

JavaScript、CSS)「My 野鳥図鑑」ポップアップ画像表示を、別ページや<a>タグ、<div>タグを使わない方式に変更。

以前作成した「My 野鳥図鑑」のポップアップ画像を表示する方式を、別ページや<a>タグ、<div>タグを使わない方式に変更。 ≪(新)My 野鳥図鑑≫ ≪(旧)My 野鳥図鑑≫ <a>タグ、<div>タグを使わない方式については、以下を利用。</div></a></div></a>

WordPress)検索対象に「カテゴリ」を追加し「本文」は含めない。

WordPressのサイト内検索対象に「カテゴリ」を追加し「本文」は含めないようにする。 検索対象は「タイトル」と「カテゴリ」にする。 以下を参考に少しカスタマイズした。 「\wp-content\themes\iconic-one\functions.php」に以下を追加。 function custom_s…

WordPress)はてなブログから移行した画像をポップアップ表示するようにした。

はてなブログからWordPressへの移行を検証している。 はてなブログからWordPressへ画像を移行して記事内で画像が表示されるようになったが、この画像をクリックしてポップアップ画像を表示するようにした。 <a>タグ、<div>タグを使わずに、<img>タグだけで画像を、ポップ</div></a>…

JavaScript、CSS)aタグ、divタグを使わずに、imgタグだけで画像をポップアップする。

HTMLで画像をポップアップする場合、<a>タグや<div>タグで<img>タグを囲んで行うのが一般的。 <a>タグ、<div>タグを使わずに、<img>タグだけで画像をポップアップする方法を探した。以下に目的のものがあった。 ≪CSS≫ <style> #modal-container { display: none; position: fixed; background:</div></a></div></a>…

はてなブログエクスポートファイルからキーワードリンク<a>タグを除去するJScript。WordPressインポート用。

はてなブログでは、文章中の特定のキーワードに勝手にアンダーラインが引かれリンクになる。 無料版では標準的にはこれを消せない。 はてなブログからエクスポートするファイルにも、そのキーワードリンクはそのまま残っている。 ≪サンプル≫ <a class="keyword" href="http://d.hatena.ne.jp/keyword/%B5%FE%C5%D4%C9%DC%CE%A9%BF%A2%CA%AA%B1%E0">京都府立植物園</a> …

JavaScript)EUC-JPエンコード→UTF-8エンコード変換。

はてなブログでは、文章中の特定のキーワードに勝手にアンダーラインが引かれリンクになる。 無料版では標準的にはこれを消せない。 はてなブログからエクスポートするファイルにも、そのキーワードリンクはそのまま残っている。 ≪サンプル「京都府立植物園…

WordPress)はてなブログから移行(インポート)する手順まとめ。メディアライブラリを使わないバージョン。

自宅WindowsPCローカルにWordPressをインストールしている。 「はてなブログ」からエクスポートしてWordPressにインポートしてみた。 以前、移行(インポート)する手順まとめを書いた。この時はメディアライブラリを使う前提だった。 メディアライブラリを…

WordPress)設定まとめ。メディアライブラリを使わないバージョン。

自宅WindowsPCローカルにWordPressをインストールしている。 以前、WordPress設定まとめを書いた。この時はメディアライブラリを使う前提だった。 メディアライブラリを使わない方法が分かったので、 今回は、メディアライブラリを使わない前提の設定まとめ…

WordPress)はてなブログのアイキャッチ画像をメディアライブラリを使わずに記事一覧とブログカードに反映させる。

自宅WindowsPCローカルにWordPressをインストールしている。 「はてなブログ」からWordPressへの移行の検証をしている。 ※ ↓は、本対策を行う前のインポート手順。 どうにか、やりたいことは出来たが、課題としてアイキャッチ画像の問題がある。 「はてなブ…

自宅PCローカルのWordPressをスマホなどで閲覧する方法。(Wi-Fi環境で)

自宅のWindowsPCローカルにWordPressをインストールしている。 これをインストールしているPCローカル以外の自宅内スマホなどで閲覧する方法。 Wi-Fi環境がある前提で、WindowsPCのIPアドレスを固定にしている前提。 「一般設定」で、「WordPress アドレス (…

WordPress)外観テーマを「Iconic One」に変更。 「Iconic One」カスタマイズ。

先日、自宅のWindowsPCローカルにWordPressを入れた。 外観テーマを一旦「Semplicemente」に変更したが、 今回、外観テーマを「Iconic One」に変更してみた。 ※ この記事の以下の設定は、「はてなブログのアイキャッチ画像をメディアライブラリを使わずに記…

WordPress)はてなブログから移行(インポート)する手順まとめ。メディアライブラリを使うバージョン。

自宅のWindowsPCローカルにWordPressをインストールしている。 「はてなブログ」からエクスポートしてWordPressにインポートしてみた。 ※ メディアライブラリを使わない前提の移行(インポート)手順は以下。 ※ 以下は、メディアライブラリを使う前提の移行…

WordPress)設定まとめ。メディアライブラリを使うバージョン。

自宅のWindowsPCローカルにWordPressをインストールしている。 設定をいくつかやってみたので、備忘録としてまとめ。 ※ メディアライブラリを使わない前提の設定まとめは以下。 1-A.外観テーマを「Semplicemente」に変更。 テーマ「Semplicemente」は、…

WordPress)はてなブログのブログカードをWordPressローカルリンクのショートコードに変更するJScript作成。

自宅のWindowsPCローカルにWordPressをインストールしている。 はてなブログをエクスポートして、WordPressにインポートした。 ブログカードは、はてなブログに依存したままになる。自分のブログ記事へのリンクをクリックすると、はてなブログの記事が開いて…

WordPress)はてなブログからインポートした記事にアイキャッチ画像を一括登録。

自宅のWindowsPCローカルにWordPressをインストールしている。 はてなブログからインポートしたWordPressの記事に、アイキャッチ画像を一括登録する。 以下のサイトで提供されている「IMUZA.com:はてなブログインポートツール」を利用させてもらった。 はて…

WordPress)はてなブログからダウンロードした画像を、「メディアライブラリ」に登録するプラグイン「Bulk Media Register」。

自宅のWindowsPCにWordPressをインストールしている。 はてなブログから、WordPressのローカルディレクトリにダウンロードした画像ファイルを、WordPressの「メディアライブラリ」に登録するプラグインツール「Bulk Media Register」。 WordPressのダッシュ…

WordPress)余分なサイズの画像自動生成を停止する方法。

WordPressでは、画像をアップロードすると、余分なサイズの画像が自動生成される。 これを停止する方法。 以下の2つを実施。 【1.設定 > メディア】 以下の画像サイズを全て0にする。 【2.options.php】(自宅PCの場合) http://localhost/wordpress/wp-…

WordPress)メディアファイルを一括で削除するプラグイン「DNUI」。

WordPressのメディアファイルを一括で削除するプラグイン「DNUI」。 インストールして有効化する。 ツール > [DNUI Delete not used image]を開いて、「Images」タブを開いて「Delete All」する。

WordPress)アイキャッチ画像を一括削除する方法。

WordPressに登録されているアイキャッチ画像を一括削除する方法。 以下のサイトを参考にした。 「wp-content\themes\テーマフォルダ 」の下にある「functions.php」 \xampp\htdocs\wordpress\wp-content\themes\semplicemente\functions.php に、以下のソー…

WordPress)リンク埋め込みブログカード表示のカスタマイズ。ショートコード使用。

先日、自宅のWindowsPCローカルにWordPressを入れた。 リンク埋め込みブログカード表示のカスタマイズについての備忘録。 URLを挿入すると、自動的に表示されるブログカードのデザインは以下。 はてなブログからインポートした記事には、アイキャッチ画像は…

WordPress)記事一覧にアイキャッチ画像を表示させる。

WordPressテーマ「Semplicemente」では、アイキャッチ画像を設定しても記事一覧にアイキャッチ画像が表示されない。 テーマ「Semplicemente」で、アイキャッチ画像を記事一覧に表示するように設定した。 「wp-content\themes\テーマフォルダ」の下の「conten…

WordPress)記事内には、アイキャッチ画像を表示しないようにする。

WordPressで、ブログカードに画像を表示したい場合、アイキャッチ画像を設定する。 しかし、アイキャッチ画像を設定すると、記事の先頭に大きくアイキャッチ画像が表示されてしまう。 アイキャッチ画像は、あくまでもブログカード用ということで、記事内には…

WordPress)記事URLに記事タイトルが入るのを変更。

WordPressでは、初期状態では、投稿した記事のURLが、以下のように記事タイトルがURLに入る。 http://localhost/wordpress/2022/08/10/テスト/ 記事タイトルがURLに入るこの形式を変更したい。 設定の「パーマリンク設定」で変更できる。 標準には、希望の形…

WordPress)外観テーマを「Semplicemente」に変更。

先日、自宅のWindowsPCローカルにWordPressを入れた。 このWordPressの外観テーマを「Semplicemente」に変更。 【はてなブログ「晴歩雨描」のテーマ:Minimalism】 一旦はテーマを「Twenty Sixteen」にしたが、3カラム形式だったので、2カラム形式を探した。…

WordPress)外観テーマを変更したらエラー「Parse error: syntax error」に。解決方法。

WordPressで、外観テーマを変更したら、以下のようなエラーが出て、ページもダッシュボードも開けなくなった。 「Parse error: syntax error, unexpected 'const' (T_CONST), expecting variable (T_VARIABLE) in D:\xampp\htdocs\wordpress\wp-content\them…

はてなブログのエクスポートファイルの画像リンクをWordPressローカルに変えるJScriptを作成。

自宅のWindowsPCローカルにWordPressをインストールしている。 はてなブログのエクスポートファイルでは写真画像は、はてなフォトライフを参照する形になっている。 ≪サンプル≫ https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20220731/202207311…

WordPress)画像格納ディレクトリ確認。はてなブログからのインポートテスト。

先日、自宅のWindowsPCにWordPressをインストールした。 画像格納ディレクトリ確認、はてなブログからのインポート、他、試しごとの備忘録。 【デザイン変更】 ダッシュボードの「外観」で「テーマ」を選択。 http://localhost/wordpress/wp-admin/themes.ph…

WordPressのデータベース変更。

昨日、自宅のWindowsPCにWordPressをインストールした。 WordPress用のデータベースを切り替えてみる。 http://localhost/xampp/ で、「phpMyAdmin」を開いて、切り替え用データベースを作成する。 「wp-config.php」ファイル \xampp\htdocs\wordpress\wp-co…

WindowsPCの古いXAMPPにWordPress(5.0.16)をインストール。

自宅のWindowsPCにWordPressをインストールした手順の備忘録。 自宅のWindowsPCには、古いバージョンのXAMPP(XAMPP 1.8.3)が入っている。理由は自分で作成したPHP+MySQLベースのシステム「MyHome Portal」を使っているから。 XAMPP 1.8.3 PHP 5.5.15 MySQ…

JavaScript)HTML<TABLE>の<TD>に、セルの数値に合わせて、背景色を付ける。

昨日、不快指数一覧図表を作成した。 このテーブルの背景色は、JavaScriptを使って、HTML<TABLE>の<TD>に、セル内の数値に合わせて付けている。 jQueryを使う方法もあるが、jQueryを使わないでJavaScriptだけで非常に簡単にできる。「.rows」「.cells」が便利。 今回、</td></table>…