KATSUO BLOG - パート 4

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

Welcartの商品登録を行う方法【商品画像の手順と商品マス……

2023年12月11日

WelcartはWordPressにECサイト機能を実装できるプラグインです。このページではWelcartで販売する商品を登録する方法をご紹介します。

Welcartで商品カテゴリーを追加したり階層化する方法

2023年12月11日

Welcartは、WordPressにECサイト機能を実装できるプラグインです。このページではWelcartで販売する商品のカテゴリーを追加・登録する方法をご紹介します

Welcartの使い方【導入方法（インストール）と初期設定】……

2023年12月11日
最終更新日:2023年12月21日

Welcartは、WordPressにECサイト機能を実装できるプラグインです。専門知識がなくてもサイトを作れるWordPressのプラグインということもあり、初心者でも簡単にECサイトを開設・運営することができます。

EC-CUBE

EC-CUBEの現在のバージョンを確認する方法【4系】

2023年12月08日

現在使用中のEC-CUBEのバージョンは管理画面から簡単に確認することができます。プラグインが動作適応するか確認する為にも、使用中のバージョンの把握は欠かせません。

EC-CUBE

EC-CUBE4系でメンテナンスモードを有効にする方法【準備……

2023年12月07日

EC-CUBE4系にはサイトの修正作業中など、一般のユーザーにサイトにアクセスして欲しくない時に「メンテナンス中」画面を表示しておける「メンテナンスモード」という機能が搭載されています。

EC-CUBE

EC-CUBEをXAMPPにインストールする時に起きるエラー……

2023年12月04日
最終更新日:2023年12月08日

EC-CUBEの開発環境をローカルに構築しようとXAMPPにインストールを試みると「Warning: openssl_pkey_…」というエラーが表示される場合があります。

EC-CUBE

EC-CUBEをインストールする時のsodium拡張モジュー……

2023年12月04日
最終更新日:2023年12月08日

EC-CUBEのインストールを試みると以下のような「sodium拡張モジュールが有効になっていません」というエラーが表示される場合があります。

EC-CUBE

EC-CUBEをXAMPPにインストールする方法【ローカル開……

2023年12月04日
最終更新日:2023年12月08日

XAMPPによるローカル環境にEC-CUBEをインストールして開発環境を構築する方法を解説します。本番前にテストを行いたい場合には今使用中のPCにローカル環境を構築しておくと役立ちます。

WordPress

ワードプレスの固定ページにPHPファイルを読み込む方法【ショ……

2023年12月04日

ワードプレスの固定ページ（投稿ページ）内にPHPを書いたり、PHPファイルを読み込ませることができたら便利ですよね。「PHPファイルを作成して、ショートコードを使って固定ページ内に読み込ませる」という方法をご紹介します。

WordPress

コンタクトフォーム7のショートコードをテーマファイル内に埋め……

2023年11月24日

テーマファイル（PHPファイル）内にコンタクトフォーム7のショートコードをそのまま記述しても、フォームを呼び出すことはできません。

Laravel

Laravelのプロジェクトでファビコンを設定する【favi……

2023年11月21日

Laravelのプロジェクトにおいても同様にHTMLのlinkタグを使用してWebサイトにファビコンを設定します。あらかじめLaravelプロジェクト内のディレクトリにアップロードしたファビコンデータをlinkタグのパスをhref属性に設定すればファビコンが表示されます。

JavaScript

Javascriptのlightboxライブラリの使い方【画……

2023年10月01日
最終更新日:2023年09月12日

lightboxライブラリでできること Webサイトでは、ユーザーがクリックすると大きい画像が開くという表示方法が良く用いられます。一覧では小さい画像を並べて […]

WordPress

ワードプレスで前後の記事の公開日を取得して表示する方法【ge……

2023年10月01日
最終更新日:2023年09月12日

ワードプレスの投稿ページで前後の記事の公開日を表示させたいときはget_previous_postとget_next_post関数を使います。

CSSのメディアクエリでスマホでのホバーの挙動の対策を行う【……

2023年10月01日
最終更新日:2023年09月28日

要素をタップしたときにホバー時のスタイルが適用され続けるという経験はありませんか？CSSだけで簡単にスマホでの疑似要素「hover」の挙動の対策を行う方法をご紹介します。

JavaScript

HTMLのチェックボックスに選択上限を設ける方法【Javas……

2023年10月01日
最終更新日:2023年09月28日

チェックボックスに選択上限を設けるには、JavaScriptを使ってチェックの数をカウントし設定した数を超えたらチェックできないようにします。

HTML

HTMLのinputのdateで日付の入力欄を作る【初期値や……

2023年10月01日
最終更新日:2023年09月28日

HTMLのinputタグのtype属性にdateを指定すると、フォームなどに日付の入力欄を設置することができます。

HTML

ブラウザキャッシュを回避するCache Bustingの方法……

2023年09月01日

Cache Busting（キャッシュバスティング）とはキャッシュを利用せずに読み込みするように指定することです。

JavaScript

横スクロール可能なことを示すヒントを表示するJavascri……

2023年09月01日

Javascriptのライブラリ「ScrollHint（スクロールヒント）」を使えば、ユーザーに対して要素がスクロール可能であることをわかりやすく示すアイコンを表示することができます。

JavaScript

JavascriptでブラウザやOSを判定する方法【plat……

2023年09月01日

Javascriptのplatform.jsというライブラリを利用すれば、簡単にユーザーが使用しているブラウザやOS情報を取得し判別する処理を作ることが可能です。

JavaScript

Javascriptでフォーム送信時に確認ダイアログを出す方……

2023年09月01日

Javascriptでフォーム送信時にダイアログ表示させてユーザーに処理を続行して良いか確認するには「confirmメソッド」と「onsubmit属性」の2つを使用します。

JavaScript

Javascriptで文字のUnicode(UTF-16)を……

2023年09月01日
最終更新日:2023年08月29日

JavascriptのcharCodeAtを使うと、日本語（テキスト）のUnicode(UTF-16)を取得したり、Unicode(UTF-16)をテキストに変換することが可能です。

Laravel

Laravel Breezeでログイン認証機能を実装する手順……

2023年08月08日

Laravel BreezeはLaravelのプロジェクトにログイン認証機能を実装することができるパッケージです。登録・ログイン・メール認証・パスワードリセット・登録内容の変更といった一通りの機能がコマンドだけで簡単に導入できます。

Laravel

Laravelをインストールして開発環境構築する手順【Win……

2023年08月08日

LaravelはPHPのフレームワークの中でも特に人気のあるものの一つです。今回はWindowsPC（ローカル環境）にLaravelをインストールして開発環境を構築する手順を解説します。

HTML

HTMLのdatalistタグの使い方【文字入力とプルダウン……

2023年08月08日

HTMLのdatalistは、テキストボックスとセレクトボックスを組み合わせたような入力欄を作ることができるタグです。一見普通のテキストボックスですが、クリックすると用意した入力候補が表示されます。