最近の記事
-
【WordPress】CSSを自動でインライン化・軽量化（Minify）して読み込ませる
ウェブサイトにおいて表示速度は非常に重要です。表示速度が遅いと、ユーザーが途中で離脱する可能性が高まるだけでなく、SEO にも悪…TIPSCSSWeb制作WordPress2024.12.19 -
LINE着せかえ「窓辺の猫」をリリースしました
LINE 着せかえ「窓辺の猫」をリリースしました。窓辺から外の景色を眺める猫がメニューボタンになった着せかえです。 メニューボタ…着せかえLINE2024.12.16 -
【WordPress】ダブルクォーテーションなどの記号が勝手に置換されるのを無効化
WordPressには、本文に含まれるダブルクォーテーションなどの記号を別の記号に置き換える機能が標準で付いています。普通の日記…TIPSWeb制作PHPWordPress2024.12.12 -
WordPress Popular Postsで出力されるHTMLをカスタマイズする
簡単に記事ランキングを表示できるため、多くのWordPressサイトで利用されている人気プラグイン「WordPress Popu…プラグインWeb制作WordPress2024.12.09 -
HTML, CSSでウェブページにSVGを表示させる4つの方法
PNG や JPEG などのビットマップ画像と異なり、拡大しても画質が劣化しないため、近年使用されることが多い SVG 画像。色…HTMLWeb制作CSSSVG2024.12.05 -
【CSS】疑似クラス、:is(), :where(), :not(), :has() の使い方と実用例
2023年に Firefox で :has() がサポートされ、実務でも使用されることが増えてきた CSS の擬似クラス。うまく…CSSWeb制作2024.12.02 -
【WordPress】記事ページにプラグインなしで関連記事を表示させる
ブログサイトを読んでいると、記事の下部に「関連記事」というのが表示されているのをよく見かけると思います。関連記事を表示することで…TIPSWeb制作WordPress2024.11.28 -
【WordPress】カスタムブロックが簡単に作れる！Genesis Custom Blocksプラグインの使い方
「WordPress のブロックエディタをカスタマイズしてみたいけど、調べてみると Node.js や React、JSX など…Web制作プラグインWordPress2024.11.25 -
LINE着せかえ「回るお寿司」をリリースしました
LINE 着せかえ「回るお寿司」をリリースしました。回転寿司をモチーフにした着せかえで、メニュー部分にはレーンを回っているお寿司…着せかえLINE2024.11.21 -
【CSS】backdrop-filterを使って背景をぼかす
backdrop-filterは、要素の背後の領域に「ぼかし」などの効果を加えることができるプロパティで、2024年に全てのブラ…Web制作CSSWEBデザイン2024.11.18 -
【WordPress】固定ページでブロックエディタを無効化し、クラシックエディタを使用する方法
クライアントワークで WordPress を使ったウェブサイト構築をする際、固定ページは HTML と CSS で細かく作り込む…TIPSWeb制作PHPWordPress2024.11.14 -
wp_list_categories() の投稿数表示を<a>タグの中に入れる方法
wp_list_categories()は、カテゴリーの一覧をリンク付きで表示でき、show_countオプションを設定するとカ…TIPSWeb制作PHPWordPress2024.11.11 -
【CSS】ウェブページ上でSVGの端が切れてしまう時の対処法
拡大・縮小しても画質が劣化しないため、アイコンなどに使われることが多い SVG ですが、表示するサイズによっては端が欠けてしまう…Web制作CSSSVG2024.11.07 -
【CSS】親要素の幅に合わせてフォントサイズなどを変更できる相対単位「cqw」が便利
レスポンシブデザインのサイトでは、デバイスの幅に応じてカラムの幅を可変にしたり、横に並べる要素の数を変更したり、それに伴いフォン…Web制作CSS2024.11.04 -
InkscapeでWeb素材用のSVGファイルを書き出す
「Adobe Illustrator」の代替として人気のフリーソフト「Inkscape」ですが、デフォルトのままで書き出される …InkscapeWeb制作画像編集SVGWEBデザイン2024.10.31 -
ウェブサイトにおけるコピーライトの書き方
ウェブサイトを制作する際、割と悩ましいのが著作権表示（コピーライト）の書き方です。正しい書き方を知ることで、コンテンツの権利保護…Web制作ライティング2024.10.28