WordBench 東京勉強会 in KDDI でプレゼンしたこと Reloaded
麹町にある KDDI ウェブコミュニケーションズさんの会場をお借りして、WordBench 東京勉強会を開催しました。コーディネートは星野さんや大曲さん、micc さんにおまかせだったのですが、セッションのトップバッターで「一番いいのを頼む」とのことだったので、『Twenty Eleven でレスポンシブサイトをつくろう、そうしよう』というタイトルでもってお話させていただきました。 このエントリーは、そのときのスライドを用いながら、セッションを再構成したものになります。直に動画も公開されると思いますので、あわせてご活動いただけたら幸いです。 というわけで自己紹介をしました。質問があったのでここで答えますが、実はサラリーマンのレベルは毎年1つずつあがっています。サラリーマン10年目なので今はレベル10、来年は11になる予定です。←非常にどうでもいい話。 で、言わずもがななのですが、8bitO
Twenty Eleven のレスポンシブ構造を図解してみた
WordPress 3.2 からデフォルトテーマとなった Twenty Eleven はデバイスを問わずコンテンツを表示できるレスポンシブデザインとなっていていろいろ素敵なわけですが、その構造ゆえに子テーマをつくろうとすると非常に難解なため頭痛薬がいくらあっても足りません。 というわけで、Twentye Eleven のレスポンシブ構造を図解してみました。 header 上記の図を見るにあたっての注意点 ※矢印をつかって margin や padding が指定していないところには margin または padding は設定されておらず、つまり外包または内包する要素に隣接していると思ってください。 ※もともとのソースにおいて、margin や padding となっているところはそのまま、margin-top、padding-right などと指定されているところはそのように表記していま
– レスポンシブWebデザインにしたらAdsense収益が3倍になったでござる
すいません、釣ったかもしれません。 でも実際にAdsense収益が3倍になったので（異なる週の4日間指定で比較）、何かあるな、と思って調べて考えてみました。 収益で無く、CTRやCPCで比較 現在のブログテーマに変更した後の4日間とその前の週の4日間（曜日を揃えています）を比較しました。 収益は3倍を超えています。もちろん、このエントリーではてブをもらったりアクセスを集めたってのもあると思っています。 ではCTR（クリック率）での変化はあったのか比較してみました。 結論から言えば、1.25倍。なんだ、誤差の範囲かもしれない、と思ったのは事実です。 次にCPCを比較してみました。 すると1.6倍。これは影響がありそうだ、と思えます。でもやっぱり収益が3倍になる要因はPVの向上のほうが効いてきそうな気もします。 PVは1.4倍になっています。 その辺の数字を掛け合わすと3倍ぐらいになるので、つ
WordPressで埋め込んだツイートを幅ピッタリに合わせられるカスタマイズテクニック
WordPress 3.4からデフォルトで、TwitterのツイートをURLだけ貼り付けることで埋め込むことができるようになりました。 プラグインも必要ないので、たまにツイートを引用したい時など便利に使っています。しかし、ちょっと微妙だったのがそのスタイル。横幅550px固定になっていて、うちの記事の幅には足りず。ということで、その部分をどうにかしてみました。 [関連] Twitter ＠Anywhereが終了するというのでプラグインなしでアカウントを自動リンク化してみた [関連] WordPressで公開予定の記事を一覧にして表示する方法 [関連] 関連記事表示プラグイン「YARPP」を使って「LinkWithin」っぽくするカスタマイズ 横幅くらいCSSでどうにかできるんじゃないの? ってことで、HTMLを確認してみました。 <div id="twitter-widget-3" cla
WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ | [Mu]ムジログ
WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ 今日の夕方、Webデザイナーの方と最近のjQueryやらレスポンシブWebデザインの話とかしていました。特にレスポンシブWebデザインは3人ぐらいと話をしていて、自分もいずれこのブログのリニューアル時に導入したいと思って居ました。 そんな話をしていて「今日はこれからレスポンシブWebデザイン勉強するわ」と夕方宣言して、勢いでこのブログのリニューアルをしました。勉強からAdsense対応まで実質3，4時間ぐらいでやっつけで終わらせてIEにまだ対応していないのはここだけの話です（笑）。 まずはレスポンシブWebデザインについておさらい なにはともあれ、なんとなく知ったつもりになっていることでも一応網羅的に一通りどんなものだったか復習したく参考サイトを見てました。
【コピペで出来ちゃう！】簡単WordPress自作テーマ制作方法【php初心者でも大丈夫】 | Yakumo's Life Blog
どうも、yakumoです。まるで２ちゃんねるのスレッドのようなタイトルにした今回の記事。php初心者の僕がWordPressのテーマを自作するにあたってつまずいた点などをわかりやすく紹介しながら説明していこうと思います。はじめに大変申し訳ないのですが、自分でテーマをデザインするにあたっては必要最低限のHTMLとCSSの知識は必要になります。WordPressでブログを作成されている方な余程大丈夫だとは思いますが･･･実際に作業を始める前に、まずはどんな感じにしたいのかを紙などに書き出しておくといいです。自分は適当にやってたので痛い目見ました笑 Step1.ローカル環境にWordPressを導入しよう！ WordPressはPHP言語で作られており、PHPが動く環境でなければ実際作ったデザインが見れません。まずは自分のパソコンにWordPressを導入してみましょう。 BITNAMIのWor
SEO対策プラグイン All in One SEO Pack
All in One SEO Packは、SEO対策用のプラグインです。 SEO自体がよくわからない人は、こちらの記事を参考にしてください。 WordPressのSEO対策をこれひとつでかなりの範囲カバーできます。 ただ、設定がちょっとめんどくさいのと、もともとが英語のプラグインのですので、わかりずらい点もあります。使い方など簡単に説明いたします。 このプラグインをまだ導入していない方は、この使い方を参考に、ぜひ導入してみてください。 All in One SEO Packのインストール 設定の仕方 まずは、All in One SEO Packをインストールして「有効化」します。 「有効化」しましたら、管理画面のメニューの「設定」「All in One SEO」 を選択してください。 下のような設定オプションが表示されます。 設定画面の上の方は、広告宣伝となっています。 「Click o
Google (XML) Sitemaps Generator for WordPressのエラー解決法の一
Google (XML) Sitemaps Generator for WordPress（WordPress 2.1 and betterバージョン）をインストール後、設定を終え、サイトマップを作成したところ、以下のエラーメッセージが赤字で出ました。 There was a problem writing your sitemap file. Make sure the file exists and is writable. There was a problem writing your zipped sitemap file. Make sure the file exists and is writable. 簡単に言うと「xmlとxml.gz作成できなかった。両ファイルが存在するか、あればそのファイルは書き込み可能かを確認しろ」ということです。いろいろ探ったところ、以下の方法で
WordPress: XREAでWP-DBManagerを使う | Hinemosu
XREAで運用している某ブログに、WordPress用プラグイン「WP-DBManager」をインストールしました。 WP-DBManagerとは WP-DBManagerは、WordPressのデータベースに対し、バックアップ／復元、最適化、修復などの操作を、手動／自動で行うためのプラグインです。 類似のプラグインとして「Portable phpMyAdmin」がありますが、Portable phpMyAdminはデータベース操作を行うための知識が必要です。 その点「WP-DBManager」は、詳しい知識がなくても簡単にデータベース操作が行えるのが特徴です。 WP-DBManagerの導入背景 WP-DBManagerを導入したのは、某ブログが突然アクセス不能になった事への対策です。 と言うのも、XREAのサポートにアクセス不能になった原因の調査を依頼したところ、「WordPress
WordPressでブログを立ち上げたときにすぐに入れるべきプラグイン9選 | tagamidaiki.com
WordPressを導入する理由として、使いやすいプラグインが多くあることがあげられます。 今回は、Wordpressを導入したあとすぐに導入すべきプラグインをまとめました。 今後Wordpressを用いたブログを立ち上げようとしている人は参考にしてみてください。 今回紹介するプラグインは大まかにわけて以下のようになります。 ◯ アクセスを増やすためのプラグイン 5選 ◯ 表示を早くするプラグイン ◯ Facebookコメントを導入するプラグイン ◯ 自動でブログのバックアップを取ってくれるプラグイン ◯ コードを書くのであれば導入しておきたいプラグイン それでは1つずつ紹介します。 アクセスを増やすためのプラグイン5選 All in One SEO Pack これはブログ記事1つ1つに対して MetaTitle：ブログタイトル MetaKeyWord： SEOキーワード MetaDesc
[JS]ウェブページやWordPressのページを無限スクロールさせるスクリプト -Infinite Scroll
ウェブページをPinterestのように無限スクロールさせるjQueryのプラグイン、アンドWordPressのプラグインを紹介します。 Infinite Scroll 一番最初にリリースされたのはかなり前ですが、いつの間にか2.0にバージョンアップされていたのでご紹介。 Infinite Scrollのデモ Infinite Scroll -jQueryのプラグイン Infinite Scroll -WordPressのプラグイン Infinite Scrollのデモ デモはテキストだけのページです。 ページ下部の「more」をクリック Infinite Scroll -jQueryのプラグイン Infinite Scroll -jQueryのプラグイン Infinite Scrollの使い方 Infinite Scrollの実装は簡単です。 まずは、外部ファイルをセットします。 <sc
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
これは入れておきたいWordPressプラグイン11選！（2011年12月版）個人ブログ、企業サイトでも使えるモノを中心にご紹介
色々あった2011年ですが、わたくし個人としても様々なお仕事をさせていただく機会がありました。まずはこの場を借りて、御礼申し上げます。 WordPressを利用した企業サイトの制作に始まり、ブログやちょっとしたWEBサイトなどを自身で運用していく中で、様々なプラグインと出合い、利用する機会がありました。そういった意味でも、大変意義ある1年だったと思います。 今回は2011年最後の記事になりますが、この1年で実際に出会ったプラグインも含め、わたくし個人がWordPressを利用する上で非常にお世話になっているプラグインを、2011年にちなんで 11 個に絞ってご紹介します。 個人ブログはもちろん、企業様向けのコーポレートサイト構築などにも使えるモノばかりだと思っていますので、早速ドドンと書き連ねてイキマス♪ ※SEOやキャッシュコントロール系、お問い合わせフォームなどのプラグインは今回省いて
ただちにチェックしよう。ブログとソーシャルメディアの全方位バックアップ
「ふっかつのじゅもんがちがいます」「ぼうけんのしょはきえてしまいました」思えば子供の頃のこの言葉が、バックアップについて教えられた最初だったのかもしれません。 ファーストサーバーの大規模障害によって多くの企業や自治体のデータが消えているというニュースが報じられていますが、もちろんこれはちいさな個人サイトであっても無関係な話ではありません。 たとえばこのブログのデータがいま消えてしまったなら、私は過去５年にわたる記事にかけた時間を失うだけでなく、将来にわたって残るはずだった自分のネット上の足跡もすべて失うことになります。 また、ソーシャルメディアへの書き込みも、失ってしまうとまるで過去のすべての手紙を失うみたいに手痛いものがあります。 手元の写真やファイルはもちろんですが、ブログなどといったネット越しに存在するデータも定期的に、なるべく自動的にバックアップしておくのは、生きるか死ぬかの真剣な
WordPressカテゴリーページをもっとカスタマイズしたい | 高橋文樹.com | デザイン
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 ぜったい需要あるし知りたいから書いてくれたしと言われたので書きます。最近、リクエストに答えてブログ書くのが楽だなーと感じる自堕落。 さて、WordPressをCMS的に使っていると、「カテゴリーアーカイブの情報を充実させたい」という需要がよくあると思います。 ケーススタディ 筋トレの情報サイトを作っているとしましょう。カテゴリー階層は大きく分けて3系統あります。 トレーニング方法 腕立て、スクワット、デッドリフトなど、トレーニング情報のジャンルがサブカテゴリーとしてぶら下がる サプリメント 筋量を増やしたいとか、持久力を付けたいとか、体重を落としつつ筋肉をつけたいとか、そういった「サプリメント使用の目的」ごとにサブカテゴリーがわかれています。 トレーニングジム サブカテゴリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twentyeleven | 
WP用ヘッダーサムネイル画像メニュープラグイン：“PM Thumbnail Picture Menu”公式プラグインディレクトリーにて公開 | [Mu]ムジログ
cmmntr.com
https://www.at-nature.net/?p=215
新着記事
