2017年6月29日 Wordpress SNS（ソーシャルネットワーキングサイト）でユーザー同士がコミュニケーションを取れるサイトを作りたい！そんな時に役立つのがWordPressプラグイン「BuddyPress」。メンバーになると友達の申請やメッセージの交換、グループ（コミュニティ）の作成など、Mixiライクなサイトを作ることができます。さらにWordPress3.0のマルチサイト設定をすれば各メンバーがブログの作成可能！そんな便利なプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ BuddyPressでSNSサイトを構築 目次 BuddyPressでなにができるの？ BuddyPressをインストールする WordPress3.0でマルチサイトの設定 フォーラムを追加する BuddyPressのテーマを変更する 1. BuddyPressでなにができるの？ Word

TOP  >  javascript , WebDesign  >  レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」 スマートフォンのシェアが高まるに連れてPCでもスマートフォンでも両方共通のコンテンツで、各端末ごとに最適化されたデザイン+機能。多くのWEBデザイナーが頭を迷わせるところですが、今回紹介するのはその中でもユーザーが操作するナビゲーションをレスポンシブにしてくれるjQueryを集めたエントリー「15 Responsive Navigation jQuery Plugins」です。 Sidr 最近のスマートフォンアプリのナビのようにサイトのサイドからせり出てくるようなナビゲーションから、端末によって、それぞれの端末に最適化された形に変化するものまで多種多様なレスポンシブメニューがまとめられてい

W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加されていますので、あらためてまとめてみます。 拡大・縮小による画像劣化が気になるところですが、許容できるかどうかの判断は個人差があると思います。近頃のブラウザは優秀で、いい感じでスムージングされるので「OK！」とぼくは判断しました。 さすがにIE6の拡大・縮小したときのジャキジャキ感は堪えられませんが、そもそも「background-size」は適用されず無視されるので、IE6では背景画像は拡大・縮小されません。 Safari、Google Chrome、Operaですでに実装されています。 Firefoxもプリフィックス「-moz-」で適用されます。 IE8では残念ながら未実装でした。。。この辺はプログレッシブエンハンスメントで乗り切り

クライアントワークやブログでのWordPressのカスタマイズ時に使用頻度の高いコードをまとめてみました。 基本的には、ネット上のコードを自分好みにカスタマイズしているので大元のコードの記載記事というのがあり、覚えている限りは記載しております。 Templates e PHP para WordPress / fore 条件分岐のカスタマイズコード とにかく使用頻度の高い条件分岐。 TOPページにはアレを表示してあの記事には表示しない！みたいな。 TOPページや投稿、記事などに別の内容を表示する <?php if (is_home()) { ?> TOPにのみ表示する内容 <?php } else if (is_page('13')) { ?> 記事ID「13」の固定ページのみ表示する内容 <?php } else if (in_category('3')) { ?> カテゴリーID「3」

レスポンシブに対応している軽量のjQueryスライダー「Juicy Slider」をご紹介します。エフェクトがとっても優雅な感じで素敵ですね。min版が約2KBとかなり軽量なところも嬉しいです。あと、JavaScriptを使用して画像とviewportに対応するアスペクト比を計算して画像サイズが調整されるので、古いブラウザでもより一貫した互換性になっています。 [ads_center] 使い方 このように見た目がとてもシンプルなのでいい感じですね。マウスオーバーすると画像切り替えの矢印アイコンが表示されます。 使い方も特に難しい設定はありません。head内にjQuery、jQuery UI、プラグインファイルを読み込みます。 &lt;link rel=&quot;stylesheet&quot; href=&quot;css/juicyslider.css&quot; type=&quot

こんにちは、小野ほりでいです。 みなさんは、サブカル女子に憧れたことはありませんか？ サブカル女子は、資格がなくても誰でもカンタンになれるものなのです。 今日は読み終えるまでのたった10分で、サブカル女子に変身してしまいましょう。 ＜登場人物＞ エリコちゃん 閑散としたベッドタウンで、文化を知らずに生きてきた女の子。 ミカ先輩 その昔”サブカルの門番”と恐れられたサブカル女子界のカリスマ。 あっちゃ～！　藤隈山道重の「ドロドロズリン」を落としてしまった～！ さっそく拾い直して、と…。 あっちゃ～！　また落としてしまった～！ 私ったらおっちょこちょい～！　テヘー！ 何やってるの、エリコちゃん？ あら先輩、知らないんですか？　藤隈山道重の「ドロドロズリン」。 私、最近読み始めたんですよ。 知ってるわよ、サブカルの入門書って言われてるような本じゃない。こないだまでジャニーズの追っかけだったエリコ

【Dribbble】Dribbbleのリデザイン... / 【Facebook】Facebookのリデザイン... / 【Facebook】Facebookのリデザイン...他...全10件

Tumblr大好きkikuma(@circustic)です。旅行などをすると写真や記録などをブログとして残したくなりますよね？ 今回はTumblrを使った簡単なブログの作り方をご紹介致します。 もし宜しければトラベルハックTumblrアカウントもぜひフォローして下さい！ 1.Tumblrでブログを作るメリット 広告がないのに無料で使える 容量は無制限（正確には一日ポスト出来る上限がある） 独自ドメインを割り当てる事が出来る 投稿が簡単（スマホやメールからの投稿にも対応している) 無料デザインテーマが豊富（カスタマイズをする事も出来る） TwitterやFacebookとの連携にも対応している 関連ツールが豊富 １からデザインをするというのは難しいので既存の「テーマ」と呼ばれるモノをカスタマイズして簡単なブログを作る方法をご紹介致します。 2. Tumblrの無料テーマ「Effector」を

