PHPがわからなくても簡単！WordPressでオリジナルのソーシャルボタンを設置する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ(`⊙ω⊙´)ｶｯ!! ここ最近NikonのD5500と三脚を買ってしまいまして、写真を撮るのが楽しい日々を過ごしています( ˇωˇ ) これは脱インドアかな！！！✌=(´ʘ‿ʘ｀)=✌ 夏にはコミックマーケットがあるので、カメラの練習としてバシバシ撮っていこうと思います( ˇωˇ ) そんなことはどうでもいいですね。 今回はPHPが分からなくても簡単にWordPressでオリジナルソーシャルボタンを配置できる方法をご紹介します( ˇωˇ)☝ デザインを用意しよう 組み込む前にデザインを作っちゃいましょう( ˇωˇ)☝ HTML 組み込む前なので、まだaタグには何も入れずに用意します。 <ul class="social"> <li class="fa"><a href="#"><i class="icon-fa"></i></a></li> <li class=
Webクリエイターボックスを（プチ）リニューアルしました
2014年8月19日 お知らせ 約2年半ぶりにWebクリエイターボックスのテーマをリニューアル！という事で、変更点をザックリと紹介します。とは言え全体のデザイン自体はあまり変わっておらず、細かいところや内部の修正・更新がメインとなっています。ちなみにブラウザーはChrome, Safari, Firefoxの最新版、IE11対応。Webクリエイターボックスに訪問するユーザーで、IE10以下を利用の割合は1.5%をきっていたのでバッサリ捨ててます。古いブラウザーを利用の方はアップデートしましょう ;) ↑私が10年以上利用している会計ソフト！ SVG画像 背景やアイコンなどで使うデザインパーツの画像をSVGに変更しました。レティナディスプレイのMacに変えてからというもの、どうも画像のギザギザが目についてしまって。リデザイン前のテーマでも一部SVGを使っていましたが、今回総入れ替えしました。
SNSボタンをオリジナルデザインにする方法
普通に設置する場合 普通のテキストリンクとして設置する場合には以下のコードを使用します。CSSは適宜調整して下さい。 ※FacebookやGoogle+はogp設定をしていないと正しくシェアできません。opg設定については下記参考サイトが分かりやすいです。 facebook いいねボタン設置時のOGP設定方法♪ ｜ フリーランスWebデザイナーの仕事 Twitter ツイートボタン <a href="http://twitter.com/share?url=共有したいＵＲＬ&text=ツイート内に含める文字&via=ツイート内に含まれるユーザー名&related=関連アカウント">ツイート</a> Facebook シェアボタン <a href="http://www.facebook.com/share.php?u=共有したいＵＲＬ" onclick="window.open(this.
各ソーシャルボタンの作成ページ(Twitter/Facebook/Google+/Pocket/はてなブックマーク/YouTube) | TechMemo
シェアしてね♪ Tweet 企業のエンジニアが直接スカウト！～1万人が挑戦済み CodeIQ Tweet 最近はブログや WEB サイトにソーシャルメディアのボタンを設置するのは当たり前な感じになっていますね。設置されていないページの方が少ないようにも感じます。 私も新しい WEB サイトを作成したら、結構な確率でソーシャルボタンを設置するのですが、サイトによってボタンのサイズを変えたりしています。 ボタンは各ソーシャルメディアの作成ページで作るのですが、毎回検索してアクセスするのも面倒です。ブックマークしたり、ボタンのコードをどこかにメモしておけばいい話なんですが、備忘録として記事に残しておきたいと思います。コードをコピーしておくと、仕様が変わって使えなくなる可能性もありますしね。 ソーシャルボタンを設置する機会がある方は、ぜひこの記事をブックマーク代わりに活用していただければと思います
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなコードで生成するジェネレーター
