Web 制作リファレンス (+α)

Web 制作に関する参考資料です。どなたかのご参考になれば何よりです。

更新情報

New WordPress ブロックエディター Gutenberg に対応
2019年07月29日
WordPress 5.0 から導入されたブロックエディター(Gutenberg)を使った場合に、作成したテーマを対応させるための覚え書きです。テーマにブロックエディターのスタイルを適用させたり、逆にブロックエディターにテーマのスタイルを適用させる方法などについて。
New WordPress パーマリンク リライトルール
2019年07月22日
パーマリンクやリライトルールの基本的なことやリライトルールを追加する関数 add_rewrite_rule()、add_rewrite_endpoint()、 リライトルール関連のフィルター rewrite_rules_array の使い方などについての覚え書きです。
New WordPress パンくずリストの作成
2019年07月04日
プラグインを使わずに functions.php に記述してパンくずリストを表示する方法と JSON-LD で構造化マークアップする方法の覚え書きです。以前ブログに掲載したパンくずリストのコードを更新・修正しました。
2019年07月10日
記事で複数のカテゴリーやタームを選択している場合に、カスタムフィールドを使ってカテゴリーやタームを選択できるようにしました。その他、いくつかコードの修正をしました。
New WordPress ページネーション ページャー
2019年06月25日
前後の投稿や一覧ページ、分割されたページへのリンクを出力するページャやページネーションの使い方や設定方法について。基本的な関数の使い方から前後の投稿へのリンクを表示する際にアイキャッチ画像を表示したり、ページネーションでの出力を Bootstrap の形式に変換する方法、the_post_navigation() などで自動的に出力されるナビゲーションマークアップのカスタマイズ方法なども掲載しています。
New Google Code-Prettify シンタックスハイライト
2019年06月15日
プログラムのコードをキーワードや構文などにより色分けして表示する機能(シンタックスハイライト)を簡単に実装できる Google Code-Prettify の設定方法や基本的な使い方、WordPress でのショートコードの作成方法について。
New WordPress ショートコードの作成
2019年06月12日
WordPress で独自のショートコードを作成する方法やショートコードを使って Youtube の動画や Googlemap を表示する方法についての覚え書きです。
New Bootstrap4 の使い方(4) にライトボックスの実装方法を追加
2019年05月30日
Bootstrap 4 のモーダルを使ったライトボックスの実装方法(プラグインなし)や WordPress での利用方法を追加しました。
New WordPress で Bootstrap 4 のカルーセルを使う
2019年05月29日
WordPress で Bootstrap 4 のカルーセルを使うと投稿に表示してある画像や images フォルダの画像、一覧ページのアイキャッチ画像をスライドショーのように表示することができます。プラグインなどを使わずに簡単なスライドショー(カルーセル)を表示する方法についての覚え書きです。
New WordPress アイキャッチ画像や添付画像
2019年05月26日
アイキャッチ画像の基本的な使い方や設定方法、自動的に生成されるサムネイル画像の設定や不要なサムネイル画像の制御、アイキャッチ画像や添付画像関連の関数の使い方などに関する覚え書き。
New WordPress カスタム投稿タイプ カスタム分類
2019年05月16日
カスタム投稿タイプとカスタム分類の設定方法(register_post_type、register_taxonomy)やカスタム投稿タイプとカスタム分類の表示方法などに関する覚え書き。
New WordPress カスタムフィールドの使い方
2019年05月04日
カスタムフィールドの基本的な使い方や add_meta_box で独自にカスタムフィールドを追加する方法、その際の wp_nonce_field を使った CSRF 対策などについて。
WordPress ループで使うテンプレートタグや関数
2019年04月16日
ループで良く使うテンプレートタグや関数の使い方などに関しての覚え書き。
WordPress テーマにウィジェット機能を追加
2019年04月03日
WordPress の作成したテーマでウィジェット機能を追加して利用する方法について。register_sidebar や dynamic_sidebar の使い方など。
WordPress ナビゲーションメニュー(カスタムメニュー)
2019年03月31日
register_nav_menus() を使った登録方法や wp_nav_menu() を使ったメニューの出力方法、管理画面でのメニューの作成方法などについて。
WordPress のループ
2019年03月20日
WordPress のループの使い方や仕組み、グローバル変数 $wp_query や WP_Query クラス、ページ読み込み時の WordPress の処理の流れなどを理解するための覚え書きです。
WordPress スラッグ(slug)を取得
2019年03月15日
WordPressのページのスラッグ(slug)を取得する方法について。ループ内やループ外での取得方法についての解説やスラッグを id や class として出力サンプルなど。
XAMPP の再インストール
2019年03月03日
PHP 7.3 をローカル環境で試すために、XAMPP を再インストールした際の覚書。
WordPress title タグの出力
2019年02月08日
WordPress4.4 以降でタイトルタグを出力する仕組みや方法について。
WordPress エスケープ処理
2019年01月17日
WordPress でデータを無害化 (サニタイズ) する方法について。エスケープ処理の方法など。
WordPress のフック(Hooks)
2019年01月18日
WordPress のフックについての解説。仕組みや使い方について。
WordPress CSSやJavaScriptファイルの読み込み
2019年01月18日
WordPress での CSS や JavaScript の推奨される読み込み方法につて。
WordPress のユーザー・一覧表示対策
2019年01月18日
WordPress のいくつかの機能により、ユーザーのログイン ID などを外部から取得することができるようになっているので、その対策について。
Bootstrap 4 の使い方
2018年12月28日
Twitter 社が開発した CSS フレームワーク Bootstrap 4 の使い方について。Content編Components編 1Components編 2Components編 3Utilities編 もあります。
AMP の導入と実装(基本的なこと)
2018年8月23日
AMP(Accelerated Mobile Pages)を導入する際に考慮する点や AMP を使ったページの基本的な作り方について。
Google Maps の使い方・利用方法
2018年7月25日
2018年7月16日から「Google Maps Platform」という新しいサービスに統合され、利用方法が少し変更になりました。APIキーの取得方法から各種 API を使った Google Maps の表示、マーカー、情報ウィンドウの表示方法や設定、ジオコーディングやジオロケーション、ルートの表示、周辺検索などについて。基本的な使い方から簡単な応用などの解説です。
※ バージョンの指定方法が変更になったので、更新しました。(2018年8月9日)
Font Awesome 5 の基本的な使い方
2018年6月28日
バージョンが5になった Font Awesome 5 の基本的な使い方について。
Font Awesome 5 の使い方(SVG と JavaScript 編)
2018年6月28日
Font Awesome 5 を SVG として使用する場合のオプションについての説明。
Google カスタム検索(サイト内検索)の設置
2018年4月29日
Google が提供する無料のサイト内検索サービスの設置方法や Google インデックス 登録・申請について。
SEO 対策(検索エンジン 最適化)
2018年04月23日
SEO 対策の基本的な方法の解説。主に内部対策や、構造化データ マークアップ、XML サイトマップの作成・通知、robots.txt などについて。
レスポンシブ Web デザイン 作成資料
2018年3月3日
レスポンシブ Web デザインを作成する際に、必要な知識や情報、サンプルなどを掲載。(Viewport、Media Queries、レスポンシブイメージ、文字のレスポンシブ対応、テーブルのレスポンシブ対応、開閉式ナビゲーションメニューなど)

