Googleフォントをサブセット化してページの読み込みをスムーズに
2023年6月8日 Webサイト制作, 便利ツール おしゃれなフォントが気軽に実装できるGoogleフォント。みなさん使っていますかね？登録やダウンロード不要なので便利ですが、日本語フォントはなかなか容量が大きくてページの読み込み速度に影響が出てしまいます。そこで必要なフォントのみを指定できるサブセット化をしてみましょう！ ↑私が10年以上利用している会計ソフト！ Googleフォントの設定 まずは通常通りGoogleフォントを設定しましょう。GoogleフォントのWebサイトから、今回は例として「Kosugi Maru」というフォントを設定したいので検索。一覧から「Kosugi Maru」をクリックします。 続いて見本の右側にある「Select this style」をクリック。 HTML 画面右側に選択したフォントが表示されます。「Embed」タブをクリックしてコードを取得しましょう。
WordPressで会員制サイトを作れる無料プラグイン「Simple Membership」
2015年10月2日 Wordpress 会員登録をしたユーザー限定でコンテンツを表示する会員制サイト。作るには時間や手間がかかるイメージですよね。今回はそんな会員制サイトを簡単に、そして無料で作れちゃう「Simple Membership」というプラグインをご紹介します。 ↑私が10年以上利用している会計ソフト！ 会員制サイトに必要な機能 以下の機能のついた簡単な会員制サイトを作ってみようと思います。 新規ユーザー登録 ログインフォームの設置 記事やページを限定公開 ユーザーによる登録情報（名前やパスワード等）の変更 管理ページから手動でユーザー追加 Simple Membershipは無料で使えるWordPressの会員システム導入プラグイン。会員レベルの設定やコンテンツの限定公開も簡単で、ショートコードを使ってログインフォームも設置できますよ。細かい設定は難しいかもしれませんが、上記
2014年にリリースされた便利な無料WordPressプラグイン
2014年9月23日 Wordpress いつもWordPressでWebサイトを制作する際、お決まりのプラグインばかり利用していてる私です。長年愛され続けているプラグインもいいのですが、最近開発された中でも素敵なものがあるはず！という事で、今年開発されたプラグインで便利で使いやすいプラグインをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ WP Canvas – Shortcodes WordPressのショートコードって本当に便利ですよね。小難しい機能も簡単に挿入・表示できます。WP Canvas – Shortcodesはそんなショートコードを使ってアコーディオンやタブ、Googleマップ、ボタン等様々な要素を表示できます。 期限を指定してカウントダウンを表示したり…。 [wc_countdown date="Sep 28, 2014, 12:00:00 AM" fo
背景に動画を使ったWebサイトの作り方
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト！ KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
