※本記事は、2017年4月27日に公開された記事の再編集を行っております。 WordPressは、エンジニアやデザイナーがいない場合でも整ったホームページを作成できるCMSです。 数え切れない程のテンプレートに加えて便利なプラグインもありますので、初めてホームページを開設する方でもプロが作成したホームページのような作りに仕上げられます。 今回は、WordPressを使用するならインストール必須の、All in One SEO Packの基本的な使用方法を紹介します。高機能プラグインのため各種設定が難しく見えがちですが、まずは最低限必要な場所のみ設定できれば問題ありません。 目次 All in One SEO Packとは All in One SEO Packの設定方法 プラグインのインストール・有効化 ホームページ設定 タイトル設定 カスタム投稿タイプ設定 表示設定 ウェブマスター認証

コンテンツマーケティングの時代とはいえ、WordPressである程度記事を書き溜めてくると、デザインや使いやすさにも注意を払いたくなることがあります。せっかく素晴らしい内容の記事を書いても、読みやすいデザインになっていなければ、記事の価値が目減りすることに気づき始めるからです。 そこで今回は、少しのコードをコピー＆ペースト（以下、コピペ）するだけで、WordPressのデザインや機能性を向上させる便利なコードを6個ご紹介します。 コピペだけでWordPressのデザインや機能性を向上させるコード 1. 丸いサムネイルを出力する ブログサイトのトップページや、記事一覧のサイドバーで表示される機会の多いアイキャッチ画像。SNSでシェアする場合にも表示されるので、設定しておきましょう。 デフォルトではアイキャッチ画像は利用できないので、functions.phpに下記のコードを追加します。 <c

オウンドメディアやブログ運営を担当されている方は、日々のアクセスチェックはどのように行われていますか？ Googleアナリティクスで、以下の項目を確認されている方が多いのではないでしょうか。 ユーザーカテゴリでPVやセッション、ユニークユーザー数を確認する 集客カテゴリで流入チャネル、流入キーワードを確認する 行動カテゴリでどのページヘの流入が多いのかを確認する コンバージョンカテゴリでコンバージョン数、コンバージョン率を確認する etc... 日々これらの項目を確認し、ホームページ全体の状況を把握しておくことは、改善施策を考えるうえで非常に重要です。 しかし全体の状況だけでなく、ページ単位のミクロなチェックも忘れてはいけません。 Googleアナリティクスではページ単位の流入チャネルを非常に簡単に確認することができますが、少しだけ設定が必要なため、非常に便利ではあるのに気づきにくい機能で

Googleが提供している「Googleドライブ」の中でも、グラフ作成から関数まで扱え、エクセルとほぼ同じ機能を持つ表計算ソフト「Googleスプレッドシート」は使用頻度が高いサービスです。 しかし、複数ユーザーで編集する時には便利だけど、機能面ではエクセルの代わりになる位のイメージであまり活用していないという方も多いのではないでしょうか。 Googleスプレッドシートは2014年3月にバージョン変更があり、アドオンという拡張機能を追加することができるようになりました。これにより機能性が格段にアップし、シーン次第ではエクセルよりも使い勝手のいい存在になりえます。 今回は、多数のGoogle Drive スプレッドシートのアドオンの中でもおすすめのものをピックアップしてご紹介します。日頃使うと便利なものが多数ありますので、作業効率アップのために是非取り入れてみてください。 Googleスプレ

スマートフォンを操作する際、指やペンで画面に触れて画面上を素早く払うようにタッチする操作のことを「フリック」と言います。 スマートフォン上で、このフリック操作を可能とするには、jQueryプラグインを実装する必要があり、実際にいくつものプラグインが存在しています。 今回は、スマートフォン向けのフリック用jQueryプラグインをご紹介していきます。iOSユーザーも、Androidユーザーも、ぜひご覧ください。 オススメのフリック用JSプラグイン 以下より、オススメのスマートフォン向けのフリック用jQueryプラグインについて、一つひとつ紐解いていきます。 ただ、ひと口にフリック操作といっても各プラグインで使い勝手は異なってきます。 対応OSやブラウザが限定されているものもありますし、開発環境や使用する環境などによっても使用できないものもありますので、慎重に選び、使いやすいものを導入しましょう