更新日:2019年09月05日

Personal Web Reference

Web 制作リファレンス目次ページ 
HTML
CSS
jQuery
PHP
Plugins &その他
WordPress

現在準備中です

Blog / Web 制作メモ

Blog トップページ

最近の覚書やメモ

htmlcss Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続(カスペルスキー インターネット セキュリティ 2019)

2019年8月7日

Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続する方法の覚書です。 また、ウィルス対策ソフト「カスペルスキー インターネット セキュリティ 2019」を使っている場合の設定方法についても記載しています。  目次 Windows 側の確認 リモートデスクトップ接続するには、Window…

続きを読む

htmlcss Dreamweaver CC 2019 に Emmet をインストール

2019年8月5日

Dreamweaver CC 2019 には Emmet が既に入っていますが、拡張機能として追加する方法の覚書です(以下は Mac版 についてです)。 Dreamweaver 標準で搭載されている Emmet では Wrap with abbreviation などの一部機能が使えないために別途インストールしました。 Adobe の Extension M…

続きを読む

wordpress WP_Query で添付ファイルを取得する際にアイキャッチ画像を除外

2019年5月26日

WordPress で WP_Query を使ってまとめて添付ファイル画像を取得して表示する際に、アイキャッチ画像を除外する方法についての覚え書きです。 投稿に添付(挿入)された画像やアイキャッチ画像など WordPress でアップロードしたメディアは、内部的には投稿と同じように扱われているので、WP_Query を使ってそれらをまとめて取得することが可能…

続きを読む

wordpress WordPress 特定の投稿タイプのサムネイル画像を自動生成させない

2019年5月23日

特定の投稿タイプで不要なサムネイル画像を自動生成させない 特定の投稿タイプの場合に指定したサイズのサムネイル画像を生成させないようにするには、intermediate_image_sizes_advanced フィルターが使えます。 intermediate_image_sizes_advanced フィルターは、画像をアップロードする際に自動的に生成される…

続きを読む

wordpress WordPress フィッシング(詐欺)メールにご注意を / DataBase Upgrade Required

2018年12月11日

昨日(2018年12月12日)以下のようなフィッシング(詐欺)メールが送られてきました。 件名:wordpress database upgrade required ! 差出人:WordPress.com [no-rp@wordpess.com] 本文: DataBase Upgrade Required Dear Customer, Your WordP…

続きを読む

Category

Tags