Web制作

Macのこと

FileZillaのサイト設定を複数のパソコンで共有する方法

自宅と会社で使っているMacのFTP情報を同期させたい。 そんな時の方法を書いてみようと思います。 Dropboxを使った手順 1.Filezillaのサイトマネージャーファイルをドロップボックスに移動 2.移動下ファイルのシン...
css

質問に答えたらお勧めフォントを自動的にGooglefontから選んでくれるサービス

GoogleフォントはHTMLでコーディングを行う上では無くてはならいほどの貴重な存在。 Font Libraryでは、Googleフォントのフォントがさまざまなタグで分けられており、好みのフォントにきっと出会えます。 でも、数が...
Webマーケティング

Googleが自然検索インデックスでPCとスマホの分離を発表

これ、ちょっとマジでびっくりニュースですよね。 いままで何気なく使っていたPCのGoogleがメインの検索エンジン! という認識は過去のものになってしまいます。これからの時代は、モバイル版がメインになる! SEOニュースサイト「S...
Macのこと

100%OFF情報 MacのFTPアプリ【ForkLift】が期間限定で無料セール

MacでFTPソフトと言えば・・・・・僕はFilezillaを愛用しています。 他にもCyberduckとかTransmitとか、有料から無料まで色々ありますが今回は通常2000円以上のFTPソフト「ForkLift」がなんと無料です! ...
Web制作

画像を後から読み込むWordPressプラグインLazyLoadを導入。読み込み速度を改善してページ速度を高速にする

Webページの表示速度に大きく影響するものの1つとして画像の読み込み速度があります。 LazyLoad系のプラグインはいくつか有ります。 何個か試してみたのですが、最終的に普通のLazyLoadに戻ってきたので、ご紹介。 画像をあ...
Web制作

jQueryを使ってtitleタグを書き換える方法

以前のアルバイト的な感じでサテライトサイト制作やった時のお話。 「ページタイトルなんだけど、この項目の言葉使って直してもらって良いかな」 と。 最初はh1の言葉をそのままtitleに入れれば良いという歯内でしたが、あとから...
css

これで安心|html5のarticle要素とsection要素とdiv要素の使い分け

おはようございます。 昨日は子供の運動会があって、天気が良かったのは嬉しいのですが、やり過ぎですよってくらい暑くてしっかり日焼けしました。シャワーが痛い。。 さて、実はお仕事でWeb講師をやっている自分ですが、先日受講生の方に質...
WordPress

WordPressの表示を今以上に高速化させるための最適化ポイントはコレだ

WordPressを使っていると、どうしてもサイト自体が重たくなります。 このブログもGoogleスピードテストでスマートフォンだけがなかなか60点台にのりません。 PCは76点。せめて80点まで行きたいですね。 そこで、Wo...
Web制作

WordPressで画像読み込みを遅延ロードさせるプラグインUnveil Lazy Load

Unveil Lazy LoadはWordPressで、画像の読み込みを遅延させてくれるプラグインです。 使い方はとっても簡単で、新規プラグインの追加画面で このプラグインをインストールします。 設定も特に必要なくて、イン...
Web制作

WordPressのJetpackでパブリサイズがGoogle+で問題

ブログを開設して約1週間ほどですかね。 SNSもだいたい作ってFacebook、ツイッター、Google+とアカウントやページを準備。 連携も取りたいので、WordPressプラグインのJetpackを導入して、SNSとの連携完...
Web制作

WordPressの動作を早く(軽く)するために行った3つの方法

WordPressを使っていると、どうしてもプラグインのCSSやらJSやら色々なファイルを読み込んでしまうので動作が重くなりがちなところはあると思います。 そこで自分で試した方法を3つご紹介しようと思います。 まず、作業を始める...
Web制作

WordPress記事内にアドセンスコードを自動追加。最初のh2の上にプラグインも無しで簡単コード

ブログの記事を書く際に収益って意識しますよね。 特にadsenseに寄る広告収入はブロガーにとっては嬉しいです。 ただ、毎回毎回手動でアドセンスコードを持ってくるのは大変。そんな時に、このコードをfunction.phpに記述す...