株式会社レクタス
ホームページアクセスログ解析
追跡・トラッキング機能
ページ閲覧解析システム
アンケートフォーム
認証付きダウンロード機能
会員制不要なオンライン展示会
メール配信システム
営業支援システム
ホームページ制作勉強会
ホームページ制作＆コンサル
商品企画コンサルティング
営業コンサルティング
ホームページメンテナンス実装
実装タグ記事(更新日順)
-
CSSで目のマークを作成する
タグ: css, 実装
更新日:パスワード表示非表示用、CSSのみで目のマークを作成する 画像の目のマークと比べるとかなりシンプルになりますが、できる限り簡単に CSS のみで実装できる目のマークを作成しました。パスワードの表示、非表示のために用いられ […] -
CSSで二重の目のマークを作成する
タグ: css, 実装
更新日:CSSで二重の目のマークを作成する方法 CSSで目のマークを作成するで作成した目のマークを二重にしました。作成手順はCSSで目のマークを作成する手順に加えて実装方法を後述します。 サンプルコード HTML <div […] -
【CSS】矢印の中に文字を書く方法
タグ: css, 実装
更新日:矢印の中に文字を書く実装方法 今回は矢印の上に文字を書く方法を紹介します。図形の上に文字を書く時の参考にしていただければと思います。矢印も CSS のみで作成していますので、その方法も併せてご紹介します。 サンプルコード […] -
【CSS】マーカー風の下線(アンダーライン)を引く方法
タグ: css, 実装
更新日:マーカー風の下線(アンダーライン)を引く css では【CSS】簡単な下線(アンダーライン)の引き方【HTML】にあるように簡単に下線の実装ができます。今回実装したいマーカー風の下線(アンダーライン)ですが、少し css […] -
-
【WordPress】アイキャッチ画像を設定しないでもサムネイルを表示する方法
タグ: WordPress, プラグイン, 実装
更新日:WordPress でいちいちアイキャッチ画像を設定するのは面倒くさいと思ったことはないだろうか． 「アイキャッチ画像 いらない」で検索している人がかなり多い．やはり面倒なのだろう． ただ，テーマによっては様々な場所でア […] -
【CSS】五角形の矢印を作成する
タグ: css, 実装
更新日:CSSで五角形の矢印を作成する方法 状態の遷移を表す際などに用いられる、五角形の矢印をCSSで簡単に実装する方法をご紹介します。 以下、五角形の矢印のサンプルです。 HTML <div class="ar […] -
左側メガメニューの作り方(横スライドタイプ)【レスポンシブ】【CSSのみ】
タグ: css, レスポンシブ対応, 実装
更新日:【【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】 のページで簡単な「メガメニュー」の作成方法を記事にしたが，これは一般的な縦スライドタイプのメガメニューだった． 今回，必要に迫られて横タイプも作ってみたので […] -
ページに応じたアンケートを作成可能なメールフォーム
タグ: アンケートフォーム, データベース, 営業, 実装
更新日:企業のページであればメールフォームはどこかに埋め込まれていることでしょう． メールアドレスしか書いていない状態は，不親切なだけでなくメールアドレスだけ拾われて，拾った人の営業に使われてしまうだけということもあり，お勧めで […] -
-
チェックボックスのデザインをカスタマイズする
タグ: css, 実装
更新日:チェックの切り替えでデザインが変わるチェックボックス チェックボックスの切り替え時に、デザインを変更したい場合はないでしょうか。例えば会員登録情報の変更時に、登録済みの情報とは別の情報を選択した場合、変更したことが目に見 […] -
【JavaScript】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
タグ: 実装
更新日:パスワードを入力する機会が増えた昨今では必須の機能と言える、パスワード表示ボタンのクリックでテキストの表示・非表示をjavascriptを使って切り替える方法を紹介します。 今回のサンプルコードではパスワード入力欄を作成 […] -
webページにチャット機能を入れる方法
タグ: css, PageSpeed Insights, タグマネージャー, 勉強会, 営業, 実装
更新日:弊社のお客様で Smallchat を入れられている方がおられて，引き合いが来たことがあるということを聞いたので早速このサイトにも入れてみたのだが，PageSpeed Insights の点数が 30点ぐらい悪くなるので […]
