WordPress

※Web開発

【TypeScript / JavaScript】this = “これ” ← どれ? 【備忘録】

TypeScript(JavaScript)における関数の宣言方法各宣言方法におけるthisの扱い(前提)TypeScriptの関数の宣言方法まずは複数ある関数の宣言方法を簡単にまとめます。①function構文による宣言function ...
※Web開発

【初心者向け】0からformがわかる|HTMLでのフォーム作成

お問い合わせフォームやログインパネルなどユーザーがページに情報を入力する時に使用されるフォームにはformタグが使用されています。本記事ではformタグを使ったフォーム作成の流れを0から説明していきます。ラジオボタン、セレクトボックス、チェ...
※Web開発

inputの使い方とtype属性の一覧

inputを使用する場面inputはお問い合わせフォームなどユーザーに入力や選択をさせたい箇所で使用するタグです。テキスト入力だけでなくラジオボタンチェックボックといった選択肢を表示したい場合もinputを使用しています。こちらの記事でht...
※Web開発

【プラグイン不要】WordPressサイトに手動でBASIC認証をかける方法

ページに広告が含まれる場合があります。WordPressサイトにアクセス制限をかけたいことってありますよね。会員限定サイトなどの運営時や、セキュリティの面からもサイトにアクセス制限をかけたりします。最もメジャーな手段が「BASIC認証」と呼...
※Web開発

WordPressインストール 公式サイトからダウンロードしたファイルを使う 

WordPress公式サイトからダウンロードしたファイルを使う何か事情があって、レンタルサーバーの「WordPress簡単インストール」機能を使えない方は、こちらの方法を利用しましょう。WordPressをダウンロードする手順は、以下のとお...
※Web開発

【WordPress】プラグインなしでカルーセルスライダーを実装する手順

※Web開発

【初心者向け】CSSの擬似要素と擬似クラスを理解しよう!

前回の記事【初心者向け】CSSセレクタとは?セレクタの種類や指定方法を解説!(基礎編)ではCSSセレクタの基本的な知識と指定方法をご紹介しました。今回は、よりコーディングの幅が広がる「擬似要素」と「擬似クラス」に関して解説していきます。IN...
※Web開発

WordPressオリジナルテーマの作り方①(ファイルの準備編)

目次WordPressオリジナルテーマの作り方WordPressのローカル環境を構築(Local使用)WordPressオリジナルテーマに使うテーマフォルダを作成WordPressのテンプレートファイルを作成テンプレートファイル一覧inde...
※Web開発

【Smart Slider 3】誘導力高めるスライドショーの使い方【WordPress】

スライドショー作成プラグインと言えば、主に「画像」のみスライドとして切り替わるのが一般的です。一方、Smart Slider 3は画像に加えて、各スライドに「テキスト」や「ボタン」「リンク」を配置できます。このように各スライド画面を独自に構...
※Web開発

CSSのかなり高度なテクニック -Expert CSS: The CPU Hack