Web業界において”トレンドが移り変わるタイミングは、突如として訪れます。 その一例がスマートフォンの普及です。 これまでのWebデザインといえばPCデバイスに合わせて制作することが主でしたが、次第にスマホ最適化が叫ばれ、その流れで一気にトレンドとなったのが「レスポンシブデザイン」でした。 もちろん、新しいトレンドが起こるタイミングが突然訪れるというのは今後も変わりません。 常に新しいトレンドを把握し、対応できる状態になっているべきです。 今回は、2016年に広まったWebデザインをピックアップしました。 新しいデザイン手法の出現には、ターニングポイントが存在するものです。 ぜひ、今後のデザイン制作にお役立てください。 2016年にWebデザインで押さえておきたいトレンド 1.パララックスデザイン パララックスの教科書のようなサイトです。気持ち良くスクロールを誘導してくれます。 http:

Photoshopを使った画像補正で無くてはならない機能が「トーンカーブ」です。感覚で使うこともできますが、最大限に活用するためには正しい理解が必要です。 今回はトーンカーブの基礎、活用方法をご紹介します。 これまでなんとなく使ってきた方、思い通りの結果にならないという方はぜひご覧いただき基礎を身につけてみてはいかがでしょうか。 1.トーンカーブとは トーンカーブの機能は多くのペイントソフトに付属していますが、ここではPhotoshopをベースに説明を進めていきます。 Photoshopにはトーンカーブ以外にもいくつかの補正機能が備わっています。中でも使いやすい機能の一つに「明るさ・コントラスト」がありますが、画像の質を低下しやすいデメリットがあります。 また、細かな部分や複雑な画像の補正にも不向きです。これに対して、トーンカーブは視覚、データの劣化をおこさずに細やかな補正ができます。 ト

iOS7やアプリではすでにお馴染みの「フラットデザイン」。 平面的なレイアウトや、均整が取れた配色にシンプルなデザインはウェブやアプリ開発では主流になりつつあります。 ただ、いくらシンプルとはいえ、Webデザイナーでない限りアイコン1つ作成するにしても難しいと感じる方は多いのではないでしょうか。 今回は、ノンデザイナーの方でも気軽にフラットデザインを取り入れられるよう、無料でダウンロードできるフラットデザインのアイコンをご紹介します。 フラットデザインアイコンの特徴 フラットデザインのアイコンはシンプルの中にしっかりとした象徴的モチーフや、ユーザーが見て一目で意味が理解できるものなのでとても質の高いアイコンです。それを自分で考えて制作するのはとても大変ですよね。 フラットデザインはレイアウトにしてもフォントや色の均整が取れていて、平面的なデザインが特徴です。 そのため、アイコンもすっきりと

国内外で高い人気を誇るWordPressは、利用者が多い分悪質なユーザーに狙われるケースも多々あります。 セキュリティ対策をしないまま利用するのは非常に危険です。 主な手口としては、大量のスパムコメントが投稿や脆弱性を利用したページの改ざん、不正ログインなどが多く、不正利用から守るためにセキュリティの強化をおこなうことは運営者としての責任でもあります。 今回はWordPressで導入できるセキュリティ強化のプラグインをまとめてご紹介します。これからWordPressを始める方も既に運営しているという方もぜひ確認しましょう。 WordPressのセキュリティ対策に有効なプラグイン14選 1.All In One WP Security & Firewall https://wordpress.org/plugins/all-in-one-wp-security-and-firewall/ 高

Wordpressの魅力の一つと言えば、豊富に揃うテンプレートです。高品質でかっこいいものが多いだけに見た目の好みで選んでしまいがちなテンプレートですが、デザインだけで選ぶと後々後悔することもあります。 その大きな理由がSEOに関してです。最適化されていなければ、せっかく作成したホームページであっても訪問者が増えない、といったことにもなりかねません。 今回は、SEO対策済みのWordpressテンプレートを6つまとめてご紹介します。SEOに配慮された設計のテンプレートを使うことで、自分で手を加える必要がないだけでなく、コンテンツ作成に集中できることからも、是非テンプレートを選ぶ際の参考にしてみてはいかがでしょうか。 SEO対策に強いWordpress（ワードプレス）のテンプレート6選 1.THEME HP→https://fit-jp.com/theme/theme_download/ L

