はにわまん

環境

WindowsからMacに変更したときに覚えておきたいショートカットと設定

Windowsを10年くらいメインに使ってきたのですが、Macを知らないままWindows使い続けるの損してるかもしれない…と思いMacBook Proに買い換えてみました。 (ガチで使っ…

はにわまん
HTML

画像上の任意の場所をクリックできる「クリッカブルマップ」の使い方

Webサイト上に配置した画像内の任意の場所をクリックできるようにするコーディング方法の紹介です。 「クリッカブルマップ」あるいは「イメージマップ」と呼ばれたりしていて、特別な実装方法ではなくHTMLが…

はにわまん
CSS

途中からヘッダー固定にする方法!画面上部までスクロールされたら固定する

途中からヘッダー固定にする方法の紹介です。 スクロールしてグローバルメニューが画面の上部に達した時に固定するという動きを実装していきます。 実際の動きとしてはこんな感じです。 途中からヘッダー固定にす…

はにわまん
WordPress

公式のSNSボタンをWordPressで設置する方法【Twitter,Facebook,Line等】

TwitterやFacebook、Lineなどの公式が提供しているSNSボタンを設置する方法を紹介していきます。 ※ 本記事は2019年3月29日現在の情報です。公式の仕様変更などでコードや使い方が変…

はにわまん
環境

EJSの使い方!静的なHTMLサイトで「共通パーツ」と「変数」を使おう

EJS(イージェーエス)はテンプレートエンジン呼ばれるNode.jsのパッケージの1つです。JavaScriptとHTMLを混ぜた感じでHTMLサイトが作れることをイメージしてもらえたらと思います。 …

はにわまん
WordPress

WordPressカスタマイズ案件での失敗3つと配慮したいこと1つ

これまで約300件のWordPress案件を対応してきました。そのほとんどが既存テーマを書き換える「カスタマイズ」案件です。ビビリなので石橋を叩きつつ対応するのですが、失敗がゼロというわけにはいきませ…

はにわまん
デザイン

Font AwesomeをPCにインストールしてデザインカンプにコピペで使おう

Font AwesomeをPCにインストールしておくと、XDやPhotoshopなどのデザインカンプにコピペで使うことができるようになります。 一般的に画像で作られていることが多いですが、個人的にFo…

はにわまん
WordPress

WordPressのお問い合わせフォームで郵便番号から住所を自動で入力

WordPressのお問い合わせフォームで郵便番号から住所を自動で入力できるようにする方法です。 対象のお問い合わせフォームとして、「Contact Form 7」と「MW WP Form」で作ってみ…

はにわまん
環境

VSCode内でテキスト比較(diff)する3つの方法

VScodeのテキスト比較(diff)する3つの方法の紹介を紹介します。 1つ目はVSCodeで標準に備わっているテキスト比較の使い方で実用的ではないかもしれませんが、操作方法だけでも覚えておくと後か…

はにわまん
WordPress

WordPressの記事内コンテンツを一括置換できる「Search Regex」

WordPressの記事内コンテンツを一括置換できるプラグイン「Search Regex」の紹介です。 個人的には主にURLの置換で使うことが多いかと思います。 Search Regexのインストール…

はにわまん
1 2 26