※Web開発

※Web開発

Bootstrapの使い方を初心者にも分かりやすく解説

Webサイトを制作する場合、HTMLやCSSのコードを1から書いていくことが多いとは思います。 しかし1からコーディングをすると時間がかかり、なかなか早くWebサイトを作れないこともあるのではないでしょうか。 そんな方におすすめなのが、CS...
※Web開発

CSSだけ!レスポンシブなサイトの作り方と鬼ほど使うプロパティ

スマートフォンが普及した今、パソコンでしか正常に表示されないサイトというのはスマートフォンユーザーからしたら非常に見にくくストレスフルなもの。全てのユーザーに快適にサイトを見てもらうためにも、あらゆるデバイスに対応したサイト制作は必須といっ...
※Web開発

【CSS】結局レスポンシブでのフォントサイズはどう書くべき?

以前にスマートフォンで読み易いfont-sizeを検証した結果、本文のフォントサイズはPC時でもスマホ時でも同じの場合が多いという事、PC時は文字のジャンプ率が高いが、スマホ時では低くなるという事などがわかりました。 その記事がこちらです。...
※Web開発

CSS小技集シリーズの第3弾!

複数の背景画像 div { background-image: url(images/img1.png), url(images/img2.jpg); background-position: center, left top; backg...
※Web開発

Advanced Custom Fieldsのセレクトボックス・プルダウン(select)で、選択肢を別のカスタムフィールドやデータから引っ張って動的に設定する方法

WordPressを使用していると、ACF(Advanced Custom Fields)を使ったカスタムフィールド、ありますよね。 僕はGutenbergのカスタムブロックを頻繁に利用するのでACFを利用する機会は以前より減りましたが、そ...
※Web開発

いっつも忘れるWP_Queryの使用方法とパラメータ一覧。がっつり整理してみた

WordPressにて、取得したい投稿記事をかなり自由に指定できるWP_Query。 メインループを汚染することなく、サブループとして好きな投稿を一覧表示でき、WordPressで必須知識と言っても過言ではないでしょう。 しかし、WP_Qu...
※Web開発

WordPress

tagnote - 初心者のためのウェブデザイン役立ちノート WordPress - tagnote
※Web開発

【WordPress】投稿・固定・カテゴリーページへのリンク設定

WordPressでページ内リンクを設定する際、ドメインが変更になった場合などを考慮して <a href="https://~~">○○</a>とは書かずに、テンプレートタグで「取得したURL」を利用して設定することが多いと思います。 でも...
※Web開発

jQueryとは

jQueryとは jQueryはJavaScriptフレームワークの一つで、JavaScriptを書きやすくするためや、Web技術を簡単に利用できるようにサポートされたものです。jQueryの主な機能として、DOM操作、イベント操作、Aja...