ホームページ

ホームページ カテゴリー記事(更新日順)

  1. スキップリンク
    スキップリンクとは(Skip Link)
    カテゴリ: CSS, ホームページ, 知識
    更新日:
    WordPress の公式テーマ登録時に知ったことを少し書いてみる. テーマを投稿するとレビュアーからのダメ出しが来る. 自分の時間もあるだろうに大変ありがたいことである. そこで指摘されたものにスキップリンクというもの […]
  2. 擬似要素 focus-within を使う時に気を付けること
    カテゴリ: CSS, HTML, ホームページ
    更新日:
    先日,「キーボードナビゲーションの実現」という記事を投稿した後に気づいたのだが,擬似要素 focus-within を使って,ドロップダウンメニューを制御すると問題があることが判明した. 条件は少し限定されるが,それはド […]
  3. キーボードだけで操作
    キーボードナビゲーションの実現
    カテゴリ: HTML, ホームページ, 知識
    更新日:
    「Skip Link コンテンツをスキップ というナビゲーション」という記事でスキップリンクのことに言及したが,そもそもホームページはキーボードで全部操作出来るべきだという考えがあり,それがキーボードナビゲーションという […]
  4. 【WordPress】ページネーションが動かないとき
    カテゴリ: ホームページ, 知識
    更新日:
    WordPress でカテゴリーページにおいて,ページ送り(ページネーション)のリンクがおかしくなって動作しないというときの対策方法について書く. 下の「1 2 ... 5 次のページへ」がページネーション ページネーシ […]
  5. 変形
    【CSS】簡単なアニメーションの作り方【transform】
    カテゴリ: CSS, ホームページ
    更新日:
    アニメーションについて書いた他の記事は以下で. 【CSS】簡単なアニメーションの作り方【transition】 【CSS】簡単なアニメーションの作り方【animation】【keyframes】 CSS だけを使ってもア […]
  6. 【CSS】画像クリックでポップアップウィンドウ(拡大画像)を表示する方法
    カテゴリ: CSS, HTML, ホームページ
    更新日:
    javascript を使用しないで CSS のみでウィンドウ・レイヤー(拡大・縮小)を表示する方法について,いろいろ調べていたが,うまく見つからなかったので考えて作ってみた.(当然だが HTML は使っている.) モー […]
  7. SEO対策
    SEO 対策で順位を上げることは研究と一緒
    カテゴリ: ホームページ
    更新日:
    私が見た最初のウェブの世界はディレクトリサイトから始まっていた. 日本では確か NTT のサイトだったと思う. その後,dmoz やら Yahoo! などディレクトリを整備してくれるサイトが現れた. また途中で検索エンジ […]
  8. 後の先をとる営業・後の先をとるビジネス
    カテゴリ: ホームページ, マーケティング, 知識, 随筆
    更新日:
    「後の先」(ごのせん)という言葉,これは剣道や柔道など武道で使われる言葉のようだが,先に攻撃させて,後から攻撃をするという意味である. 事業(ビジネス)も営業も究極は「後の先」ではないかと最近感じている. 「後の先」をと […]
  9. PageSpeed Insights 改善のための対策 まとめ
    カテゴリ: ホームページ, 知識
    更新日:
    PageSpeed Insights の対策はほぼ完了したので,この辺でまとめておきます. (と言っても,必要に応じて随時内容は更新しています.) 恐らく,このページはホームページのデザイナーがアクセスされることが多いと […]
  10. 公式テーマの最新テーマページ
    WordPress 公式テーマへの登録
    カテゴリ: システム, ホームページ, 知識
    更新日:
    最近,WordPress を触ることが増えて,いろいろ考えることがあったので,公式テーマへの登録に挑戦してみた. 結果,登録出来たので,少しその辺りについて書いておく. https://www.rectus.co.jp/ […]
  11. 「次世代フォーマットでの画像の配信」の改善
    カテゴリ: ホームページ
    更新日:
    ※2022/07/14 追記 IE が 2022/06/16 を持ってサポート終了したので主要なブラウザはほぼ WebP 対応となった.「WebP がどこまで使えるか」を確認すると分かる.従って,今後は WebP だけで […]
  12. 文字が流れている状態
    【CSS】簡単なアニメーションの作り方【animation】【keyframes】
    カテゴリ: CSS, ホームページ
    更新日:
    今まで CSS で簡単にアニメを作れるという話を書いてきた. 【CSS】簡単なアニメーションの作り方【transition】 【CSS】簡単なアニメーションの作り方【transform】 CSS だけを使ってもアニメーシ […]
  13. 変化
    【CSS】簡単なアニメーションの作り方【transition】
    カテゴリ: CSS, ホームページ
    更新日:
    アニメーションについて少し書いてみた.続きは以下で. 【CSS】簡単なアニメーションの作り方【transform】 【CSS】簡単なアニメーションの作り方【animation】【keyframes】 CSS だけを使って […]
  14. 【WordPress】アイキャッチ画像を設定しないでもサムネイルを表示する方法
    カテゴリ: ホームページ, 知識
    更新日:
    WordPress でいちいちアイキャッチ画像を設定するのは面倒くさいと思ったことはないだろうか. 「アイキャッチ画像 いらない」で検索している人がかなり多い.やはり面倒なのだろう. ただ,テーマによっては様々な場所でア […]
  15. 【開発者ツール】紫の斜線の意味とは【Chrome】
    カテゴリ: ホームページ, 知識
    更新日:
    Chrome のデベロッパーツールで確認できる紫の斜線の意味とは 検証ツールでセレクタモードから要素を選択するとき、要素に紫の斜線が表示されているのを見たことがないでしょうか。以下の画像の紫の斜線部分です。 ボックスモデ […]
  16. CMS 導入のメリット
    カテゴリ: ホームページ
    更新日:
    ホームページを制作する際にベタなHTMLで制作する方法とCMS(コンテンツマネジメントシステム)を使って製作する方法がある. 実をいうと企業サイトにちょっと前までは CMS を使うことにはあまり積極的ではなかった.それは […]
  17. 【WordPress】カスタムタクソノミーとは
    カテゴリ: ホームページ, 知識
    更新日:
    カスタマイズされた WordPress を改良する際に苦労する原因の一つにカスタムタクソノミーがある. 本当に使うべきところにだけ使っていないのが良くない. カスタム投稿タイプを作ったからと言って必ずカスタムタクソノミー […]
  18. 第三者コードの影響を抑えてください
    「第三者コードの影響を抑えてください」と言われたとき
    カテゴリ: ホームページ, 知識
    更新日:
    「第三者コードの影響を抑えてください」が表示されるときに簡単に修正できる可能性がある方法があるので紹介する. タグマネージャと Google アナリティクスを利用している場合に限るので,両方とも使っていない場合はここから […]
  19. サーチコンソール(速度)
    「オフスクリーン画像の遅延読み込み」への対策
    カテゴリ: HTML, ホームページ
    更新日:
    PageSpeed Insights の「改善できる項目」の中の「オフスクリーン画像の遅延読み込み」で 「オフスクリーンの非表示の画像は、重要なリソースをすべて読み込んだ後に遅れて読み込むようにして、操作可能になるまでの […]
  20. Youtube 動画の埋め込みで遅いページの高速化
    カテゴリ: CSS, JavaScript, ホームページ
    更新日:
    Youtube の複数の動画を埋め込むとページ自体が非常に遅くなる(重い)時の高速化(軽量化)の方法. 原因は iframe で各動画を読み込みに行くため. 「youtube 複数 埋め込み 高速化」「youtube 複 […]
Pagetop