Blogger/Emporioカスタマイズ日記

Emporioでブログを検索すると、検索結果のメッセージで和洋のカッコが重複する。 何を言ってるかと言うと、右上の検索ボックスにたとえば「ヨーロッパ」と入れて検索すると、 こんな感じで 検索キーワード「”ヨーロッパ”」に一致する投稿を表示しています と出る。 カギカッコとダブルクォートがダブってしつこい感じですね(^_^;) で、この「”ヨーロッパ”」のダブルクォートを取る方法がある。 クォーテーションを取った状態がこれ。 見ての通り、 検索キーワード「ヨーロッパ」に一致する投稿を表示しています と前後の ” がなくなっている。 対応するテーマのHTMLは以下のところ（修正済みコードです）。 .post-filter-message .search-label::before,.post-filter-message .search-query::before{ /* content:open-quote */ } .post-filter-message .search-label::after,.post-filter-message .search-query::after{ /* content:close-quote */ } 見ての通り元コードから content:open-quote content:close-quote の2つをコメントアウトしている。 ちなみに以下のサイトを見ると、 >>  Blogger Cheatsheet data:view | Blogger Book 検索結果のメッセージは以下の変数らしい。 data:view.search.resultsMessage data:view.search.resultsMessageHtml 確かにテーマのHTML内でこの変数は使われているが、メッセージの文字列を設定してるところがないのでどう使うかがわからない。 使われてる直前でメッセージを代入しとけばいいのかもしれない。 使い方わかるひと、ゼヒ教えてくださいm(_ _)m その他のBloggerカスタマイズTipsはこちら Blog...

最近、世界のグルメ情報を発信するブログを立ち上げた。 >>  食いしん坊日記ザ・ワールド このブログでは地域ごとにカテゴリわけしようと思ったのだが、世界中かなりの国や町を周ったので、単純にカテゴリを付けると収集がつかなくなる。 都市ごとにカテゴリつけたら何個カテゴリが必要になるのか(^_^;) というわけで ヨーロッパ/国/都市 みたいな感じで階層化して整理したい。 しかしてBloggerにはその機能がなく、ネットに出回ってる方法では最近のテーマであるEmporioでうまく動作しなかった。 ではEmporioではどうするのか？を今回はまとめます。 スポンサーリンク

テーマEmporioを使ったサイトをこれまで2つ作ったのだが、おかげでEmporioの フォント調整 についてかなり経験が積めた。 今では Emporioを使うならフォント設定はこのワンセットだろう！ というのが確立されたので、参考までに紹介する。 解説がいらないという人は、実際に自分のEmporioサイトで使われてるコードを載せてますので「 実際のCSS定義 」までズギャンと行っちゃってください(・∀・) スポンサーリンク

これまでBloggerのテーマEmporioを使って2つサイトを作った。 1つは最近作った英語学習ブログで、 おとなになってからの英語学習（ eigobootcamp.blogspot.com/ ） もう1つは2年ほど前に作ったカンボジア情報のブログ「 GET A LIFE in Khmer! 」だ。 2つ作る中でEmporioの フォント関係の調整 のやり方につき、基本的なところがだいぶわかってきた。 ので、今回はCSSでEmporioのフォント調整をする際の 基本的なアプローチ 実際のCSS適用例 等につきまとめます。 慣れたひとには常識かもですが、わたくしと同じ初心者にはBloggerをカスタマイズするプロセスがわかって役に立つかも(・∀・) スポンサーリンク

Bloggerも長年使って、いろいろテーマも試した。 おかげでだんだんテーマごとのクセや使いみちが定まってきたように思う。 テーマによってやっぱり合ったコンテンツというものがあり、これまで使った Emporio Contempo 動的ビュー 旧テーマのシンプル それぞれにつきこういう用途がいいかな～というのを今回はまとめてみる。 スポンサーリンク

Bloggerでは テーマデザイナー（旧テンプレートデザイナー） という、テーマの設定ツールが提供されている。 これがなかなか微妙なところがあるツールで、そのへんは以下にまとめた。 >> Emporio、テンプレートデザイナーでできないフォント調整とその対処 が、テーマデザイナーでできる 有用な設定 ももちろんたくさんある。 今回はテーマEmporioで、テーマデザイナーを使ってできるオススメの設定を紹介する。 すべて自分でもやっている設定である。 とりあえずテーマデザイナーの”使える”側面を知っていただければ幸いです(・∀・) スポンサーリンク

