Popular Postsを使いこなして、サイトの訴求力をあげよう 前回「WordPressに人気の記事を表示するPopular Postsの導入方法」を解説しました。 今回は一歩踏み込んだカスタマイズをします。 「人気記事のサムネイル（アイキャッチ画像）を表示」 「ホーム（フロントページ）が表示されている場合は本文を表示」 「特定のページだけサイドバーに人気記事を表示しない」 以上の方法を紹介します。 設定方法 以前紹介した通り「設定　＞　Popular Posts　＞　Output Settings」で人気記事の表示方法を指定するのですが、このプラグインでは独特の記述法を使用します。 記述法 通常PHPは <?php hogehoge ?> と書きますが、Popular Postsでは以下のように書きます。 {php: hogehoge } 人気記事のサムネイル（アイキャッチ画像）を表

Similar Postsで「関連するエントリー」を表示（WordPressプラグイン）で紹介したSimilar Postsと同一の作者によるプラグイン。 ブログ内の『人気の記事』をピックアップしてくれます。 お手軽に導入できるのでオススメです。 インストール＆設定方法は下記から。 プラグインのインストール All Things Seen and Unseen ? Popular Posts All Things Seen and Unseen ? Post-Plugin Library（Popular Postsに必要なライブラリ） 1：上記2つのファイルをダウンロード、解凍してWordPress内『plugins』フォルダにアップロードしておきましょう。 2：WordPress内の管理画面からPost-Plugin Libraryを有効化。 3：同じく、管理画面からPopular Po

アクアリウムの記事を読んでる人は、熱帯魚の記事にも興味がある ブログの使い方は人それぞれですが、テーマを決めても常に一貫した話題だけを扱うことはまれだと思います。むしろ取り留めもなく、付箋にアイデアを書きこむように投稿することが多いのではないでしょうか？ そこで記事に関連するページを自動で表示してくれるプラグイン「Similar Posts」の出番です。記事を読み終えた人に関連するページを表示すれば2ページ目、3ページ目を見てくれる機会も増えます。 また、自分にとって面白そうな記事がたくさんあると認識してもらえれば、ブックマークしてもらえる確率もグンとあがります。 たくさんのテーマについて記事を投稿している人はぜひ導入しましょう。 WordPressにログインして管理画面で「プラグイン＞新規追加」で「Similar Posts」を検索。インストールします。 続けて「WordPressに人気

前の記事では、WordPressのイイところをまとめてみました。ホメてばっかりでは人間伸びて行きませんので、今回は逆にイマイチだなー、もっと何とかならんのかなと思っているところをまとめてみました。といっても、実は前回のイイところのそれぞれに隠された面をご紹介するという感じです。意外とWordPressで提案する時に、できると思って進めてしまうと痛い目に会うこともありますので、知っておくと便利かもしれません。 オープンソースとして 複雑なライセンス GPLライセンスはオープンソースライセンスの中でも最も普及した素晴らしいライセンスです！なのでもちろん変えてほしいというわけではありませんが、しかし、分かりにくい、複雑なライセンスであることも確かです。当サイトのWordPress を使うなら知っておきたい GPL ライセンスの知識【基本編】などをよく読んで、理解してから使うようにしましょう。タダ

寒い日にはあったか美味しいスープが恋しくなりますよね。シチューやポトフを作っておくと、何日間かはそれで済ませることができるという利点も。 体の芯から温まって、食べるとホッとする、しかも簡単につくることができる。 そんなあったかスープレシピをまとめてみました。 もくじ コンソメスープ 卵スープ かぼちゃのポタージュスープ カニのビスク風クリームスープ クラムチャウダー 簡単ミネストローネ ポトフ ホワイトシチュー（クリームシチュー） ビーフシチュー お味噌汁 コンソメスープ コンソメスープはいろんな料理に合うし、何と言っても簡単に作れるのが嬉しいですよね。材料は、タマネギ、ニンジン、キャベツ、オリーブオイル、コンソメ、バターなど。野菜は家にあるもので構わないし、ベーコンを入れると味に奥行きが出てさらに美味しくなりそうです。 誰でも簡単に出来る、美味しいコンソメスープの作り方 | Life i

