【サイト高速化!】Noto Sansを軽量化してWEBサイトに使う方法 | SEO対策なら株式会社ペコプラ
フォントを軽量化 使うweightを3つに絞ったとはいえ、1ファイル16~17MB。フォントファイルを軽量化(サブセット化)していきましょう サブセットフォントメーカーをダウンロードします。 https://opentype.jp/subsetfontmk.htm Windows用とMac用が別ですので選んでください。 ダウンロード後、インストールし起動するとこのようなソフトが開きます。 ①作成元フォントファイル 参照から選択できます。今回はNotoSansCJKjp-Regular.otfを例にします。 ②作成後フォントファイル 基本的には元のファイルと同じ名前で良いです。場所は混乱しないように別の場所を指定すると良いでしょう。 ③フォントに格納する文字 第1水準漢字、非漢字文字、アスキー文字をコピペします！ 唖娃阿哀愛挨姶逢葵茜穐悪握渥旭葦芦鯵梓圧斡扱宛姐虻飴絢綾鮎或粟袷安庵按暗案闇鞍
WordPressのレンダリングを妨げるリソースを除外する方法（CSSとJavaScript）
WordPressのレンダリングを妨げるリソースを除外する方法（CSSとJavaScript） Google PageSpeed Insightsを使用してWordPressサイトのパフォーマンスを計測したことはありますか？ともすると、Googleから「WordPressサイトのレンダリングを妨げるリソースを除外」するように忠告されたのではないでしょうか。今回の記事では、このテーマを扱います。 この時点で、きっと2つの疑問をお持ちでしょう。 そもそも「レンダリングを妨げるリソース」って？ WordPressで「レンダリングを妨げるリソースの除外」をするにはどうすればいいの？ この両方の疑問に答えます。具体的には、以下のように話を進めていくことにします。 レンダリングを妨げるリソースとは何なのか、そしてなぜ問題なのか レンダリングを妨げるリソースを修正する一般的な方法 無料または有料のプラグ
ホームページを社内運用する際の専任者は誰がいい？※コンテンツマーケティング編
多くの企業がWeb広告を出稿する中、年々Web広告の単価は高騰し続けています。 Web広告から見込み客を確保するのは有効な手段でしたが、近年満足いく集客効果が得られない、そこでWeb広告ではなく自社ホームページのコンテンツを強化するマーケティング手法、コンテンツマーケティングに移行したいとお考えの方も多いと思います。 しかし、その専任者を誰にするか…そんなお悩みをお持ちの方がいらっしゃるのではないでしょうか。 本記事では、中小企業を対象にしたコンテンツマーケティングの社内運用、その専任者選び方について解説します。 なお実際には他の仕事も兼任すると思われますので「専任」という言葉は不適切かもしれませんが、本記事では「専任」という言葉で固定させていただきます。 専任者選びの重要性について まず初めに専任者選びの重要性について、事例を交えて紹介します。 コンテンツマーケティングは見込み客が読みた
スクロールすると小さくなるヘッダーの作り方｜DESIGN REMARKS [デザインリマークス]
サイトにアクセスした最初の時点から、スクロールをするとサイズが小さくなるヘッダーってよくありますよね。最初は大きく見せたいけど、スクロールしてコンテンツを見始めたら小さくしたい、というものです。 使う機会の多い技術ですので、簡単な方法をまとめてみます。 HTML / CSS / JS で作っていきます。 仕様を決める 今回は、下記の仕様を想定して作っていきます。 ヘッダーの中にはロゴとナビゲーションの2つの要素がある。スクロール量が、ヘッダーの高さを超えると、小さくなる。スクロール量が、ヘッダーの高さを下回ると、元に戻る。 これを実現するために、ヘッダーの高さを基準に、スクロール量によって、それぞれの要素にclassを付けたり取ったりするスクリプトを書いていきます。 要素をJSで取得 JSで取得して操作したい要素は下記のものになります。 ヘッダー要素 <header id=”header”
![スクロールすると小さくなるヘッダーの作り方｜DESIGN REMARKS [デザインリマークス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4bd9883a323f0fc2616076c8f41647d17a30b4a9/height=288;version=1;width=512/https%3A%2F%2Fdesign-remarks.com%2Fwp-content%2Fuploads%2F2019%2F01%2Fscroll_header.jpg)
ワードプレス史上最強？！Diviテーマのすごいところ - Divi-Japan
WordPressのテーマ選びでDiviって何？と検索している方、正解です。かなりおすすめのテーマなので、ぜひ使ってみてほしいなと思い、興味のある方の後押しになるよう本記事を進めていきます。 日本でよく知られている有料テーマAffinger や Jin なども触りましたが、こちらはデザインにあまりこだわらないブログ用で探している方に向いていると感じました。 おしゃれなサイトだったりウェブ集客のためのLP制作ならぜひDiviを採用してほしいと思います。 →Divi公式：https://www.elegantthemes.com/gallery/divi/ Diviの特徴 まずはDiviの概要と料金プランなどをご紹介します。 ちなみに読み方は、「ディビ」（orディヴィ）。Divi 公式サイト 海外でめちゃくちゃ使われている Divi はElegant Themesという会社が提供しているWor
Wordpress Themes at wpzone.net - Free WordPress Themes
Divi Takes WordPress To A Whole New Level With Its Incredibly Advanced Visual Builder Technology You've never built a WordPress website like this before. Divi is more than just a WordPress theme, it's a completely new website building platform that replaces the standard WordPress post editor with a vastly superior visual editor. It can be enjoyed by design professionals and newcomers alike, giving
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
