はてなブックマーク

ワードプレス　Kota Naito / 2017.10.20 ワードプレス管理画面の投稿一覧に(サムネイル)アイキャッチ画像を表示する方法【プラグイン無し】 CMSにも様々な種類がありますが、現在世界で最も利用されているCMSがWordPress（ワードプレス）です。CMSを利用して構築されている国内のWEBサイトの、約8割がこのWordPressで作られていると言われています(W3Techs調べ)。 ブログサイトの構築に特化している作りでありながら、拡張性の高さやテーマ・プラグインの豊富さから、個人ブログだけでなく、中小企業や大企業のコーポレートサイト、大手ニュースサイトやネットショップとしての導入事例も増えてきています。 FITでも先日「LION BLOG(ライオン ブログ)」というWordPress用無料ブログサイト向けテーマをリリースさせていただきました。8月28日にリリースしてか

ワードプレス　Kota Naito / 2017.07.11 最初にやるべきWordPressのセキュリティ対策。ログインユーザー名がバレるのを防ぐ デフォルトの状態のWordPressは、管理画面にログインする際に必要な「ユーザー名」が「見える」状態になってしまっています。 本来、「ユーザー名」は本人と、サイト管理者だけが知るべき情報です。ユーザー名とパスワードを組み合わせたログイン方式の場合、当たり前の話となりますが、まずユーザー名を識別し、次にパスワードを認証するという2つの段階を経てログインをします。ユーザー名は「あなたは誰」に対する返答で、パスワードは「あなたである証拠」に対する返答なのです。 デフォルトの状態のWordPressは、この2つのキーのうちの1つである「ユーザー名」が誰もが「見える」状態にあります。このまま何の対策もしなければ、あなたのWordPressで作られたサ

先日、とある案件で、背景画像をスライドさせて切り替える必要が発生しました。そこでそれを可能にするjQueryプラグインを探していたところ、大変使い勝手の良いjQueryプラグインを発見したのでご紹介させていただきます。 「jQuery.BgSwitcher」は背景画像を簡単に切り替えられるjQueryプラグインです。使い方も設定方法も簡単で、動作も軽いのでお勧めです。 背景画像を全画面表示で切り替えるDEMOを用意したので、動作をご確認ください。 DEMO（当サイトのTOP） DEMO（デフォルト） DEMO（カスタマイズ） ダウンロード jQuery.BgSwitcherのサイトからjquery.bgswitcher.jsをダウンロードすることができます。 使い方（デフォルト設定）

IT IS BETTER TO FIT. 思いとデザインがフィットするホームページ制作会社! ホームページ制作 コンテンツマーケティング SEO対策 WEBコンサルティング 千葉県南房総市・印西市に拠点を置くフィット株式会社へのご相談・ご依頼件数1000件突破！ SCROLL みんな知っている。退屈なホームページは誰も見ないということを。 “Everyone knows. No one sees a boring web site.” WEB CREATE OFFICE FIT フィットの紹介 フィット株式会社は千葉県南房総市・印西市を拠点に、総合的なホームぺージ制作・WEBプロモーション事業を行うWEB制作会社です。 我々は作って終わりの制作会社ではありません。コンテンツマーケティング支援や長期的に検索エンジンに評価されるSEO対策、ホームページの収益改善などのアドバイスを行うWEBコン

ワードプレス　Kota Naito / 2017.08.11 独自のカスタムフィールドを追加する方法。プラグインなしでオリジナルの入力項目を追加しよう WordPressが標準でサポートしている入力フィールドは「タイトル」と「本文」の2つとなっているのですが、カスタムフィールドを利用すれば、好きな入力項目を追加することができるようになります。 例えば、「完読した本を毎週紹介していく」といったブログを運営している場合、「本のタイトル」「本の作者」「本の価格」などの独自の入力項目があると便利ですよね。カスタムフィールドを活用すれば、これらのような独自の入力欄を投稿(post)や固定ページ(page)だけでなく、カスタム投稿タイプにも追加することが可能となるのです。 今回は、PHPの知識が無い方でもプラグインを使わずに、コピペするだけで独自のカスタムフィールドを追加する方法を紹介いたします。 ※

