言語
言語 カテゴリー記事(更新日順)
-
【WordPress】プラグインなしで関連記事・関連ページを出力
カテゴリ: php, システム
更新日:元々,Taxopress の関連記事を使っていたのだが,気づいたらエラーが出ていたので,この際,プラグインはやめて,自前の関数を呼ぶことにする. こういうことが起こるのでプラグインは困るのである. ということで,プラグイ […] -
【WordPress】目次自動作成スクリプト改良版【javascript少な目】
カテゴリ: JavaScript, php, ホームページ, 知識
更新日:以前,「【WordPress】目次を自動生成するには」という目次自動生成スクリプトを紹介したことがあった. 今回,「A タグの href に javascript:void(0); とか入れんな」という突っ込みを Pag […] -
【CSS】特定の子要素を含まない要素を指定する方法
カテゴリ: CSS
更新日:親要素や兄要素を指定する has セレクタ :has は疑似クラスで、:has が登場する前までは指定できなかった、参照している要素の親要素や前の兄弟要素 (兄要素) を指定できます。 div タグ直下に含む要素の背景を […] -
【HTML】右側や左側に縦配置のサイドメニューを置くということ
カテゴリ: HTML, ホームページ, 随筆
更新日:ホームページを作る際に昔は左や右に縦に伸びたメニューをつけるのが定番であった. レスポンシブ対応が進むにつれ,そのようなページが少なくなり,上のドロップダウン系のメニューで済ませるページが多くなっている. しかし,新規に […] -
アコーディオンを CSS でシンプルに表示する
カテゴリ: CSS, HTML, システム
更新日:ウェブページでアコーディオン表示を使う場合は気をつけましょうというページを書いておいてどうなのかということだが,一応,javascript (jQuery) を使わない「アコーディオン表示」の書き方を説明する. アコーデ […] -
【WordPress】サイトマップ生成をプラグインなしで自動生成
カテゴリ: php, ホームページ
更新日:ふと,サイトマップのファイルを見てみたら,制御文字(タブとか)が XML の中に紛れ込んでいることに気が付いた. WordPress のプラグインで,最近 Google XML Sitemaps の更新があったな,と設定 […] -
【CSS】レスポンシブ対応縦横ヘッダ固定テーブル(縦横スクロール)
カテゴリ: CSS, HTML, ホームページ
更新日:スマホ表示の時に画面からはみ出る table をスライドさせる方法に関して以前に書いたが,それらは IE11 で動くようにするために面倒くさいことをしていた. しかし,もうサポートも終了するので,IE11 は無視してもよ […] -
【CSS】画像クリックでポップアップウィンドウ(拡大画像)を表示する方法
カテゴリ: CSS, HTML, ホームページ
更新日:javascript を使用しないで CSS のみでウィンドウ・レイヤー(拡大・縮小)を表示する方法について,いろいろ調べていたが,うまく見つからなかったので考えて作ってみた.(当然だが HTML は使っている.) モー […] -
Lity を使った再生ボタン付き Youtube 動画再生
カテゴリ: CSS, ホームページ
更新日:Lity とは Lity とは、Web サイト上で画像や動画、インラインコンテンツなどをポップアップ表示させることができる jQuery ライブラリのこと。重くなりがちな jQuery のなかでは比較的軽めな設計のうえ、 […] -
【WordPress】ページにjavascriptやCSSの読み込みタグを挿入したい時
カテゴリ: php, ホームページ
更新日:前に https://www.rectus.co.jp/archives/2122 のページで header.php に直書きする方法は紹介したが,WordPress の場合,javascript や CSS の読み込み […] -
Implicit conversion from float to int loses precision という警告について
カテゴリ: php
更新日:PHP 8.1 以上へのバージョンアップ時に指摘される警告です。 PHP 8.1.x で推奨されなくなる機能 float から int への暗黙の変換は推奨されなくなりました。 暗黙の float から int への変換 […] -
CLS (Cumulative Layout Shift) の改善
カテゴリ: HTML, ホームページ
更新日:PageSpeed Insights 改善方法. CLSとは(累積レイアウト変更とは) PageSpeed Insights に出てくる Cumulative Layout Shift 2024/3 現在,診断の警告文の […] -
Youtube 動画の埋め込みで遅いページの高速化
カテゴリ: CSS, JavaScript, ホームページ
更新日:Youtube の複数の動画を埋め込むとページ自体が非常に遅くなる(重い)時の高速化(軽量化)の方法. 原因は iframe で各動画を読み込みに行くため. 「youtube 複数 埋め込み 高速化」「youtube 複 […] -
「オフスクリーン画像の遅延読み込み」への対策
カテゴリ: HTML, ホームページ
更新日:PageSpeed Insights の「改善できる項目」の中の「オフスクリーン画像の遅延読み込み」で 「オフスクリーンの非表示の画像は、重要なリソースをすべて読み込んだ後に遅れて読み込むようにして、操作可能になるまでの […] -
PHPでExcelを読み書きできるPhpSpreadsheetのインストールと簡単な使い方
カテゴリ: php
更新日:PhpSpreadsheetとは PhpSpreadsheetとは、ExcelやLibreOfficeCalcなどのスプレッドシートファイルを簡単に読み書き操作できる、PHPのフリーのライブラリです。 これとは別に PH […] -
開発者ツールで要素を書き換える方法
カテゴリ: CSS, HTML, 知識, 言語
更新日:Chromeの開発者ツールで書き換える方法 Chrome のデベロッパーツールで HTML を一時的に書き換える方法をご紹介します。HTML ファイルを直接書き換える前に、ブラウザ上で変更の実装前確認、変更箇所の特定を行 […] -
【WordPress】投稿の一覧ページにリセットされない連番を振る方法
カテゴリ: CSS, php
更新日:アーカイブページで連番を振る方法 wordpressで検索結果一覧を表示したいときや、人気度に応じてランキング形式で表示したいときなど、投稿タイトルの先頭に連番を振りたい場面があると思います。 しかし、1ページ目は問題な […] -
【Safari】iPhone で 電話番号にリンクが自動挿入される問題
カテゴリ: HTML, 知識
更新日:iPhone の Safari で電話番号にリンクが自動挿入されてしまう問題 ホームページ制作時、電話番号をページのフッターに常に配置してスマートフォンで閲覧した際にタップで電話がかけられるデザインを作成しました。問題な […] -
PHPでExcelを読み書きできるPhpSpreadsheetの使い方・サンプルコード
カテゴリ: php
更新日:前回はPHPでExcelを読み書きできるPhpSpreadsheetのインストールと簡単な使い方を説明しました。 今回はより詳しい使い方を説明します。 Excelファイルをインポートする 既存のExcelファイルを読み込 […] -
レスポンシブな多階層ハンバーガーメニューの作り方【CSSのみ】
カテゴリ: CSS, HTML, ホームページ
更新日:スマホで現れるハンバーガーメニューとは スマホでホームページを見ていると右上に「三」のようなマークを見ることが多いと思う. これを見かけがハンバーガーのようだからハンバーガーメニューと呼ぶようだ. 恐らく,箇条書きのメニ […] -
【CSS】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
カテゴリ: CSS, HTML, 知識
更新日:【CSS】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える ログイン画面で、パスワード表示ボタンをクリックするとパスワードが表示されるという機能は、現在では当たり前になっています。 ですが、もしパスワード […] -
【CSS】文字に下線(アンダーライン)を引く方法【HTML】
カテゴリ: CSS, HTML
更新日:CSS で 文字に下線(アンダーライン)を引く方法 本文中のテキストや見出しに CSS で下線を付けたり下線の位置を調整したいときがあると思います。アンダーラインは text-decoration や border を利 […] -
メールフォーム作成方法について
カテゴリ: HTML, JavaScript, php, python, ホームページ, 知識, 言語
更新日:メールフォームとは ホームページにあるお問い合わせ用のメールフォームは企業にとっての受付窓口です. どのような受付窓口であるかは引き合いの数や質を左右する重要な要素です. 実店舗でも入りやすい入り口,入りにくい入り口があ […] -
【WordPress】リッチリザルト対応の自動パンくずリスト生成
カテゴリ: HTML, php, 知識
更新日:このところ,リッチリザルトの投稿が続いている. そこで今更ではあるが「パンくずリスト」についても書いてみる. 折角なので WordPress を使っている場合に自動でパンくずリストを生成する方法を書いてみよう. プラグイ […] -
Using ${var} in strings is deprecated, use {$var} instead
カテゴリ: php
更新日:php8.2 へのバージョンアップで陥る問題の一つ. まだ DEPRECATED で非推奨だと言っているだけだが PHP を使い続けるなら,早めに考えておいた方が良い. PHP 8.2.x で推奨されなくなる機能 解説元 […] -
Automatic fetching of PostgreSQL connection is deprecated
カテゴリ: php
更新日:php8.1 へのバージョンアップで陥る問題の一つ. まだ DEPRECATED で非推奨だと言っているだけだが PHP を使い続けるなら,早めに考えておいた方が良い. 解説元ページ pg_escape_string の […] -
Uncaught Exception: Connect to DB failed
カテゴリ: php
更新日:php8.1 へのバージョンアップで陥る問題の一つ. PostgreSQL を使っている場合,これがこのバージョンアップで最も面食らう仕様変更ではないか? pg_connect の返り値がリソースから PgSql\Con […] -
Passing null to parameter #n ($string) of type string is deprecated
カテゴリ: php
更新日:php8.1 へのバージョンアップで陥る問題の一つ. まだ DEPRECATED で非推奨だと言っているだけだが PHP を使い続けるなら,そろそろ直したほうがいいだろう. 解説元ページ Passing null to […] -
【WordPress】新着情報で2週間以内の投稿記事に new をつける方法
カテゴリ: CSS, HTML, php, ホームページ
更新日:WordPress を使っている企業のホームページなどでは新着記事に new というマーク(アイコン)をつけて目立たせたいと思う方もいるだろう. しかし,プラグインはいろいろ面倒なので入れたくない. そういう場合にコピペ […]