【img via Engadget Japanese】 ソニー（SONY）が近日中に発売予定とリークされた「DSC-QX10」「DSC-QX100」は新しいジャンルのカメラ！ 上記写真にあるスマートフォンに取り付けられている大型レンズは、スマホのカメラを使って撮影する「外付けレンズ」ではない。ソニーが考案する「レンズカメラ」とは、一言で言うとファインダー/モニター無しのカメラ。スマートフォンに無線接続することによって本体のディスプレイをモニター代わりとして利用できる仕組みになっている！ 近々「DSC-QX10」「DSC-QX100」の2モデルを発表 「レンズカメラ」が発売されればいよいよコンデジ不要説に拍車が掛かることは間違いない。 今後、ソニーは2種類のモデルを発売予定。「DSC-RX10」はローエンドモデルで光学10倍ズームレンズ (F値3.3〜5.9) と1/2.3インチの1800万

旅の魅力的な動画や写真を紹介するサイト５選 今度旅に出かけるとしたらどこへ行きたいですか？ パッと答えが出ない方は、まず旅先の写真や動画に触れることをおススメします。美しい世界に触れ、旅の心に火をつけましょう。 1. Vimeo http://vimeo.com/categories/travel 美しい旅の動画と言えばvimeoです。１日見ていても飽きません。YouTube TRAVELにも非常に高品質の動画がアップされており、まるで映画を見ているような感動があなたを待っています。 2. 死ぬまでに行きたい！世界の絶景 https://www.facebook.com/sekainozekkei 短期間で56万もの「いいね！」を獲得したFacebookページ。人気の秘密はサイトを見ればきっと分かります。先日はついに絶景集として書籍化され、ますます人気が増えつつあります。魂を揺さぶる絶景に

「WordPress Popular Posts」プラグインの特徴 このプラグインは自分のブログの全記事の「ページビュー数」（読まれたページ数）や「コメント数」をほぼリアルタイムで自動的に記録していきます。Google Analyticsなども不要です。 そして「ページビュー数」か「コメント数」の多い順に「人気記事」として記事下やサイドバーに指定した数だけ表示してくれます。もちろんリアルタイムで自動的に更新されます。 ブログへの訪問者たちは目についた人気記事に興味があれば、アクセスしてくれるかもしれません。そして何かの問題解決に役立つこともあるかもしれません。ブログ運営者にとっては1ページでもPVを増やせる導線の1つにもなります。 インストール・導入方法 WordPress管理画面の左メニュー「プラグイン」の「新規追加」から「WordPress Popular Posts」を検索。インスト

作成：2013/08/5 更新：2014/11/01 Web制作 > 食材を扱っているお客さんから、「ECサイト」を作ってくれと頼まれたので作成しました（事情により、CMSは使えず）。さらにメンテンスが楽になるように更新やSEOを自動化しました。今回は、CMS（WordPressとかEC-CUBEなど）を使わず仕組みを作るときに参考にした「プログラムサンプル」のまとめです。 プログラムの勉強にもなり、「へぇ～こんなことも出来るんだ」と思ったもの。今回は（PHP／jQuery／js）です。 エンジニア速報は Twitter の@commteで配信しています。 一般 画像／PHP １．画像リサイズ ２．画像に字を書く ３．画像の拡大・縮小・サムネイル出力 ４．グラフの描画 ５．画像エフェクト２５個 URL／PHP ６．ページのURLを取得 ７．URLの中身（HTML）を取得 ８．URL自動リン

時間がない人にぴったり。 ニュースアプリ『vingow』（ビンゴー）は、大量のニュースから自分好みの情報を探し出してくるアプリです。ニュースを読み続けるうちにvingowがユーザーの興味を学習して、よりおすすめな記事をマッチングしてくれるんですね。 いま、この手のニュースアプリが人気ですが、『vingow』には強力でオリジナルな機能がいくつかあります。 どんなニュースも3行に要約するぜ！ 『vingow』最大の特徴は、ニュースの自動要約機能。リストからニュースを選ぶと、記事のおおまかな内容を80文字×3行くらいにまとめてくれます。 この要約が便利で、記事の本体を読み込む前に、読む／読まない判断できるんですね。あらためて記事を読む時も、要約が頭に入っているのでスルスル読めます。 なお、要約はアプリ（サーバー）が自動で作成しているそうです。まだ正式版ではないためか、たまにヘンテコな要約をすると

海外は本当に恐ろしいところで、びっくりするような... / 全部無料！レスポンシブ対応のHTML5テンプレー... / Brushed Template他...全12件 海外は本当に恐ろしいところで、びっくりするようなクオリティのテンプレートが無料で配布されていたりします。 そんな、無料とは信じられないデザイン性に優れレスポンシブデザインにも対応した驚愕のHTMLテンプレートを集めました。