WordPressにプラグイン無しで、ソーシャルメディアを効果的に取り入れるスニペットのまとめ
ソーシャルメディアはインターネットで非常に重要な存在で、あなたのブログのトラフィックにも大きな影響を与えるものです。 ソーシャルメディアの中でも特に影響力のある、Facebook, Twitter, Google+, PinterestをWordPressに効果的に取り入れる有益なスニペットを紹介します。 WordPress snippets to work with social networks 下記は各ポイントを意訳したものです。 Facebookの「Open Graph」を加える Pinterestの「Pin it」ボタンをつける プラグインを使わずに「ツイート」を表示 「Google+」ボタンの設置 「Google+の更新」を表示 「TwitterとFacebookのボタン」を設置 「お気に入りのツイート」を表示 「Twitterでのシェア数」を表示 「TwitterとFaceb
初心者が必ず押さえておきたいWordPressプラグイン7つ – Handmade Future！
こんにちは。寄金です。 いまWordPressで、当WEBマガジン『Handmade Future !』や『FutureCenterNEWS JAPAN』を含め、5つのサイトを運営しています。 ほんの1年前まで、はてなブログやら、一般のブログサービスを使っていたんですが、いまや戻る気は1ミリもありません。一つは「ブログは一生もののツールになるだろう」と考えているから。独自ドメインでコツコツとリンクを積み重ねていけば、検索流入がどんどん増えていきます。自分を知ってもらう優れた手段ですし、さまざまな出会いもあります。10年20年と積み重ねていったとき、必ず自分の財産になっていると思っています。 もう一つは、豊富なプラグインやテンプレートによるカスタマイズ性です。一般のブログサービスでも独自ドメインが利用できるケースがあるんですが、自由度はどうしても劣ります。ブログの目的にそって徹底的に最適化で
[JS]超軽量で設置も簡単！Facebook, Twitter, Google+のボタンを設置するスクリプト -SocialCount
デモページ：カウント付きで縦並び SocialCountの使い方 使い方のステップは、2つ。 これ以上ないくらいに簡単です。 Step 1: 外部ファイル スタイルシートとスクリプトを外部ファイルとして設置します。 まずは、スタイルシートをhead内に。 <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> アイコンを使用する場合は、もう一つ外部ファイル（socialcount-icons.css）を加えます。 続いて、スクリプトをページの下の</body>の上に。 ... <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="../src/socialcount.js"></script> </bod
PCサイトをスマホに最適化するツール、Googleがリリース 1年間無料
PC向けWebサイトを簡単にスマートフォンに最適化できるツールをGoogleが提供。中小企業が低コストにスマートフォン向けサイトを作成できるようにする狙いだ。 Google日本法人は11月28日、PC向けWebサイトを簡単にスマートフォンに最適化できるツールの提供を始めた。最初の1年間は無料。2年目以降は月額1180円。中小企業が低コストにスマートフォン向けサイトを作成できるようにするのが狙い。 PCサイトのURLを入力すると、スマートフォンに最適化した画面を自動で表示。テンプレートや色、ボタンの配置などを調整するだけで、スマートフォン版の簡易サイトを作成できる。ワンクリックで電話をかけられるボタンを付けたり、地図を挿入することも可能だ。 サイトデザインが完成するとURLを発行。PCサイトにアクセスしたスマートフォンユーザーを、スマートフォン版にリダイレクトさせる設定もできる。 Googl
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント
ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！ 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！ こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです！ 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基本の要素6つ 登録と無関係の要素はなるべく表示しないように！ 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に！ バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう！ これら一
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
creatorish.com
cmmntr.com