営まれている業種によってはサイトに予約機能を追加することで、従来なら人が行っていた予約の受付から顧客の管理までの業務すべてを自動で行えるため、大きな業務効率化になりえるでしょう。 WordPressでも、プラグインを活用すれば予約システムを設けることができます。また、サイトに予約システムを設置する別の方法として、予約システム作成ツールを使うこともできます。 今回は、WordPressで予約システムを利用するメリットを紹介するとともに、予約システムが設置できるプラグイン、サイトに予約システムを埋めることができるツールをご紹介します。お試し感覚で導入できますので、緊急で使いたいという方や、気軽に試したいといった方は検討してみてはいかがでしょうか。 【有料ユーザー数No.1】ノーコード&30秒で予約受付フォームの作成ができる「formrun」はこちら！ 直感的な操作で作成と設置が可能で、顧客管理

【2016/02/03　追記】一部、内容に誤りがありましたので訂正いたしました。ご指摘ありがとうございます。 デザインや動画制作など、あらゆるシーンで登場するのがAdobe製品です。 いつかは使ってみたいと思いつつもハードルが高いと感じている方も多いのではないでしょうか。 Adobeソフトはプロも使っているソフトのため、高機能で難易度が高いイメージがありますが、実際にはAdobe公式のチュートリアルをはじめ多くの解説サイトが存在しますので、これらを利用すれば充分に独学でも習得できます。 今回は、Adobe関連のチュートリアルを掲載しているサイトやブログをツールごとにご紹介します。 今年こそは使いこなしてみたい、と思っている方はぜひチャレンジしてみてはいかがでしょうか。 Photoshopのチュートリアルサイト 1.Learn Photoshop CC http://tv.adobe.com

オウンドメディアやソリューション構築において、参考にし欲しいビジネスモデルの設計方法が「リーンキャンバス」です。 前回は、リーンキャンバスについて概要を説明しましたが、今回はリーンキャンバスの書き方をferretの例をもとに解説しますので、参考にしながら自社のビジネスモデルに当てはめて考えてみましょう。 前回の記事：成功したスタートアップから学ぶビジネスモデルの設計方法「リーンキャンバス」とは リーンキャンバスとは リーンキャンバスを設計したアッシュ・マウリャの著書「Runnnig Lean」では、下記図のように、以下の要素を1ページに盛り込んだビジネスモデル図を意味します。 ※会員限定でテンプレートがダウンロードも可能です。形式：xlsx (記述する際は、①から順に記載するのが設計しやすいと言われています) ① 課題：ターゲットが感じている解決すべき上位３つの課題 ② 顧客セグメント：ど

最近では、プログラミングスキル世界中で注目され、学校の授業の一部にプログラミングを学ぶカリキュラムが取り入れられているほどです。 中には、小学生向けのIT教育として、専門の学校を設け、早期のIT人材育成に取り組む企業も存在しています。 今回は、プログラミングが独学、かつ無料で自宅学習できる20サービスをまとめました。 ドットインストール http://dotinstall.com/ 動画形式で、プログラミングを学ぶことができるWebサービスです。 基本的に、全ての動画が3分で完結し、隙間時間でも学べるボリュームが特徴です。 WordPress入門 、HTML入門 、iPhoneアプリ開発入門など、2015年4月現在で220レッスン、3,132本のカリキュラム動画が視聴可能です。 schoo https://schoo.jp/guest プログラミングだけでなく、ビジネスや美容関係など幅広い

