WEB制作で人生を豊かに！

WEB制作小ネタ集

: カテゴリ一覧を表示する方法【WordPress】

2024/1/21 category, Wordpress

WordPressでカテゴリ一覧を表示することは多いです。サイドバーに設置したり、セレクトボックスに使用するなど様々な場所で使用することになります。カテゴリ一覧、またカスタムタクソノミーの一覧を表示 ...

WordPress

: 【コピペOK】jQueryのみで画像拡大機能を作る方法

2024/1/21 javascript, jQuery, スニペット

画像にマウスホバーした際に、まるで拡大鏡のようなアニメーションをつけるプラグインやライブラリなどはいくつか存在しますが、今回は私が半年くらい前になんとなく作成した画像Zoom機能のJSを紹介します。 ...

JavaScript

: 【2024年最新】Font Awesomeでアイコンが表示されない原因２選

2024/1/21 HTML/CSS, トラブル, フォント

コーディングでアイコンを使用するといえば、最も有名なのは、Font Awesomeではないでしょうか？でも、手順通りにやっているはずなのにアイコンが表示されない。。。もしくは、↓の画像のよう ...

HTML&CSS コーディングの困ったを解決

: テキストの丁度いい箇所で自動改行させる１番良い方法【html】

2024/1/21 HTML/CSS, テクニック

コーディングをデザイン通りに行い、レスポンシブになってるか確認しますよね。デザイン幅では、ぴったりでもいざ画面の幅を小さくすると、ビミョ～なところで改行されたりしませんか？私は、画面幅の狭いiPho ...

HTML&CSS コーディングの困ったを解決

: Local（Local by Flywheel)のインストール方法と使い方を解説【2024年版】

2024/1/21 Wordpress, 開発環境

Local（Local by Flywheel)とは、ナンバーワンのローカルWordPress開発ツール（公式調べ）です。

面倒なサーバー周りの知識がなくても自分のパソコンに簡単にWordPress作成の環境を整えてくれます。

そんなLocalのインストール方法と使用方法を分かりやすく解説致します。

WordPress

: metaタグ「noindex」を指定してするとどうなる？

2024/1/21 HTML/CSS, SEO

皆さんは、headタグの中に「noindex」という表記を見たことがありますか？
noindexは適切に使うことでサイトのSEO評価を高めることができます。
記述方法とどのような時に使用するかを解説致します。

SEO

: 【JS不要】details・summaryタグの２つでアコーディオンを作る方法【html】

2024/1/21 details, HTML/CSS, summary, テクニック

これまでアコーディオンを作る際は、jQueryなどのslideToggle()を使って作成することが多かったのではないでしょうか？

ですが、IEのサポートが終了し、大手を振って使えるようになったタグの中にdetailsとsummaryタグがあります。

この二つのタグでアコーディオンを作ってみましょう

HTML&CSS

: WordPressのプラグインをインストールしたらエラーになった場合の対処法【2024年1月】

2024/1/21 Wordpress, トラブル

Wordpressのプラグインは便利な機能ですが、なかにはプラグイン同士がお互いの機能を邪魔したり、時にはエラーを引き起こしてしまったりなどの問題が発生することがあります。
もしエラーになって管理画面すら開けなくなった場合はあせらずここに書いてある内容を実践してみましょう。

WordPress

: 【last-of-type】が効かない原因と対策３選

2024/1/21 HTML/CSS, トラブル

最後の要素や何番目の要素にだけスタイルを当てたい時に便利なlast-of-typeやntn-of-typeなどの疑似クラス。 last-of-typeで最後の要素にだけmarginを当てるぞ～と思ってcssに書いても何故か機能しない。今回はそんなlast-of-typeが効かない原因と対策を考えたいと思います。

HTML&CSS

: 【html】Googleマップの埋め込み方法を解説【レスポンシブ対応】

2024/1/21 Google, HTML/CSS, レスポンシブ, 埋込

googleマップをサイトに埋め込む機会は結構多いです。

特にアクセスページなどに設置しているサイトなど多いのではないでしょうか？

googleMapが出来る前などは、画像の地図なんかを埋め込んでたことを考えると凄く便利になりました。

今回はそんなgoogleMapをサイトに埋め込む方法を解説します。

HTML&CSS

« Prev 1 … 5 6 7 8 9 Next »

kokusyo

コーダー歴3年の37歳キャンプとWEB制作をの融合を推し進めています。現在フロントエンドエンジニアへキャリアアップ中

人気記事

1: 【2024年】Web制作会社20社のブレイクポイント調べてみたら...

皆さんはブレイクポイントをどの値に設定していますか？

会社によって指定はあるとは思いますが、現在はどこに設定するのが主流なのか、Web制作会社の制作実績から調べてみました。

トレンドを理解してコーディングに活かしましょう。

2: プログラミング初心者におすすめの単語学習アプリ「プログラミング単語帳」

最近おもしろいいアプリを見つけたので、ご紹介します。今までにありそうで、なかったアプリではないでしょうか？その名は！プログラミング単語帳（プロ単）このアプリでは、初心者から中級者が学ぶべきプログ ...

3: 現実的に少しでも副収入を得る方法を考える！

1.WEB制作の案件を受注して普通に稼ぐ WEB制作副業で稼ぐ WEB制作の知識を学習して、案件を獲得する方法。プログラミングに比べ、学習がしやすく、かつ簡単。この方法の一番の利点は、実力を付けること ...

カテゴリー