ブログの記事内画像を楽してRetinaディスプレイに対応させる方法
「Retina な Mac を買ったはいいけど、自分のWebサイトやブログの画像がぼやけて見えるのが気になる」という方は多いと思います。 ロゴ画像であれば Illustrator から SVG 形式で書き出すだけで対応できますが、やっかいなのがブログ本文内の画像です。 メインビジュアルの画像など限られたものであれば、たとえば「image.jpg」という画像の Retina 用として「image@2x.jpg」という縦横2倍の画像を用意することもできると思います。 しかし、ブログ本文内の画像は数も多く、「image@2x.jpg」のようなファイル名の画像もいちいち用意していられないと思います。 そこで、このブログでは jQuery 用の JavaScript を使ってなるべく手間のかからない対応をすることにしました。 このブログでは、WordPress で記事を書くときに［メディアを追加］を
2011年版！絶対にインストールしたいWordPressプラグイン45個 | Vanilla Rock
このブログでNo,1のアクセス数を誇っている『絶対にインストールしたいWordPressプラグイン30個！』の記事ですが、今でも凄いアクセスを頂いています。 そして、そのアクセスを見るたびに思うのです。申し訳ない…と。 ブログを移転したり色々やっていたので正確な日にちは判らないですが、あの記事を書いたのはもう一年以上前だった気がします。今ではもう使ってないプラグインやもっと良いものが沢山あるんです。 というわけで、2011年にもなったことですし2011年版のオススメWordPressプラグインを一挙にご紹介したいと思います！その数も増えて何と30個から45個へグレードアップ！記事もなるべく読みやすくしたつもりです。 どれもこれもWordPressユーザーならかなりオススメのものですので参考にして頂ければ幸いです！ それでは、少し長いので「続きから」どうぞ～！ WordPress
WordPress.com — Get a Free Blog Here
Build and grow your website with the best way to WordPress. Lightning-fast hosting, intuitive, flexible editing, and everything you need to grow your site and audience, baked right in. The best way to WordPress—intuitive editing, lightning-fast hosting, and everything you need to grow your site and audience, baked in.
WordPress Themes | DesignDisease | Web and Graphic Design Blog
Over the years we’ve designed many popular WordPress themes. All of the themes listed on this page are free to use—download away! Of course if you’d like to spread the word about our WordPress themes we’ll be very happy, just make sure you link back to our site and point people to this page (credit where credit is due, right?). Enjoy! Oh and don’t forget to check out our Premium Themes! Splendio O
WordPressサイトをデザインする時に気をつけていること
この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思います。 このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。 このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。 このセッションで伝えたいこと このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジ
WordCamp Kobe 2011取って出しレポート - カイ士伝
今回はバッテリーがないのでできる範囲でー。長いのでいったん「続きを読む」にて。 開催挨拶のおでさん。 組長。 まずは毎回お楽しみのマクラケン直子さんによる基調講演から。 ひとことでいうとWordPress大好き。 元々ブログ始めた時に日本語の情報が無くていろいろ調べているうちに本を書いたりいろいろ関わり始めた。 WordCamp開催したりWordPressの会社に入ったり人生に影響している。とても感謝。 Automatticという会社で働いている。日本では2003、2004年くらいから日本語のブログサービスが登場していて、WordPress.comはあまり使われていない。 Automatticは100人くらい。私はハピネスチームとしてWordPressを楽しく使ってもらうお仕事。スパム対策のAkismetとかアンケート用ツールとかいろいろやっている。 本社はサンフランシスコ。みんないろんな
INSPIRE TECH
WordPressをお客様に納品する場合など、最初に仮ドメインで設置をして、公開のタイミングで本ドメインに切り替えるという作業をよく行います。 それ以外にも、WordPressが動いているサーバーのドメインを変更しなくてはならなかったり、ステージングサーバーから公開サーバーにデータコピーをしたりと、WordPressを移設して動かすタイミングって、割と多かったりします。 移設の問題点 移設を行う場合の一番の問題点は、公開URLが変更になることです。 テーマファイルのCSSやJavaScriptが読み込まれないためデザインが崩れる 公開URLが正しくないとWordPressの管理画面にログインができない 記事中に設定したリンクや、メディア（画像やファイル）が全てリンクが切れてしまう 1. 2. については公開URLの設定さえ元に変更してしまえば問題無いのですが、一番の問題は 3. で、記事中
サイトマップを自動生成するWPプラグイン「PS Auto Sitemap」 | FOOTMARK
スタイルも豊富でとっても便利なんですが、毎回一か所つまずくところがあるのでメモしておきます。 説明 ダウンロード＆インストール PS Auto SitemapのDownloadよりプラグインをダウンロード。 ダウンロードしたフォルダを解凍し、FTPでwp-content/pluginsにアップロード。 管理画面のプラグインで有効可。 管理画面の設定に「PS Auto Sitemap」が追加されますので、ここで細かな設定ができます。 ここまではとっても簡単なんですが、下の利用方法がいつも忘れるところです。 ご利用方法 サイトマップを表示させたい記事を作成します。 作成した記事のcontent部分に、HTMLモードで以下のコードを入力します。 <!-- SITEMAP CONTENT REPLACE POINT --> 記事編集画面で記事ID（アドレスバーの &post=nn ）を確認し、『
WordPressの検索機能を強化するWPプラグイン「Search Everything」 | FOOTMARK
WordPressの検索機能は記事のみを対象としているようで、デフォルトではカスタムフィールドの情報は検索の対象とはなりません。 少し調べてみるとSearch Everythingというプラグインがありましたので、これの紹介です。 使い方 ダウンロード＆インストール Search EverythingのDOWNLOADからプラグインをダウンロード。 ダウンロードしたフォルダを解凍し、FTPでwp-content/pluginsにアップロード。 管理画面のプラグインで有効可。 管理画面の設定にSearch Everythingという項目ができますので、検索対象に含めたいものをYesに変更して設定を更新。 検索キーワードのハイライトも出来てとても便利です。 参考サイト一覧 Search Everything
WordPressの便利なプラグイン一覧 | FOOTMARK
普段はMovableTypeでの構築がほとんどですが、このブログも含め最近いくつかWordPressで構築したのでメモ。とりあえずリンクだけ貼っておきますが、後々各プラグインの使い方も書こうかと思ってます。 Akismet コメントのスパム対策。 BM Shots URLからサムネイル生成。（詳しい使い方はこちら） Breadcrumb NavXT パンくずを表示。（詳しい使い方はこちら） Contact Form 7 コンタクトフォーム。（詳しい使い方はこちら） Custom Field Gui Utility カスタムフィールドをカスタマイズするプラグイン。 Dagon Design Sitemap Generator 人間用のサイトマップ。 Disable Revisions and Autosave 投稿での履歴と自動保存の停止。（プレビュー機能が使えなくなります） 上記サイトか
パンくずを表示するWPプラグイン「Breadcrumb NavXT」の使い方 | FOOTMARK
WordPressでパンくずを表示するためのプラグイン「Breadcrumb NavXT」の使い方の説明です。すでにネット上にたくさん情報があるとは思いますが、自分なりにまとめたいと思います。 ダウンロード＆インストール Breadcrumb NavXTのDownloadよりプラグインをダウンロード。 ダウンロードしたフォルダを解凍し、FTPでwp-content/pluginsにアップロード。 管理画面のプラグインで有効可。 テンプレートのパンくずを表示したいところに下記コードを記入。 <div class="breadcrumb"> <?php if(function_exists('bcn_display')){ bcn_display(); } ?> </div> カスタマイズ 管理画面の設定に「Breadcrumb NavXT」が出来てるので、ここで詳細な設定が可能です。 一般
[N] 「するぷろ for iPhone」iPhoneによるブログ更新（モブログ）にベストなアプリ！
iPhone/iPod touchによるブログ更新（モブログ）にベストなアプリ「するぷろ for iPhone」がリリースされたので光速でレビューします！（Movable Type/WordPress対応です） 実は「するぷろ for iPhone」の開発には、ベータテストから参加しておりました。というか「するぷろ for iPad」からあるのだからiPhone版も欲しい！ と酒を飲みながらお願いしたのはぼくです。 そしてベータテストをしながら「ここはこうだったら良い」と散々リクエストをさせて頂きまして、自分好みのアプリに仕上がっております。 iPhoneでモブログするための良いツールがなかなか登場しなかったので「するぷろ for iPhone」のリリースは本当に嬉しいです！ やったーやったー。 「するぷろ for iPhone」は写真とテキストを入力しブログにアップするシンプルなツールで
![[N] 「するぷろ for iPhone」iPhoneによるブログ更新（モブログ）にベストなアプリ！](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a3bd30ccddee0745debe2bb247891a39c268016/height=288;version=1;width=512/https%3A%2F%2Fnetafull.net%2Fwp-content%2Fuploads%2F2011%2F05%2Fslpro_6268-1.jpg)
「Technical note」の記事一覧 | WebScripter.jp
[ jQuery ]1.9x以降で廃止されたtoggle関数を実装する 以前とある案件でjQueryのバージョンを2.xにしたんですが、クリックで関数をそれぞれ実行するtoggle()が動かない! よくよく調べるとjQuery1.9以降では廃止された模様。。。 2016.11.17 要素をプルプル揺らす楽しいjQueryプラグイン「jRumble」 要素をプルプル震わせるjQueryプラグイン「jRumble」。以前に自分の案件でも使用しましたが、動きが面白いので紹介したいと思います。 jRumbleの導入 2016.11.08 [WordPress] 「WP Emmet」とQuicktagでテキストエディタを快適に！ Wordpressのテキストエディタはデフォルトのままではとても不便ですが、個人的にはやっぱりHTMLでガシガシ書きたいのです。そんなわけで今回はそのHTMLエディタを便利
ミblog : レビューや日常など
SONY DSC-RX100を購入したので犬の散歩道を撮ってみました SONYから発売されたコンデジ、サイバーショットDSC-RX100を購入しました。今後、レビューなどは別ブログでと思っていましたが、その別ブログの完成がまだ当分かかりそうなので、こちらで作例だけでも掲載しておこうと思いま […]
kruz graphix
Most common ways to find helpful and reliable things to buy There are people in Australia who know what they can buy through the various online stores and the sellers. They usually make sure to find out nearly all kinds of informative resources to help them decide better. Though most of the time people rely on online resources to help them compare what they are going to get through the available s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hijiriworld Web
blog | fublicbox
classica blogmeet - WordCamp KOBE 2011に参加してきました！
tumblrの更新をポストする為のWordpressプラグイン？ | SHOW5
5509.me