jQueryでブラウザバック時にイベントを設ける
パソコンやスマートフォンの戻るボタンを使って画面を戻す（ブラウザバックする）時があります…
小金井にあるWEB制作会社の備忘録
MEMORANDUM数多くのホームページをご依頼いただいている中で、実際に株式会社衆が制作に携わった案件の中で使用している手法や、基礎知識に関しての備忘録を掲載。
自社でホームページの制作やシステム開発を行われる際の参考例として、またはホームページをご依頼される際の予備知識としてお役にたてれば嬉しいです。
-
javascript / jQuery
-
WordPress
ワードプレスの旧バージョンを手動でインストール
レンタルサーバーなどではワードプレスの自動インストール機能を設置されているところも多くあ…
-
CSS
CSS「position: sticky」を使って「table」(表)の見出しを固定。
ホームページで表を実装する際に、項目が多すぎて一度に全体を見渡せない時があります。スクロ…
-
CSS
animate.cssを使ってスクロールアニメーションを簡単に実装する
一般的になってきたスクロールアニメーション。以前はモーションを一つづつ作成していましたが…
-
WordPress
WordPress（ワードプレス）でカスタム投稿タイプのカテゴリー（タクソノミー）に登録されている記事のタグを表示する。
ワードプレスでカテゴリーに登録されている記事のタグ一覧を表示する機会があったので方法をメ…
-
その他
GTM（グーグルタグマネージャー）でfacebookの詳細マッチングを設定する。
グーグルタグマネージャーでの詳細マッチングの設定を依頼される機会も増えたので方法をメモ。…
-
WordPress
WordPress（ワードプレス）でカテゴリー（タクソノミー）登録・編集画面にカスタムフィールドを追加する。
各投稿記事への項目ではなく、カテゴリーに項目を追加してカテゴリーの色分けを希望された際に…
-
PHP
PHPでzipファイルをアップロード後、サーバー内に解凍（展開）
画像データ等をサーバーにアップロードする際、一点づつアップロードしても良いけれど、ファイ…
-
WordPress
WordPress（ワードプレス）でサイト内検索機能をカスタマイズ
ワードプレスを使用して運用されているサイトで投稿した記事を検索したい（サイト内検索）とい…
-
その他
.htaccessでPHPのファイルアップロードサイズの上限値を変更
PHPを使用して画像（動画・PDF等）をアップロードするフォームを作成した際に、ファイル…
-
WordPress
WordPress（ワードプレス）でカスタム投稿タイプにカスタムフィールド機能を追加
カスタムフィールド機能の追加は、プラグインでも可能ですが、今回は投稿済の記事から選択して…
-
javascript / jQuery
javascriptで指定IDの子要素の値を取得する。
javascriptを使用して指定値を取得する際に、「jQuery」を使うことが多いので…
-
CSS
CSS「clip-path」を使って画像を多角形にマスキング（切り抜く）
ホームページに画像を配置する際に、四角形や円形、角丸を用いることが多いのだけれど、変化を…
-
WordPress
WordPress（ワードプレス）でサムネイル（アイキャッチ）画像のサイズを追加。
ワードプレスにアップロードされる画像は初期設定の大きさに自動でリサイズされたものが作成さ…
-
SEO
.htaccessで特定のファイルをキャッシュする
WEBサイトの表示速度を改善する際に、特定のファイル（拡張子）に有効期限を設けてキャッシ…
-
PHP
PHPでデータベース（MySQL）のデータを自動バックアップ
データベースのバックアップを取りたい時、毎回管理ツールからダウンロードボタンを押しても可…
-
javascript / jQuery
jQuery「Spectrum」を使ってフォームの入力項目にカラーピッカーを設置
フォームの入力項目を作成した際に、テキストエリアとは別にカラーピッカーを設置する必要があ…
-
その他
サイトの改修（リニューアル）。「.htaccess」を使って旧ページをページ単位でリダイレクト
ホームページを改修（リニューアル）する際に、ページが増えたり減ったり、変わったりすること…
-
PHP
PHPの「file_get_contents」を使ってPOSTデータ送信を実装
WEBで提供されているサービスを使用する際に、提供元のAPIに自身のサイトで入力されたデ…
-
その他
Word、Excel、PowerPointに添付された画像を一括でフォルダに展開・保存する。[Windows]
ホームページの作成時に、ワード（Word）やエクセル（Excel）、パワーポイント（Po…
-
PHP
PHPでHTMLメールを送信
通常メールの送信用メールフォームは以前から作成していましたが、HTMLメールの送信用にフ…
-
WordPress
WordPress（ワードプレス）でテーマ有効時にオリジナルデータベースを作成
WordPress（ワードプレス）で専用の機能を実装する際にプラグインを利用することが多…
-
PHP
PHPでメールにファイルを添付して送信する
メールフォームからメールを送信する際に、画像（ファイル）を添付できるようにしてほしいとの…
-
PHP
WordPress（ワードプレス）で投稿に表示されているブロックを制限
WordPress（ワードプレス）でのホームページ作成時に、ブロックの種類が多すぎると、…
-
その他
メディアクエリを使ってレスポンシブ対応したHTMLメールを作成
パソコンとスマホ用にメディアクエリを使用してレスポンシブ対応のHTMLメールを作成する機…
-
PHP
PHPを使ってTwitter風のハッシュタグでの自動リンク機能を実装
テキストエリアを使ったテキスト入力時にツイッター（Twitter）のように＃（ハッシュタ…
-
javascript / jQuery
レスポンシブサイト作成時のjsのブレイクポイント対応
レスポンシブ対応でサイトを制作時に「$(window).width()」や「$(wind…
-
WordPress
WordPress（ワードプレス）で複数のデーターベースの内容を読み込む。
WordPress（ワードプレス）を使ってサイトを作る際に、既に別サイト（同一サーバー内…
-
その他
「webP(ウェッピー)」を使用して画像サイズを縮小。
画像を多用することで遅くなっているWEBサイトの表示速度を「webP（ウェッピー）」を使…
-
その他
SVG形式で画像を表示する。
SVGとは、Scalable Vector Graphics（スケーラブル・ベクター・グ…