【WordPress】カスタムフィールドの追加方法
WordPressで、オリジナルのカスタムフィールドを追加する方法を解説します。処理は全部で3段階ありますので、それぞれの処理についても解説します。それでは早速、要件から整理していきましょう。要件オリジナルのカスタムフィールドを追加して、入力値をサイトに表示させる(下記画像がゴール
WordPressで、オリジナルのカスタムフィールドを追加する方法を解説します。処理は全部で3段階ありますので、それぞれの処理についても解説します。それでは早速、要件から整理していきましょう。要件オリジナルのカスタムフィールドを追加して、入力値をサイトに表示させる(下記画像がゴール
SMACSSは、CSSを定義する上での規則を、下記の5種類に分類しています。 ベースレイアウトモジュール状態(state)テーマそれぞれの使用方法について、あまり整理ができていない方は一定数いるのではないでしょうか。この記事を読むことで、
今回の記事では、WEB制作・開発の現場において、注意すべきCSSの破綻について解説をしていきます。CSSの破綻とはCSSの破綻は、細かく例を挙げるとキリがありませんが、 制作現場で特に注意しなければならないCSSの破綻については下記のように思います。 (私がこれまでしてきたCSS記
前回の記事でWordPressのサイト内検索の仕組みについて解説しました。こちらがまだの方は、まず下記の記事で構造的な理解を深めてください。【WordPress】サイト内検索の仕組みについて解説今回の記事では、サイト内検索対象に「カスタムフィールド」を加える方法
前回の記事でWordPressのサイト内検索の仕組みについて解説しました。こちらがまだの方は、まず下記の記事で構造的な理解を深めてください。【WordPress】サイト内検索の仕組みについて解説今回の記事では、WordPressにデフォルトで用意されているサイト内検索対象か
前回の記事でWordPressのサイト内検索の仕組みについて解説しました。こちらがまだの方は、まず下記の記事で構造的な理解を深めてください。【WordPress】サイト内検索の仕組みについて解説今回の記事ではサイト内検索の検索対象をタイトルに限定する方法について解説します。
WordPressにはデフォルトでサイト内検索機能が備わっています。任意のキーワードを入力すると固定ページ・投稿ページなどのコンテンツがヒットします。この記事では、サイト内検索を行った際に、バックエンドでどのような処理が行われているのかを解説します。SQLの処理を確認するた
WordPressテーマやプラグイン開発の過程で、データベースの構造を理解しておくことで効率的に開発を行うことができます。今回の記事では、WordPressで使用されているデータベースの構造を整理しました。WordPress内のどの入力部分がデータベースに反映されるのかを画像付きで解説して
パンくずリストは内部SEOに有効とされています。また、ユーザーにとってもパンくずリストは有効です。記事コンテンツなどを発信しているサイトでは、基本的にユーザーは下層ページのコンテンツからサイトに流入します。その際に、今自分がサイトのどこにいるのかを把握しやすくなりますし、カテゴリーからその
ブログを運営する場合、回遊性を向上させるために記事内にその他の記事を掲載するのはブログ運営の基本です。今回は投稿ページテンプレート(single.php)をカスタマイズして、表示されている記事と同じカテゴリーに属する記事のリンクを表示させる方法について解説します。 (さらに…)
slickはsliderレイアウトを構築する際によく使用するレイアウトですが、複数行の実装は初めてだったので、使用したオプションを忘備録として残します。サンプルコードはそのままコピペで動作しますが、レイアウトは各々調整してください。■ 関連記事 : JavaScriptの基礎習得に役立つ技術
このブログでは、画像アップロード機能をいくつか紹介していますが、今回は画像URLからデータを取得して、サーバーサイドに送信する方法について解説します。オブジェクト変換などの新しい知識を得ることができたので、忘備録として残します。■ 関連記事 : JavaScriptの基礎習得に役立つ技術書【
システムは多くのファイルを扱います。画像をはじめ、PDF・Word・Excel・csvなどの様々なファイルを取り扱います。サーバーサイドはデータベースとのやりとりだけではなく、同時にこれらのファイルをサーバーにアップロードする処理を実装します。今回は画像データをFTPサーバーにアップロードする方
SSH接続を使用することで、サーバー上のファイル操作(編集・コピー・削除・圧縮など)をコマンドから実行できるようになります。SSH接続では、ネットワーク上の通信が全て暗号化されるため、操作を安全に行うことができます。今回はエックスサーバーの公開鍵を想定して、SSH接続の手順・実行コマンド・
WEBサイトを公開するためには、ローカルにある画像やファイルをWEBサーバーに転送しなければいけません。ファイルをサーバーに転送する際にはFTPソフトを使用してFTPサーバーに接続します。日常的に使用しているFTPの役割や、SSHの仕組みを整理しました。 (さらに&hell
WEBサイトやCMSの構築に関わっていると、クライアントから管理画面に編集用のエディタを埋め込んで欲しいという依頼をいただくことがあります。非エンジニアの立場からすると、いくらシンプルなHTMLでも触りたくないのは当然です。またWEBサイトを公開した際に、ファイルはサーバー上にあるので更新
JavaScriptとPHPを使用したファイルのアップロード機能を作成したので、処理内容を解説します。処理はDrag & Drop API、Fetch API、Files APIを使用して実装し、非同期処理でサーバーサイドにデータを送信するまでの記述になります。私が作成して
この記事ではFormDataオブジェクトとfetch()を使用して、サーバーにデータを保存するまでの処理を学ぶことができます。今回はCakePHP(サーバーサイド)のコントローラーの処理も記載していますので、データの取得・送信・保存・レスポンス処理までの一連の流れを解説します。非同期処理と
ファイルアップロード機能を実装するためのソースコードはネット上に多く出回っているので、実装するのはそれほど難しいことではありません。機能を作る時に重要になるのが、不適切な形式のファイルはアップロードできないことです。拡張子チェックなどの処理が実装されていない状態で、悪意のあるユーザーが不適
WEBアプリケーションでは、ファイルのアップロードやダウンロード、編集などのやりとりが盛んに行われています。開発に関わるエンジニアとしては、ファイルなどのデータを適切に扱うことができるかどうかでレベルが分かれるとも言われています。今回はJavaScriptでファイルを扱う際に使用するFil