WordPressプラグイン【Speech Bubble】LINEやフェイスブック風の吹き出しで更に記事を見やすく！ | スロットデザイン

無料で使えるスライダーのWordPressプラグインを紹介します。 スライダー機能を利用すると、ブログの訪問者に対し、ブログのイチオシ情報を視覚的にアピールできます。 例えば、トップページに「横に動く大きなバナー画像」を設置して、そのリンクからオススメ記事や特集記事に誘導することができます。 もし、あなたが利用しているWordPressテーマにスライダーの機能が無ければ、これらのプラグインを活用しましょう。無料版の機能だけでも非常に役に立ちます。 はじめに スライダーを利用する利点 ブログの読者に対して、ブログのイチオシ情報を視覚的に知らせることができる。 ブログの読者をオススメ記事に誘導できる。 なんか動いているので、凄そうに見える。（先進性の印象を与える？） スライダーとは？ スライダー（Slider）は、大きなバナー画像を横方向にスライド表示させ、ブログの訪問者に見てもらいたい情報を

Posted: 2010.12.03 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressを使用してコーポレートサイトを制作&運営する場合、「新着情報」や「よくある質問」など、よく更新するページをWordpressで制作（CMS化）して、ほとんど更新のない「会社概要」や作り込みをするページを静的ファイル（html）にしたいなというケースがあると思います。 この記事ではWordpressと静的ファイルを共存させる方法と、それに伴った変更すべき設定などをご紹介します。 WordPressをインストールする たとえばこんな感じですでにルートにhtmlファイルやフォルダがあるとします。 index.html sitemap.html about.html service.html Wordpressはかなりのファイル数があるのでルートにインストール

Posted: 2011.06.15 / Category: HTML&CSS / Tag: CSS3, アニメーション css3はアニメーションもできてしまうわけですが、ここではわりと簡単につくれるマウスオーバーアニメーションをご紹介いたします。 Chrome、Firefoxで動作確認しております。 css3マウスオーバーアニメーションの基本 マウスオーバーアニメーションの前に通常のマウスオーバーをみてみましょう。 たとえばリンクの文字色をマウスオーバーしたときに変更したい場合はhover疑似クラスでcolorを指定しますよね。 css a { color: #3399FF; } a:hover { color: #FF6600; } これをアニメーションさせるには「transition」というプロパティを追加します。 transition: プロパティ名　時間　アニメーション方法 ;

WEBディレクターにとってのSEO講座第2回です。 今回は、ディレクターがサイトのキーワード選定を行う際の基本的な動きについて紹介します。結構簡単なので、ぜひやってみてください。 1：サイトのユーザーを想定する 誰が、どんなときに、何を検索し、どんな情報を期待して、そのサイトに来るのか？ 何回目のリピートで決定因子をつかみ、何をするのか？ ライバルはどこで、そこにはどんなユーザーが多くて、またどんなユーザーが少ないのか？ 一番良いのは、何人かのテストユーザーに実際にインタビューをすることですが、そんなことやってる暇ねぇーよ！って場合は、「勘」でやってしまいます。 その代わり「俺はこう考えた！」っていう中身を、必ずどっかに書き記して、保管してください。 2：何のキーワードを狙うか？を決める 想定ユーザーが決まったら、彼らが何のキーワードで「よりたくさん来るのか？」を決めてしまいます。 便利な

ディレクターにとっての命題が、「WEBサイト（サービス）の成功」である以上、どうしても必要な知識があります。 それは、言わずもがなSEOのこと。 ただし、そこで必要とされる知識とスキルは、個人アフィリエイターやSEO会社などで必要とされるものとは大きく異なります。 分かりやすく言うと ・どこからユーザーを呼び込み、 ・どこに誘導して、 ・何を感じさせ、 ・結果何をさせたいのか。 この4点を正しく抑えられるかどうか？にかかっています。よく言うIT用語では、この4つをあわせてSEMとか、LPOなんて言葉で呼んだりします。（厳密にはこの2つの意味は異なりますが、上述の4つを抑えるという部分では同じようなもんです。） さて、あなたが今作ろうとしているサイトは、どうですか？ ・どこから（何のキーワードから）ユーザーを呼び込むか決まっていますか？ ・検索エンジン経由でくるユーザーに対して、「ここを見て

要素を洗い出して、書き出す。 まずは、サイトの特長や企画特性に合わせて、各サイトの要素を洗い出します。コンテンツマップとは別に考える、いわゆる「パーツ」の部分も含まれるので、かなり量は膨大になりますが、しっかりやります。 んで、かならず「誰が読んでも何の事を言っているのかわかる一般用語で名称をつけます。」 例1：ECサイトの場合 ・ロゴ ・電話番号 ・SSLについての注釈 ・利用ガイド ・検索窓 ・買い物かご ・サジェストエリア ・商品画像 ・カテゴリーリスト ・TOPイメージ　　etc・・・ 上記の要素リストとは別に、コンテンツマップも作成したほうがいいです。 要素リストとは異なり、おおざっぱに言うとサイトの中にページとして存在させたい内容を洗い出します。 洗い出し終わったら、その内容を優先順位順に並び替え、一緒にできそうなところは一緒にして、分けた方がよさそうなところは分けて・・・とい

一定期間更新がないため広告を表示しています

カトリデザイン事務所 / 制作会社クリムゾン / ディライトテクノロジー他...全24件

I/O 3000は、Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。

Facebookページは2012年3月30日にタイムラインを採用した新デザインに全面移行するのに伴ない、デザインが素敵な日本語Facebookページ10選も新デザインに移行したページから再選出させていただきました。 2012年3月17日時点で、新デザインに移行している日本語Facebookブランド・企業ページは上位200位のうち、33ページに過ぎません。後2週間を切ってますので、以下のガイドを参考にしていただき、新デザインへの準備を怠りなく。 新Facebookページ　使い方・移行方法　目次 1. 新Facebookページ　使い方・移行方法　まとめ 2. 新デザインをプレビューし、準備が出来れば切り替えましょう 3. カバー写真などイメージを変更しましょう 4. Facebookの自己紹介（基本データ）を書きましょう 5. トップ掲載する写真、アプリを整理しましょう 6. 大事な出来事を設

WDD staff are proud to be able to bring you this daily blog about web design and development. If there’s something you think we should be talking about let us know @DesignerDepot.

ドットインストール代表のライフハックブログ