自分自身の目標をどのように立てていますか？1年の始まりにその年の目標を立てたものの、日々を過ごすうちにないがしろになり、そのうち忘れていた…というパターンをくり返してしまう人も多いのではないでしょうか。 すぐ意識から消えてしまうような無駄な目標設定を避けたいのであれば、「マンダラチャート（マンダラート）」の活用が効果的です。今回は、マンダラチャートの概要から基本的な使い方を解説します。 目次 マンダラチャート（マンダラート）とは マンダラチャートで計画を立てる方法 マンダラチャート使用例 詳細な目標の記入でマンダラチャートをさらに活用 マンダラチャートで具体的な目標設定をしてみよう マンダラチャート（マンダラート）とは 「マンダラチャート」は、3×3の9マスの枠で構成されるフレームワークです。「マンダラート」や「マンダラシート」とも呼ばれています。非常にシンプルなフレームワークですが、シン

ホームページのデザインはある程度形式化されている部分もありますが、そんな中でもトレンドの変化があります。 特に近年では、スマートフォンが普及したことによりマルチデバイスに配慮する形でデザイントレンドも変わってきました。 その時代に最適なデザインを知っておくことで、ユーザーにとって使いやすく、見た目も優れたものを作ることが可能です。 デザインの機会がある方は、常に最新のトレンドを理解しておきましょう。 今回は、Web・デザイン界隈で特に浸透しつつあるデザイントレンドをまとめでご紹介します。 2015年話題のデザイントレンドまとめ 1.パララックス・デザイン ※このWebサイトは現在公開されていません 複数のイメージ画像、パーツを速度や方向を変えて動かすことで、奥行き感を表現するエフェクトです。 別名「視差効果」ともいい、こちらも2013年頃からパララックスデザインを取り入れたホームページを目

ferret編集部：2015年4月20日に公開された記事を再編集しています。 写真を始めたばかりの頃は、あまり上達している実感がない、センスが無いような気がする、と感じてしまう方も少なくありません。 まだ諦めるのは少し早いかもしれません。なぜなら、撮影技法を知らないがために上手く撮れていない可能性があるからです。 もしくは、カメラの基本的な使い方を知らない可能性もあります。 早く上達するためには、カメラの機能を理解し、基本的なテクニックを覚える必要があるでしょう。 今回は、カメラ初心者が知っておきたい撮影技法を30個に絞ってご紹介します。基本となるこれらテクニックを習得すれば、今より確実に撮影スキルを上げることが出来ますので是非参考にしてみてください。 カメラの撮影技法一覧 1.フレーミングを考える http://camera.uraro.net/category/772436-1.htm

*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop（フォトショップ）チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-

ferret編集部：2015年1月28日に公開された記事を再編集しています。 アフィリエイトを行ううえで重要視することが効率化です。 アフィリエイトは、成果が出るまでの労力はもちろん、コツコツ続けるためのモチベーション維持のためにも作業効率短縮は欠かせません。 今回は、本業でやっているアフィリエイターの方はもちろん、副業でやっている方にとってもオススメしたいツールをまとめました。 キーワード調査系ツール キーワード調査は、アフィリエイトにおいて最も重要と言えます。獲得するための戦略を決める際、扱う商材とキーワードを軸に練っていきます。 このキーワードによって、ユーザーがどういったことを求めているかを類推していく必要があります。 1.GoogleAdoworsキーワードプランナー Googleの提供する無料キーワード調査ツールです。アフィリエイターであれば、必須ともいえるツールです。 htt

Googleアナリティクスを使い、日々レポート作業に追われている人は多いのではないでしょうか。 分析よりも、チーム内で共有したり上司に報告したりなど、データ共有をメインに活用している。そんな人が助かるレポーティングツールやカスタムレポートを調べてみました。 本記事では、無料・有料のレポートツール、カスタムレポートのテンプレートを集めました。ぜひお役立てください。 無料レポーティング・分析ツール 無料サービスでもGoogleアナリティクスより、気の利いたレポートを作ってくれるものも少なくありません。無料とはいえ、Googleアナリティクスで標準では取れないような項目やデータまでわかるものまであります。 さすがに無料ですので、高度な集計や大量ページでのレポート作成分析までできませんがオススメです。 1.Ferretアナリティクス 簡単アクセス解析のFerretアナリティクス 弊社、株式会社ベー