ブログや日記、メールなどを作成している際についつい「正しい文章」を書いてしまい、読んでいる人を辟易させたことはありませんか？ 日本語が乱れがちな現代社会。 没個性を重んじる風潮が強いこの国において、”この人は正しい日本語が扱えるきっちりした人だ”と言う印象を与えることは、あなたのイメージを損ねる原因となりかねません。 そこで本日は、読んでいて気持ちの悪い「間抜けな文章」を書くために知っておくべき6つのテクニックをご紹介しましょう。 間抜けな文章を書くために では実際に気持ちの悪い文章テクニックと文例を見ていきましょう。 最初に出ている青枠は気持ちの悪い（今回の講座においては正しい）文章、赤枠はきっちりと構成された大変に読み応えのない悪い例です。 1.敬体と常体を入り混ぜましょう。統一性が無くなるからだ。 私は篠崎愛ちゃんが大好きだ。 彼女の豊満な体にばかり目がいきがちですが、注目すべきはそ

追記：最初、うっかり「2013冬」って書いてしまったんですけど、ほんとは「春」と書かなきゃいけませんでした（汗）*1 とりあえず今、CSSのfont-familyでフォントを指定するならば、これで決まり（一番下の追記も参照で）。 font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;CSSのfont-family指定、「あえてフォントを指定しない」っていうやり方もアリですが、いろいろな事情でそうも言ってられません。とりあえず今現在の最適font-family指定を考えてみたところ、上のようになりました。 指定順序、入れたフォント、入れてないフォント、すべてに意味があります。 以下説明。 ヒラギノはProではなくProN。 OS Xの和文標準フォ

※2013-10-27 追記 ブクマしてくださるのはうれしいのですが、この記事は見てのとおりとっても古いです！！ どちらかというと「当時のIE8/Chromeのバグ」という面が強いと思うので、最新の状況は各自でご確認ください！ 最近やっとIE6を捨ててIE8にしてみたわけなんだけども、どうも特定の文字だけ化ける。 例えば、Yahoo!知恵袋の質問ページでは、「質問日時」や「残り時間」の後のコロンが矢印みたいな記号になってしまう。 他にも化けた文字があるのでコピペしてみるとどうも全角数字っぽい。 で、ググってみたところ Firefoxで全角数字が文字化け - （・∞・） という記事を発見。 Firefoxとありますが、ChromeもIE8も同様な現象が発生する様子。IE7は検証してない。 文字化けの理由はLucida Grandeというフォントにあるようだ。 http://pb.practi

Web 開発してると、ソースを編集して、ブラウザーをリロードして、という作業の繰り返しになりがちだ。ソースを編集したら、自動でブラウザーをリロードしてくれるような夢のツールがあれば便利そうだ。 この分野では CodeKit や LiveReload などが有名なんだけど、もれなく有料だったり GUI だったりする。そこで、LiveReload のオープンソースな部分を参考にしつつ、コマンドラインで使える LiveReloadX というものを作ってみた。 特長はこんなところ。 Node.js を使ってるので Windows/Mac/Linux 問わずに動かせる 開発環境のブラウザーだけでなくスマートフォンのブラウザーもリロードできる 無料 インストール方法 インストールは超簡単！ Node.js をインストールする。 コマンドラインで npm install -g livereloadx を

SassやCompassを使って、ズルいデザインテクニック：ズルいデザイン（2）（1/2 ページ） SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは？ シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。 今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 1: ズルいグラデーション CSS3ではグラデーションを扱えるようになったことから、画像を使わずに自在にグラデーションを描画して、CSSだけでよりリッチなビジュアル表現が可能になりましたが、一口にグラデーションといっても、う

著者：シンタロヲフレッシュ Graphic Designer / cinematographer. 「prasm（プラズム、って読みます）」は週末だけが楽しいWeekenderではなく、1週間7日間、自分のしっくりを追い求め、日々をアップデートし続けるそんな“Weeker”に献げるブログです。 しっくりくるモノ・コトが好きなシンタロヲフレッシュがあなたの明日をしっくりさせるべく、しっくりにまつわるアレコレを書いていきます。 より詳しくプロフィールは「about」へ。

コンバージョン寸前で離脱した顧客に対し、綿密なリターゲティングを行い、再訪してもらうことに成功した。ところが自社のサーバー環境、ネットワーク環境には全く問題がないのに、なぜか肝心のコンバージョンページが表示されない。 最近このような、マーケターの努力と工夫を水泡に帰す恐るべきトラブルが、相次いで報告され始めている。原因は、広告配信の効率化やリターゲティングのためにWebページに埋め込まれる「外部タグ」だ。 本来は強力な顧客獲得ツールとなるはずの外部タグが、逆にサイトの表示トラブルを引き起こす原因となり、機会損失リスクを高めているのだ。 なぜ外部タグが、このような障害の原因となるのか。また対処法はあるのか。2013年2月に、外部タグ監視＆管理ツール「TagKnight（タグナイト）」をリリースしたFringe81の田中弦氏と佐藤洋介氏に、昨今のWebマーケティングの動向に伴って増えている「外