khiroWebエンジニア(@khiro14726723)です。ユーザーにフォームの入力をしてもらう時に、自動で3桁区切りの表示をする機能があったほうが良いですよね。その機能を、javascript（jQuery)で実装しました。とてもシンプルなコードです。サンプルサイト ki-hi-r…

khiroWebエンジニア(@khiro14726723)です。Sassとbootstrap、jQueryがすぐに使える状態のHTMLテンプレートを作りました。すでにデザインが入ってるテンプレートをお求めの方は、こちらで紹介されているものがいいと思います。 今回は、無料ダウンロードでき…

khiroWebエンジニア(@khiro14726723)です。このwordpressテーマで使われているような、画像にカーソルを当てた時の挙動はどのように実装すれば良いのでしょうか。 gyazo.com実際にサンプルサイトを作ってみました。 サンプル ki-hi-ro.com タブレット、スマ…

khiroWebエンジニア(@khiro14726723)です。僕が実際に使ってみて便利だと思ったショートカットを、 6つ紹介します。商品紹介 最新モデル Apple MacBook Pro (13インチPro, 16GB RAM, 512GB SSDストレージ, Magic Keyboard) - スペースグレイ発売日: 2020/05…

khiroWebエンジニア(@khiro14726723)です。実はわたくし、実用英語検定準1級を持っているため、それを活かして英語ドキュメントの解説を書いてみようかと思いました。それでは始めていきます。bootstrapの公式サイトのExampleに、Gridという項目がありまし…

Advanced Custom Fieldsは、wordpressのカスタムフィールドを扱いやすくしたプラグインです。 カスタムフィールドって何？という方は、以下の記事が参考になるかと思います。初心者必見！WordPressで便利なカスタムフィールドとは？設定する手順とプラグイン…

wordpressの既存テーマの子テーマを作成するのに、私が試した方法を紹介します。開発環境は以下の通りです。 テキストエディタ・・・Visual Studio Code サーバー・・・Xサーバーもともと有効になっていたテーマの子テーマを作成していきます。 目次 1. 子テ…

Xサーバーにログインしている状態から始めます。 1.ファイル管理をクリック 2.public_htmlまで移動する 3.wordpressを設置するフォルダを作成する 4.サーバー管理をクリック 5.設定対象ドメインがあれば設定する 6.Wordpress簡単インストールをクリック 7.Wo…

CSSで以下の画像のような見た目を作る方法についてです。 サンプルサイトへのリンク ki-hi-ro.com サンプルサイトのgithubリポジトリ github.comCode → Download ZIP で、Zipファイルのダウンロードが可能です。 HTML <div class="ellipsis-text">text text text text text text text te</div>…