トップページ FIT BLOG コーディング シェアされるシェアボタンとは。CSSだけで作られた12のオリジナルレスポンシブシェアボタン【無料ダウンロード】 コーディング　Kota Naito / 2018.03.09 シェアされるシェアボタンとは。CSSだけで作られた12のオリジナルレスポンシブシェアボタン【無料ダウンロード】 ソーシャルメディアでのシェアは、そのサイトの人気を左右する非常に重要な要素であることは多くの方が認識していることだと思います。だからこそ多くのWEBページにはシェアボタンが設置されているわけですが、シェアボタンのデザイン・配置位置の違いで、クリック率(シェア率)が変化することを意識している方はそう多くはないのではないでしょうか。ただなんとなくサイトのデザインにマッチしているからという理由でシェアボタンを設置しているなら、もしかすると、この記事にある通りに配置やデザ

ファーストビューはその良し悪しで、直帰率が大きく変化し、求めているコンバージョンにも影響を与えます。ユーザーはこのファーストビューエリアで「このページには何が書かれているのか。はたしてこのまま読み進めるべきページなのか」を判断します。 そのため、ファーストビューではそのページに何が書かれているかを魅力的に表現し、ユーザーに閲覧を続けてもらえるように工夫することが大切です。そしてこのことは、多くのWEB担当者が理解していることでもあります。 では、このファーストビューとSEOの二つの関係について考えたことのあるWEB担当者はどれくらいいるでしょうか？　実はこのことを深く考えているWEB担当者はそう多くありません(私が出会ってきたクライアントの話となりますが)。 今回は、あまり触れられることのない、話題に上がることのない、実は重要なファーストビューとSEOの関係についてお話ししたいと思います。

デザイン　Kota Naito / 2017.12.26 余白を恐れない。ホワイトスペースはあらゆるデザインにとって重要なエレメント デザインについてあまり明るくないWEB担当者にとって、ホワイトスペース(余白)は、無駄なスペースだと考えられることがあります。 昔、とある会社の役員が「ファーストビューは一等地なのだから、できるだけ余白を無くして、ユーザーに伝えたい情報を敷き詰めよう」というような内容のことを発言し、実際にそのプロジェクトでは、彼の意見が採用され、ファーストビューにホワイトスペースがほとんどない、情報に埋め尽くされたTOPページが作られました。 残念ながらそのプロジェクト(TOPページの一部リニューアル)は、直帰率を増やしてしまうといった結果となってしまったわけですが、なぜ、そのような結果となったか想像できますでしょうか。 一般的に、一等地と呼ばれるような住宅地には、公園がバ