最近、 カンボジアブログ で長年悩まされた Emporioのバグ修正に成功！！ したので備忘も兼ね記事にしておく。 「注目の投稿」のタイトルがなぜか個別記事の上に出る という最低のバグで、Twitterのフォロワーさんにも指摘されたが直し方がわからず諦めていた。 ※Emporioも最近のバージョンだとこのバグは修正されているみたい？なのでこのバグフィックスは必要ないかもしれません が、トップページにだけ「注目の投稿」ガジェットを表示するという判定文を入れるだけで修正できたのでした :) というわけでこの記事を読めばスタイリッシュなEmporioをダサダサにせず「注目の投稿」を使えるようになるぞ＾＾ スポンサーリンク

Emporioで記事タイトル下に広告を出すカスタマイズを初めてやったのは、 カンボジアブログ だった。 当初サイドと記事の一番下に出していたのだが、 記事タイトル下のリンク広告 が効果が高いというのを目にして、ちょっと試したくなった。 で、とりあえずタイトル下に出すのはすぐできた。 が、 トップページや検索結果画面に並ぶ記事のタイトル下にもずらっと出て しまって、えらく見にくいトップページになってしまった(^_^;) その後、個別の記事でだけタイトル下に広告を出す方法を見つけ出して、今は問題なくやれている。 やったことは 記事のソース確認 カスタマイズ場所の当たりをつけ、確認 広告コードを貼り付けて確認 トップページと検索結果画面以外のときに広告を出すようにする という感じ。 やりたい人は多いと思うので、やり方をシェアしておく(・∀・) ※作業するときは テーマのバックアップ を絶対に忘れずに！失敗したとき戻せなくなってしまうぞ(^_^;) スポンサーリンク

自分の以下の2つのブログで使っている色々とクセの強いテーマ・Emporio。 GET A LIFE in Khmer! おとなになってからの英語学習 見た目をいじるテンプレートデザイナーというツールを提供していながら、その設定が ちょいちょいブログに反映しない という素晴らしい現象に日々遭遇している。 >>  Bloggerの新テンプレートEmporio、テンプレートデザイナーを使ってみた（そして使えねえことを知った） 詳しくは↑に書いたが、 画像キャプションのフォント が本文よりでかく、不格好なので小さいフォントサイズにしたかった。 が、このツールで設定してもなんかうまくいかないのである。 Bloggerが誇る微妙なツール、テンプレートデザイナー で、そういうときにはもっとローレベルな対応をするしかない。 ブロガーのテーマはHTMLレベルでカスタマイズできるので、CSSをいじればできることは多くなる。 でもそれってどうすんの？！というのがやったことないと分からないと思うので、今回のフォントサイズ変更を例にまとめてみようと思う。 なお今回はEmporioの例ではあるが、他のテーマでCSS定義を探し出して修正するのにも参考になると思う。 スポンサーリンク

Bloggerでは テンプレートデザイナー というテーマの設定ツールが提供されている。 カンボジアブログ「 GET A LIFE in Khmer! 」（テーマはEmporio）ではこのツールで、 画像下のキャプションのフォント 投稿記事本文のフォント のカスタマイズを試みた。 しかしこのテンプレートデザイナー、設定ができそうなのにできないとか、いろいろとクセの強いツールなのである。。 今回はこのテンプレートデザイナーで なぜかできない ことを、脱力まじりにお送りする。 スポンサーリンク

wordpressのスティンガーみたいや～と思って自分の カンボジアブログ で使うことにしたテーマ「Emporio」。 しかしこれがなかなかクセが強く、なんでこれができないの？！ということが色々あったりする。 これまで引っかかったのは、 ガジェットがサイドにしか追加できない 自己紹介ガジェットが自己紹介文を表示してくれない テキストガジェットを追加しても有効化できない こういうのもHTMLやCSSをいじったりすると何とかなるのかもしれないが、めんどくさいので諦めたり、簡単な便法で乗り切っている。 とりあえず1.は諦めなのだが、残り2つは 超ローテクで 対処可能だ。 あんまスマートではないのだが、そのぶん技術力が無くてもできるという意味で役立つかも？と思いまとめてみた。 スポンサーリンク

最近また新しくブログを立ち上げたのだが、新規にBloggerのブログを作ったとき必ず必要と思うカスタマイズがある。 それが以下の5項目なのだが、 TLDリダイレクトの抑止 目次の設定 Twitterカードの設定 Millard関連記事 広告／アフィリエイトの設定 とりあえず前のブログやツールからのコードコピペですべてできた。 また英語やもう少しカタい記事のブログを新しく立ち上げるかもしれないので、そのときの備忘録に残しておく。 ※なおTLDリダイレクトは 最近なくなった？ 感じもするので、カスタマイズしなくていいかもです。 スポンサーリンク