jQuery

jQueryのfadeInがちらつく、うまく動作しないときの対処法

fadeIn()やslideDown()の挙動がおかしくなるときがあるので、その原因について解説します。 fadeIn()、fadeOut( […]

CSS

【CSS】paddingとmarginの違いを超絶シンプルに解説

paddingとmargin、どちらも余白を表しますが、その違いについて解説します。 paddingとmarginの違い ズバリ言うと、ボー […]

CSS

CSSで作るボタンのデザインサンプル【グラデーションでおしゃれに】

全サンプル共通のコード 全てのサンプルで使っているコードです。 これにそれぞれのサンプルのコードを付け加えてください。 <a href […]

WordPress

【WordPress】ブログ用のオリジナルテーマの作り方をざっくり解説

必要な知識 HTML&CSS(簡単なホームページを1つでも作ったことがある程度) PHP(HTMLへの埋め込みや、ifなどの基本的な […]

CSS

CSSで要素を横並びに!フレックスボックス(display:flex)の使い方

CSSで要素を横並びにするにはいくつかの方法があります。 floatを使う方法、display:inline-block、display:f […]

WordPress

【WordPress】カスタマイザーに自作のオリジナル項目を追加する方法

カスタマイザーからいろいろ変更ができるようにしておくと、管理がかなり楽になります。 意外と簡単に導入できるので、その方法をご紹介します。 追 […]

WordPress

【WordPress】ウィジェットを自作!オリジナルウィジェットの作り方

完成イメージ 今回は下のような「タイトル」「テキスト」「チェックボックス」の3つの入力項目のあるウィジェットを作ってみたいと思います。 fu […]

WordPress

【WordPress】カスタム投稿タイプとは?追加方法を解説【プラグインなし】

カスタム投稿タイプとは カスタム投稿タイプは、デフォルトの「投稿」のほかに、自由に追加できる投稿タイプです。 デフォルトの状態だと「投稿」し […]

CSS

【CSSのみ】画像がスムーズに流れる無限ループスライダー【jQuery不要】

完成イメージ 実装方法 まずはHTMLを用意します。 画像をdivで包んだものをコピーして同じものを2つ用意してください(2つのdiv.ga […]

WordPress

【WordPress】プラグインなしでパンくずリストを設置【構造化データに対応】

schema.orgでの構造化データに対応したパンくずリストです。 まずは下のコードをfunctions.phpにコピペ。 <?php […]