WordPressのカスタマイズ依頼で、「新着記事にNEWマークを表示したい」という要望を時々いただくのですが、それほど難しいカスタマイズでもないので、今回は、予算の限られる中小企業のWEB担当者や、個人事業主様のために、新着記事にNEWマークを付ける簡単な方法を紹介いたします。 NEWマークの効果 記事がどんどんWEB上に蓄積されていくブログ形式のサイトで、ある程度ファンユーザーが育ってくると、検索エンジンから直接個別の記事に訪問される流入だけでなく、TOPページから個別記事へ流れていく動きが増えてきます。 この流れが出てきたときにNEWマークは役立ってきます。週1、月1でサイトに訪れてくれるユーザーは、TOPページからサイトを閲覧していくことも多く、記事一覧上にNEWマークがあると、最新情報を視覚的に理解できるようになるため、彼らも迷うことなく最新記事にたどり着けます(どこまで読んだか

ワードプレス　Kota Naito / 2017.10.27 高機能・AMP対応・SEO最適化・高速表示・レスポンシブ対応のメディアサイト向け無料 WPテーマ「LION MEDIA」 WordPress用無料テーマ「LION BLOG」に続き、本日メディアサイト向けWordPress用無料テーマ「LION MEDIA」をリリースしました。LION MEDIAテーマは、LION BLOG同様に、プラグインなしでAMPに対応しており、SEO最適化済みで表示速度も速い。そしてレスポンシブデザインを採用し、設定項目が豊富でありながらもカスタマイズが簡単な無料WordPressテーマとなっています。 DEMOサイト ダウンロードはこちら LION MEDIAの47の特徴・機能のまとめ 「LION MEDIA」では、プラグインをインストールせずに、できることが数多くあります。ここでは、そんなプラグイン

シンメトリーというデザインアプローチを利用すると、安定感や伝統感、権威などの印象を与えることができます。完全なシンメトリーが自然界に存在しないため、均衡のとれた対称性をもつデザインに、人は人為的に作りこまれた印象を感じます。それは結果として安定感や伝統感、権威などの演出に結びつくのです。 シンメトリーは頻繁に使われるデザイン手法のひとつで、世の中に出回る作品の多くから、何らかのシンメトリーを発見できます。それはシンメトリーがもつ対称性に、多くの人が整然とした美しさを感じるためです。 シンメトリーは一般的に左右対称と理解されているかと思いますが、デザインの現場では「対称」のことを言い、(目に見えない)縦の線を基準にした左右対称や、横の線を基準にした上下対象、中央の点を基準にした点対称などがあります。 今回は、数多くあるシンメトリーの中でも、最も多く利用される左右対称を利用したデザインを、美し

私たちが普段何気なく利用している「検索サイト」が、どのような仕組みで検索結果を生成しているのかを知ることは、企業のWEB担当者にとって重要なことです。今回はWEB担当者が最低限知っておかなければならない検索エンジンの仕組みについて紹介いたします。 3つの主要な検索エンジン 日本で利用されている主な検索エンジンサービスは、Google、Yahoo! JAPAN、Bingの3つです。これらはそれぞれ別の会社が運営していますが、Yahoo! JAPANは2012年からGoogleのサーバーを利用しているため、両社の検索結果は非常に似ています(Yahoo! JAPANはGoogleから提供されるデータに+独自の処理を追加しているため、非常に似てはいても異なる検索結果となっています)。 また検索サービスの日本国内でのシェアは下記のようになっています。 グラフを見てもらえればわかる通り、検索エンジン対

光は私たちが生きていくうえで必要不可欠なエネルギーです。光のない世界では植物は育たず、それを食べて暮らす動物もまた生きていくことができません。太陽の光は地球に生きる数多くの生命を支えており、私たちの健康を育んでくれています。特に日本人に不足しがちだと言われるビタミンDも、日光を浴びることで簡単に生成されるのです。 その太陽の光から成り立つ「色」は、波長の長さの違いで異なった特徴の色味を生み、それぞれの色は、私たち人間の心と体に異なる影響を与えています。 今回は無限に広がる色の中で、もっとも自然を連想させる色である緑色の効果について紹介したいと思います。 ブラックフライア・ブリッジの緑色は「感情にバランスをもたらす」 緑色の波長は赤のように長くも、青のように短くもない中間の波長です。虹の中間の色が緑色なのもこのためです。赤と青の間に入りバランスをとる色であるように、人の感情にもバランスをもた

トップページ FIT BLOG ワードプレス AMP対応・SEO最適化・高機能・高速表示。そしてレスポンシブ対応の無料 WPテーマ「LION BLOG」 ワードプレス　Kota Naito / 2017.08.28 AMP対応・SEO最適化・高機能・高速表示。そしてレスポンシブ対応の無料 WPテーマ「LION BLOG」 WordPress用無料テーマ「LION BLOG」をリリースしました。LION BLOGテーマは、プラグインなしでAMPに対応しており、SEO最適化済みで表示速度も速い。そしてレスポンシブデザインを採用し、設定項目が豊富でありながらもカスタマイズが簡単な無料WordPressテーマです。 DEMOサイト ダウンロードはこちら LION BLOGの46の特徴・機能のまとめ 「LION BLOG」では、プラグインをインストールせずに、できることが数多くあります。ここでは、そ

アイデア・素材　Kota Naito / 2017.08.18 プロが使う商用可でリンク不要の、無料日本語フリーフォント「はんなり明朝」 どんなにレイアウトが素晴らしく、写真やイラストのクオリティが高くても、フォント選びに失敗すると、その制作物のデザインは台無しになります。それだけフォントは、デザインに大きな影響を与える重要な要素なのです。 文明の起こりの前から文字の文化は存在し、文字があったからこそ人間は大きなコミュニティの中でも互いにコミュニケーションを取って、文明を築くことができました。人間は文字を使うことで有能で知的となり、世代を超えて知識を伝え残し、現代まで文明を発展させてきたのです。だからこそ文字は人類最大の発明だと言われているのです。 私たちは書体の微妙な違いを見分けることができ、一つ一つの文字から違う印象を受け取ることができます。それは多くの人が集まるコミュニティの中で相手

SEO対策　Kota Naito / 2017.08.04 小規模サイトでは、SEO対策のために「nofollow属性」を使う場面はほとんどない 外部リンクにnofollow属性を指定しても、内部リンクに受け渡されるページランクは増えない。 「外部サイトへのリンクにnofollow属性を指定すると、ページランクが自分のサイト以外に流れてしまうことを防げ、結果として内部ページに受け渡されるページランクを高めることができる」。サイト責任者の方々の中にはこのような話を一度は耳にしたことがあるのではないでしょうか。確かにnofollow属性を指定すれば、クローラーはリンク先を基本的にクロールしなくなり、結果としてそのページが持っているページランクを、リンク先に受け渡さなくなります。ですが、nofollow属性の効果・役割は、それ以上でもそれ以下でもなく、今現在nofollow属性を指定しても、内部

コーディング　Kota Naito / 2017.07.20 CSS3のブレンドモードを使えば、簡単にオーバーレイ等の描画モードを指定できる PhotoshopやIllustratorなどのグラフィックツールに搭載されている、ブレンドモード(描画モード)と呼ばれる機能をご存知でしょうか。要素と要素を重ねあわせることで、様々な効果を作り出すことのできる機能なのですが、実はこのブレンドモード機能、CSSのみでも実装することができるんです。それを可能にするCSSプロパティがmix-blend-modeです。 非デザイナーだけど自社サイトの更新を任されているような方にとっては、大変便利なプロパティになるかと思います。オーバーレイ効果を使った簡単な合成画像を作るくらいであれば、わざわざ外注のデザイナーに任せなくても、自分でCSSを記述するだけで、簡単に合成画像を作れるはずです。 それでは、今回はこの

アイデア・素材　Kota Naito / 2017.07.13 日本語で探せて、無料で使える。フリー写真素材国内サイトまとめ52選 ブログ記事を書くときや、資料を作るときに、フリーの写真素材を探した経験はありませんか？　ユーザーの視線を誘導し、注目を集めるためには、写真素材の活用は欠かせません。ですが、無料で使える写真素材を探すとき、目的に合った一枚を見つけるのはなかなか大変です。著作権の確認や、利用できる範囲の確認など、意外と時間を取られると思います。 そんなときに、著作権情報や利用範囲情報が記載された、無料で使えて、日本語検索が可能な写真素材サイト集があると便利だろうと思い、今回時間をかけてまとめてみました。この記事をブックマークしておけば写真素材に困ったときにきっと役立つはずです。 大中規模/定番フリー写真素材サイト 01.写真AC https://www.photo-ac.com/

今現在の天気を的確に教えてくれる、シンプルすぎる看板広告 ニュージーランドの気象予報サイト「MetService」によるユニークな看板広告です。国内の海や山といった様々な地域における「今現在の正確な気象情報」をユーザーに届けられる点を訴求しています。 Webサイト風のフレームがあるだけというシンプルなデザインで、表現したいことを実に巧みに表現できています。アドレスバーには「www.metservice.com」と記されていて、きちんとサイトへの誘導も図れています。 環境にやさしいことをアピールしたとっても小さな看板広告 環境への負荷が少ないコンパクトカーといえば「Smart」というイメージを印象付けるために、環境への負荷が少ないミニチュアサイズの看板を利用した広告です。 この看板には、「小さいことが素晴らしい！」という表現が綴られています。あまりの小ささのために、看板に気が付かない人が圧倒

マーケティング　Kota Naito / 2017.07.06 コンテンツマーケティングとは。なぜ注目され、導入する企業が増えているのか 従来のマーケティング手法の限界に伴い、注目されるようになったコンテンツマーケティング 従来のマーケティング手法である「売り込み型宣伝手法」がその効果を失いつつあります。「売り込み型宣伝手法」とは、テレビCMのようなマス広告や、リスティング広告、テレアポセールスなどの、消費者の注意を喚起するために行われる宣伝活動のことを広くさしている言葉です。この「売り込み型宣伝手法」は、企業やマスメディアから一方的に情報が発信され、消費者は基本的にその情報の受けるだけという構造を前提にしています。 インターネットの登場で情報の流れが変化 インターネットで情報発信が容易になった現在、消費者はGoogleやYahoo!を代表とする検索エンジンを通して、必要な情報を必要な時に