header_image

このサイトにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

サムネイル

ワードプレスで投稿（固定）ページの一括操作を行う方法【初心者……

2022年10月28日
最終更新日:2023年01月24日
既に出来上がった固定ページや投稿ページのうち、複数のページに対して同じ処理（修正・変更など）を施したい場面で役に立つのがワードプレスに備わっている「一括操作」機能です。
サムネイル

ワードプレスでサイトのアドレス（公開URL）を変更する方法【……

2022年10月28日
最終更新日:2023年01月24日
サブディレクトリを作る形でワードプレスをインストールした場合、「サイトのアドレス（公開URL）の変更」を行うことで、ドメイン直下で開くように設定することが可能です。
サムネイル

CSSで中国語フォントを表示させる方法【font-famil……

2022年10月28日
最終更新日:2023年03月10日
簡体字を使用するにはサイトにGoogle FontsなどのWebフォントを導入して、CSSのfont-familyプロパティでそのフォントを指定します。
サムネイル

ワードプレスで料金表を作るプラグイン【Easy Pricin……

2022年08月09日
最終更新日:2023年01月20日
ワードプレスで料金表を作るプラグインで代表的なものは「Easy Pricing Tables」と「Pricing Tables By Supsystic」の2つです。
サムネイル

ワードプレスで画像の遅延読み込みを行う方法【WP5.5から標……

2022年08月09日
最終更新日:2023年01月24日
ワードプレスで画像の遅延読み込みを行うためにはプラグインなどを利用しなくてはなりませんでしたが、バージョン5.5以降のワードプレスであれば標準機能として遅延読み込みが搭載されているので、とても簡単に実装することが可能です。
サムネイル

jQueryで文字列の置換を行う方法【replaceメソッド……

2022年08月09日
最終更新日:2023年03月10日
文字列の置換には、Javascriptのreplace()メソッド、jQueryのreplaceWith()もしくはreplaceAll()メソッドを使用します
サムネイル

CSSだけで斜線を引く方法【transformとlinear……

2022年08月09日
最終更新日:2023年03月10日
CSSだけで斜線を引くには、「transformプロパティのrotateを使う」と「backgroundプロパティのlinear-gradient」という2通りの方法があります。
サムネイル

CSSだけで要素を上下左右に反転させる方法【transfor……

2022年08月09日
最終更新日:2023年03月10日
CSSを使って要素を反転させたい場合はtransform:scaleを使います。上下にも左右にも簡単に反転させることができます。
サムネイル

ワードプレスで目次を作成する方法【Easy Table of……

2022年07月05日
このページではワードプレスで「手動で作成した目次」と「自動的に生成される目次」をプラグインやJavascriptで実装する方法について詳しく解説します。
サムネイル

ワードプレスでページを複製する方法【Duplicate Po……

2022年07月05日
ワードプレスで固定ページや投稿ページを複製したい場合にはプラグインを使います。クリックするだけでカテゴリーなどの情報を含めて、簡単にページを複製することができます。ここでは代表的な「Yoast Duplicate Post」の使い方について説明します
サムネイル

ワードプレスのカスタムフィールドの使い方【表示されない時の対……

2022年07月05日
カスタムフィールドとは、プラグインなどで利用されることが多いページに任意の情報を追加できる入力フォームです。フォームの項目を埋めていくだけでページができあがるので、ブロックなどワードプレスのエディターの使い方にも慣れないような方に作成を依頼する時や、同じレイアウトのページを量産する時に役立ちます。
サムネイル

ワードプレスで区切り線を引く方法【区切りブロックの使い方】

2022年07月05日
WEBサイトで使う区切り線とは、ページ内のコンテンツの内容が切り替わるタイミングなどを読み手にわかりやすくするために引く線のことです。ワードプレスで作るページの中に区切り線を引く方法は大きく分けて以下の2通りで、「区切りブロック機能で表示する」か「HTMLのhrタグやCSSのborderで表示する」です。
サムネイル

ワードプレスでゴミ箱に入れたページを復元する方法【ゴミ箱から……

2022年07月05日
ワードプレスで作成した投稿ページや固定ページを削除する方法と削除したページを再び元に戻す方法、ゴミ箱の使い方について解説します。
サムネイル

jQueryでスクロール量を取得する方法【scrollTop……

2022年03月11日
jQueryでスクロール量を取得するには、scrollTop()メソッドを使用します。ページのトップから何pxスクロールされているかを数値で取得できます。どのくらいスクロールしたかというスクロール量を取得することができると、ユーザーのスクロールと連動させた機能を作ることが可能になります。
サムネイル

jQueryでモーダルウィンドウを作成する方法【初心者にもわ……

2022年03月11日
ウィンドウを閉じるまでページ内の他の操作をできなくする機能を持ったモーダルウィンドウをjQueryを使って自作する方法を説明します。
サムネイル

jQueryのDataTablesの使い方【初心者にもわかり……

2022年03月11日
DataTablesは、HTMLで作成した表（table）にページ送りや絞り込み検索、並べ替えやファイル出力などの機能を簡単に実装することができるjQueryのライブラリです。
サムネイル

jQueryでidを取得する方法【attrメソッドの使い方】

2022年03月11日
jQueryでHTMLの要素に付与されているidを取得するためには「attr()」メソッドを使用します。attrメソッドは要素の属性を取得できるメソッドです。id以外にも対象の要素のクラスや属性などを取得することが可能です。
サムネイル

jQueryでアコーディオンメニューを作成する方法【slid……

2022年03月11日
アコーディオンメニューはjQueryのslideToggleというメソッドを使用すれば簡単に作成することができます。
サムネイル

jQueryのセレクターの種類と使い方【初心者にもわかりやす……

2022年03月05日
jQueryのセレクターとは、操作したいHTML要素の特定に使うものです。セレクタ―で指定した要素に対して、メソッドを使ってスタイルを変更したり、値を取得したり、テキストを書き換えるなど様々な操作を行うことができます。
サムネイル

animate.cssの使い方【初心者にもわかりやすく解説】

2022年03月05日
animate.cssはその名の通りCSSで要素をアニメーションさせることができるスタイルシートです。動きのあるサイトを作るときに役立ちます。
サムネイル

CSSのanimationと@keyframesの使い方

2022年03月05日
CSSのanimationプロパティはアニメーションを作り出すことができるプロパティです。keyframesとセットで使用し、それぞれ動きと再生方法を設定します。
サムネイル

jQueryでダイアログを実装する方法【jQueryUIのd……

2022年03月05日
jQueryUIを使えば、リッチなデザインと機能を持つダイアログを手軽にサイトに実装することが可能です。
サムネイル

jQuery UIのsortableの使い方【初心者にもわか……

2022年03月05日
jQuery UIのsortableは、ページ内の要素をユーザーが自由にドラッグアンドドロップで並べ替えられるようにする機能です。
サムネイル

jQuery UIのautocompleteの使い方【初心者……

2022年03月05日
autocomplete（オートコンプリート）とは、ユーザーがテキストボックスに文字を入力した際に、その文字が該当する入力候補を表示して、入力をサポートする機能のことです。jQuery UIのautocompleteを使えば簡単に入力補助機能を使うことができます。