— Webデザイン —

縦横比が異なる画像を全て正方形で表示させ、レスポンシブ対応にする方法

2025年2月14日

「object-fit:cover;」を使って、縦幅を〇pxという風に指定して、横長や縦長の長方形の画像を全て正方形で表示させようと思ったのですが、レスポンシブで画面を縮めて、画像の横幅が、指定している縦幅よりも小さくな… もっと読む縦横比が異なる画像を全て正方形で表示させ、レスポンシブ対応にする方法

— Webデザイン —

URLが改行してくれないとき！（英単語自動改行）

2021年6月24日

[css]body{word-break: break-all;}[/css]

— Webデザイン —

W3Cの構文チェックでワードプレスのコア部分やプラグインのtype属性がエラーになる場合の対処法

2020年6月2日

HTML5ではSCRIPTにtype属性が不要ならしく、構文チェックをするとエラーが表示される。エラーの内容は以下。 Warning:The type attribute is unnecessary for Java… もっと読む W3Cの構文チェックでワードプレスのコア部分やプラグインのtype属性がエラーになる場合の対処法

— Webデザイン —

など閉じタグがないものに疑似要素は使えない

2020年2月7日

[html]<img>[/html]や[html]<br>[/html]など閉じタグがないものに、::before や ::after の疑似要素は使えないと知った。ガビーン

— Webデザイン —

bootstgrapで右端に余白が開いてしまう場合の対処方！rowとcontainer

2019年5月29日

bootstrap3で右端に余白があいてしまうとき、いつもはbodyか一番外側のdivにoverflow-x:hidden;を付けて直していたのだけれど、今回はそれでも直らなかったので、検索すると下記の記事がとても参… もっと読む bootstgrapで右端に余白が開いてしまう場合の対処方！rowとcontainer

— Webデザイン —

Imsanityで250以上の画像を一括リサイズする場合

2019年5月27日

管理画面（ダッシュボード）から、プラグイン→プラグイン編集。編集するプラグインを選択」欄から「Imsanity」を選択。 [php] define(‘IMSANITY_AJAX_MAX_RECORDS&#8… もっと読む Imsanityで250以上の画像を一括リサイズする場合

— Webデザイン —

WordPressにページネーションを出力する関数

2019年4月3日

the_posts_pagination()とget_the_posts_pagination() 参考サイト様１参考サイト様２

— Webデザイン —

サーバーのPHPを7.0にアップしたらWordPressでエラーが出た時の対処方

2019年3月25日

functions.phpの中の「start_el」の部分を書き換える

— Webデザイン —

グラフの描画はChart.jsがいい

2019年2月26日

グラフの描画はChart.jsが使いやすくていい。

— Webデザイン —

//記事内の最初の画像を取得する

2019年2月18日

毎回アイキャッチ画像を本文とは別に用意するのがめんどくさい_(:3 」∠)_ そんなときにブログ記事内の最初の画像を取得してアイキャッチ画像に設定する方法。以下をfunctions.phpに追加。 [php] //記事… もっと読む //記事内の最初の画像を取得する