WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ | [Mu]ムジログ
WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ 今日の夕方、Webデザイナーの方と最近のjQueryやらレスポンシブWebデザインの話とかしていました。特にレスポンシブWebデザインは3人ぐらいと話をしていて、自分もいずれこのブログのリニューアル時に導入したいと思って居ました。 そんな話をしていて「今日はこれからレスポンシブWebデザイン勉強するわ」と夕方宣言して、勢いでこのブログのリニューアルをしました。勉強からAdsense対応まで実質3，4時間ぐらいでやっつけで終わらせてIEにまだ対応していないのはここだけの話です（笑）。 まずはレスポンシブWebデザインについておさらい なにはともあれ、なんとなく知ったつもりになっていることでも一応網羅的に一通りどんなものだったか復習したく参考サイトを見てました。
WordPressにお勧めなレンタルサーバー
無料ブログからWordPress(ワードプレス)に移行したいと思っている人は多いと思います。 WordPressを使うにはレンタルサーバーを借りる必要があります。ただし、どこのレンタルサーバーでも良いというわけではありません。最低でもPHPとMysql等のデータベースが動く必要があります。 そして最も注意すべきは、PHPのセーフモードです。WordPressを利用する上でかなりやっかいものです。本記事では、セーフモードが「オフ」になっているレンタルサーバーをご紹介します。 PHPセーフモードは避ける WordPressはPHPで動いていて、PHPがセーフモードで動くレンタルサーバーだと、上手く動かない場合があります。PHPセーフモードは新規ディレクトリを生成できないので、新規ディレクトリを生成する動作に支障が起きます。 例えば、WordPress本体の自動アップデート、プラグインの自動アッ
WordPressで「〜」が文字化けしてしまう人へ - カイ士伝
前から自分のブログで発生しているのは気がついていたけどめんどくさくて放置してたところ、ナイスソリューションいただいたので勢いエントリー。 管理画面から「〜」と入れてるのに公開するとなぜか「？」に化けてしまうのは、Windowsで起こる文字化け現象でして、一言で言うと文字コードが違うのですよね。その問題自体は認識しつつどうしよっかなーとおもってたところ、うちのブログの管理者でもありますwokamotoさんに対応策をいただきました。 MySQL 4 から 5へ | dogmap.jp http://dogmap.jp/2009/05/11/mysql-4-%E3%81%8B%E3%82%89-5%E3%81%B8/ ここで紹介されております「Force Wave Dash」というプラグインで、「〜」を入力しても無事文字化けしないようになりました。これはすばらしい！ WordPress Plug
ブログ記事をサムネイル画像＋はてブ数付きで紹介する方法・Chrome版
最小限のアクションで簡単にシェアできます ブログのエントリーは今もWordPressの投稿画面で書いてます。りく（@Rikuma_）です。 当ブログでは日報などでブログ記事をシェアさせてもらってます。笑えるエントリー、とても有益なエントリー、ぜひとも読んでもらいたいエントリーなど、いろんな方々に読んでもらいたいなと感じたものは積極的に紹介したい。 当ブログではシェアする際にブログ記事をサムネイル画像付きで表示しています。 リンク用コードは、WordPressの投稿画面（HTMLエディタ）で複数のボタンを自作し、それを駆使して作成しました。5アクションほどかかっていました。 今回紹介するのは、5アクションもの手間などかけず、最小限の操作だけで簡単にシェア用リンクを生成できる方法です。 WordPressプラグイン「BM_Shots」をインストール まず最初に、WordPressのプラグイン「
[Å] WordCamp2012 in.東京 セッション スライドシェアまとめ
[Å] WordCamp2012 in.東京 セッション スライドシェアまとめ
![[Å] WordCamp2012 in.東京 セッション スライドシェアまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/dfd3bb0264608500f282ea40ca156a5d05f4da33/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Feye-wordcamp2012.jpg)
Twenty Tenをレスポンシブ化したら勉強になったよ
■セミナー背景 近年、Webサイトはパソコンだけで閲覧されるものではなく、スマートフォンやタブレット型端末の急速な普及により様々なデバイスで閲覧されるようになりました。そのため、Webサイトも閲覧環境に応じてレイアウトを柔軟に切り替えられるよう「マルチデバイス対応」が必須になってきています。しかし、デバイス毎にレイアウトの違うHTMLファイルを複数用意していると、コストが多く掛かり管理もとても大変・・・ そこで、新しい手法として今国内・海外で注目を集めているのが【レスポンシブWebデザイン】という手法です！ レスポンシブWebデザインは、デバイスをWebサイトの表示基準にするのではなく、ブラウザの横幅サイズを、Webサイトの表示基準にすることで、ページのレイアウトを柔軟に美しく調整できる手法です。まさに、魅せるスマホ対応をすることができます。また、SEOの観点から見ても、URLが1つで済ん
[Å] WordCamp2012 in.東京 セッション24個まとめ WordPressを学ぶUstream
[Å] WordCamp2012 in.東京 セッション24個まとめ WordPressを学ぶUstream
[Å] WordCamp2102 in.東京に初参加！その様子をちょっと紹介
[Å] WordCamp2102 in.東京に初参加！その様子をちょっと紹介
![[Å] WordCamp2102 in.東京に初参加！その様子をちょっと紹介](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e4d2feb3a7ec3442e4f5fbb77902b837dde8d01/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Feye-wordcamp2012-0915.jpg)
[Å] WordPressユーザーが集まる大イベント！WordCamp2012に参加してくるよ
[Å] WordPressユーザーが集まる大イベント！WordCamp2012に参加してくるよ
オリジナルテーマの作り方 3.0+
2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト！ WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ
Twitterのツイートボタン、Facebookのいいね！ボタン、Google+のボタン、はてなブックマークのボタンなどを、プラグインを使わずに、四角のボックス形式で設置する方法。
こんにちは。株式会社コミュニティコムの星野邦敏です。 今日は、Twitterのツイートボタン、Facebookのいいね！ボタン、Google+のボタン、はてなブックマークのボタンなどを、プラグインを使わずに、WordPressの各記事に設置する方法を、以下で説明します。 Twitterのツイートボタン、Facebookのいいね！ボタン、Google+のボタン、はてなブックマークのボタンなどをWordPressの各記事に設置しようとしたら、「WP Social Bookmarking Light」というプラグインが有名です。 WordPress › WP Social Bookmarking Light « WordPress Plugins とても良く出来ていて、気軽に設置できるというメリットがあると思いますが、 （１）横型の小さめの長方形ボタンしかない （２）コンテンツ本文の上または下と
@Anywhereの代用に！プラグインを使わずに記事内のTwitterアカウント名を自動でリンクにする方法 | delaymania.com
Twitterアカウント名を記事内で表示するのに@Anywhereというサービスを使ってました@delaymaniaです。 超便利だったんですが、12月6日でこのサービスが終了するそうです。 これに代わる方法がないかと探したところ、プラグインなしでほぼ同じようにできる方法を発見しましたのでご紹介します。 functions.phpをいじる かちびと.netさんで紹介されてました。 WordPressで記事内に書かれたTwitterアカウント名を、@Anywhereを使わずに自動リンク化する – かちびと.net 上記の記事を読んでいただければ分かると思いますが、一応ソースも引用させていただきます。 [php] function add_twitter_link($content) { $pattern= ‘/(?<=^|(?<=[^a-zA-Z0-9-_\.]))@([A-Za-z
[Å] 【WP】過去記事投稿の「Tweet old post」が突然おかしなリンクをツイートするようになった件
[Å] 【WP】過去記事投稿の「Tweet old post」が突然おかしなリンクをツイートするようになった件
![[Å] 【WP】過去記事投稿の「Tweet old post」が突然おかしなリンクをツイートするようになった件](https://cdn-ak-scissors.b.st-hatena.com/image/square/f347caec8e1c196264624df4c6b71f41eba6b42f/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Feye-twitter-oldpost.jpg)
Twitterの＠Anywhere終了によりWordPressで影響すること
米Twitterは9月6日（現地時間）、WebサイトにTwitterのフォローボタンやTwitter投稿ツールを埋め込めるサービス「@Anywhere」の提供を終了すると発表した。今後、WebサイトにTwitter機能を埋め込むサービスは「Twitter for Websites」に統一する。 現在、@Anywhereを使っているWebサイトは、2012年12月6日までにTwitter for Websitesに移行する必要がある。 サービス名を見て「おや？」と思ったWordPressユーザーの方々、きっといらっしゃると思います。私も「お？」と思った。 WordPressに「Twitter @Anywhere Plus」というプラグインがあります。私もこのプラグインを入れています。 このプラグインは、＠（アットマーク）の後に半角英数字の文字列を入力すると、その文字列を「Twitterのアカ
検索順位とCTRを考慮したタイトルタグとメタディスクリプションの記載方法
タイトルタグとメタディスクリプションが検索結果に与える影響 はじめにタイトルタグとメタディスクリプションの検索結果に与える影響について知っておきましょう。 検索結果上の表示 タイトルタグはページ内容表記の青いリンク部分、メタディスクリプションはスニペット（説明文）箇所に反映されます。 例外として、タイトルはGoogleが自動生成したり、スニペットはメタディスクリプション以外に構造化データや本文から引用されることもあります。 検索キーワードに対してGoogle側で適切と考えたものを表示するので原則的にサイトオーナー側でコントロールすることはできません。 検索順位への影響 タイトルタグは検索順位に影響しますが、メタディスクリプションは順位に直接的に影響しません。 メタディスクリプションを順位に直接的に使用しないことはGoogleの公式サイト（英語）にも表記されています。 “Even thoug
WordPress 3.4.2がリリースされたけどアップデートはちょい待ったほうが良いかも | [M] mbdb
WordPress 3.4.2がリリースされたけどアップデートはちょい待ったほうが良いかも WordPress Please Share! Tweet この記事を読むのに必要な時間の目安: 約 3 分 WordPressの最新バージョンである3.4.2がリリースされました。 管理画面をしょっちゅう開いている人であれば、更新通知が届いているはずなのでもうご存じの方も多いはず。 ただ、そのアップデートちょっと待ったほうがいいかもしれません。調べてみるとチラホラとエラーが出ているらしいです。 Sponsored Link アップデートによって20個のバグが修正されるそうです。修正される内容は、 古いブラウザでの管理画面内におけるいくつかの問題 テーマが正しくインストールされなかったりスクリーンショットが表示されない問題 ビジュアルエディターとのプラグインの互換性改善 oEmbedプロバイダー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress のバックアップ - WordPress Codex 日本語版
WordPressでいい感じにソーシャルボタンを設置してくれる『Tweet, Like, Google +1 and Share』プラグイン
Feelingplace
定型文を入れられるプラグイン「PostPost」を使うときに必要なたった1つのおまじない | NANOKAMO BLOG