旧システムテンプレートをレスポンシブデザインに改造できないものか

こことは別の旧デザインシステムで運用しているブログがあるのですが、そこでちょっと実験的に試していることがあります。 今日は、壁にぶつかっている嘆きを聞いてください~。 うまくいかないときもあるんです~。 旧システムのスマホテンプレートの困るところ 旧デザインシステムだと、PCはPC用テンプレートで表示され、スマホはスマホテンプレートで表示されます。 スマホテンプレートはCSSもHTMLもカスタマイズできないようになっています。まったくいじれないって、不自由なんですよねー。 そして、今までにも書いている問題。 スマホテンプレートだと広告が多すぎる。数えてみたら、8こ表示されました。広告枠ではなく、広告の個数ね。さらに、今は全面を覆う広告も出るようになってしまったでしょ。困ったものだ…。 広告を入れるなとは言いません。無料で使わせてもらっているのですから。でも、ユーザーにとって適切な量というものはあると思うんです。 スマホテンプレートはカスタマイズできないので、この多すぎる広告をどうにもできません。 今やスマホでの閲覧が多い時代だから、ここに広告を詰め込むし、カスタマイズさせないんでしょうけど、節度はほしいところですよねー。これじゃ閲覧している人に不快感しか与えないでしょうから。 テンプレートをいじれない以上、どうにもできません。 そうか、スマホテンプレートを使わなければいい 新デザインシステムのほうだと、レスポンシブデザインを選べ…

続きを読む

全画面広告は1月10日からペナルティ対象なのに!

いつの間にか困った広告が導入されていました。 全画面広告。 インタースティシャル広告とも言うらしい。 ※このブログの実際の画面。広告部分はモザイクをかけてあります。 発現条件は…スマホで表示 (タブレットは持っていないので確認していません。) 記事ページを初アクセス時 これ、すごくジャマ!! 誤解ないようにお願いしたいのですが、広告収入で運営されている無料ブログなので、広告の設置は了承しています。でも、このやり方はあまりにヒドイよね、と言いたい。 まず、アクセスビリティに反するよね。 こんなの表示されたら、私ならそのページを閉じて、二度と行かないと思うし(爆)。 自分のブログがこんなことになっているのはイヤ。 それともう一つ、すごく重要なことが!! 2017年1月10日から、全画面広告はGoogle検索のペナルティの対象になるってこと!!! Pages that show intrusive interstitials provide a poorer experience to users than other pages where content is immediately accessible. This can be problematic on mobile devices where screens are often smaller. To improve the mobile search experien…

続きを読む

Seesaaスマホデザイン仕様変更に悩む

今月、Seesaaブログの仕様変更がいろいろ行われましたね。 Google+プロフィールとの連携機能ドラッグアンドドロップ操作によるファイルアップロード機能シンタックスハイライト表示機能Androidアプリのメジャーバージョンアップ 私はGoogle+プロフィールがないので良さが分からないけど、ドラッグアンドドロップでファイルがアップできるのは、「やっと来たかーっ!」と喜ばしかったです。実際、使ってみたら、かなりの時短になりました♪ オンラインストレージでドラッグアンドドロップができないものは使わなくなっているので、Seesaaブログが追い付いてきたのは大歓迎。 ただ、指定した順番どおりにアップされないのは困るなー。1つずつ順番にアップしなきゃダメなのかな? それと、ドラッグアンドドロップのアップロード機能のためか、テキストをドラッグアンドドロップできなくなりました。これは多用していたので、ちょっと痛い!(>_<) むしろ編集作業に時間が掛かるかも! シンタックスハイライト表示機能も便利ですね。今までは、いったん他のアプリケーションでコードを見てからいじっていたのが、そのままでも行けそうな予感。 ところが。 お知らせはされていないけど、iPhoneで見る限り、スマホデザインの広告の入れ方も変わってるんですよ! 私にとっては、これが大きな問題!

続きを読む

2013年の色「エメラルド」

PANTONEが毎年発表する今年の色。2013年は「エメラルド」になりました。 PANTONE[パントン]というのは色見本帳を作っているアメリカの会社。 色見本帳っていうのは、こういうの。↓↓ ◆最新版◆PANTONE COLOR BRIDGEレジスタードマーク Uncoated GG4004XR◆ 『並行輸入品』 で、そのPANTONEが決めた今年の色がエメラルドのグリーン。 "Lively. Radiant. Lush… A color of elegance and beauty that enhances our sense of well-being, balance and harmony." 生き生きとして、晴れやかで、みずみずしい… 幸福感やバランス感、調和の感覚を高めてくれる優雅で美しい色 って感じですか? ホントに訳合ってるかな? ドキドキ PANTONE Color of the Year for 2013 can be found in the following PANTONE Color Systems: HTMLで記述するときは「#009B77」です。 この「エメラルド」に乗っかって、ブログのデザインをリニューアルしてみました。 ただ、ご覧の通り未完です。なかなか完遂できないのがいつも通りですねー。(>_<ゞ 予定通りに表示されないところを、1つずつし…

続きを読む

「asd」というアラートが出るのを修正

今日も修正しました報告を。 普段はかなり悠長な不定期更新をしているのに、こんなにすぐ次を投稿だなんて、ビックリでしょう?(笑) うちのブログのリンクをクリックすると、「asd」とだけ書いてあるアラート(エラーメッセージみたいなウインドウ)が出てました。 同じSeesaaブログでやっている私の他のブログでは出てなかったので、このブログにだけあるJavaScriptが問題なんだろうけど…と思いながら、ぐぐってもなかなかそれらしい情報が見つからずに数週間過ぎてしまいました。こんなところにも、いつもの悠長さが出てごめんなさい。 原因は、サイドバーに置いていたブログパーツでした。アクセスランキングを表示していたアレです。 配布元の「ウィジェット置場」は、ページが真っ白になってて閉鎖状態。 (非難するとかじゃなくて、問い合わせできないよという意味) 該当のブログパーツを外したら、直りました。直るときは一瞬です(笑)。 [参考リンク] 私みたいに首を傾げて困ってる人がいてもおかしくないのに、「困ってるー」という話も少ないし、「解決したよー」も少ないですね。参考にさせていただいたページはこちらです。「asd」という、アラートというかポップアップ(小窓)が出る。@追記:解決しました このページにたどり着かなかったら、まだネットの海を漂っていました。blogに"asd"のアラートが出現!!リンクを押すと「asd」と表示される問題解決 ← 細々と参加中♪

続きを読む

フッターがサイドバーに行ってしまうのを修正

追記あり お気付きの方もあったと思うのですが、フッター部分(Copyrightと「powerd by Seesaaブログ」がある部分)が右サイドバーに行ってしまってました。カッコ悪ぅと思いながらそのままになってましたが…。 直りました(笑)。 方法は以下の通りです。 1)記事エリアの一番下に、自由形式を追加します。 2)自由入力欄に、    <div style="clear:both"></div> と入力します。 ↓こんな具合ね。 そして、「保存する」ボタンをクリックします。 3)「設定を反映する」ボタンをクリックします。 以上!(^-^)ノ ← 細々と参加中♪ 追記 2011/3/29 「フロート解除はフッターのCSSで設定すればいいんじゃない?」と思い立ち、上記の方法ではなく、CSSで修正しました。ちゃんと表示されていますよね?  ちなみにこのブログでは、フッターのCSSは次のようになっています。デフォルトのままです。 #footer{ clear:left; background-color:#e3f6ff; } 「clear:left」が問題の場所。これを、「clear:both」に修正しました。 「clear:left」になってると、左側にいかない設定なんだけど、右側の要素にはくっついていっちゃう…という理解で合ってるかなぁ? floatについて、もっとも…

続きを読む

リニューアルで思うこと

リニューアルキャンペーン開催中Seesaaブログが新しくなりました。デザインはもちろん使い勝手もさらに便利に!新規登録の方も既にお使いの方もプレゼントが当たるチャンス。詳しくはこちら リニューアルで使い勝手の変わったところ、機能は変わっていないんだけれど印象が変わったところがありますね。 リニューアルについて感じたことを、思いつくままに書いてみます。 ■文字が読みにくくなった(×) Seesaaのページ(トップとか新着ページ)のフォントサイズが小さくなりましたね。読みにくいです。 それと、色。 グレーが私には薄すぎます。 リンクの水色とグレーの組み合わせ、白い部分が多いバランスで、なんか目がチカチカしてきます。 既読リンクの水色になると、さらに色が薄い。これは文字を読む気が起きないです。困りましたね。 読みやすさは押さえたうえでのデザイン改善であってほしい。 読みにくいって致命的ですよ。 私の要望は、フォントはもっと大きく、そして文字の色は彩度を下げて、コントラストをもっと強く。 ■メニューの変更(○) マイ・ブログからアクセス解析とコメントへアクセスしやすくなった。 ディスク使用量がマイ・ブログでわかるようになった。 複数のブログを持っているので、便利になった。 ■タブブラウザっぽいデザイン(○) 慣れれば便利そう。 前は何回もクリックしないと、編集ページを移動できませんでしたからね。 ■投稿画面(△) ファイル…

続きを読む

人気blogランキングに参加

すでにクリックしてくださっている方もありますが、人気blogランキングに参加することにしましたのでお知らせします。 「コメントを書くのは面倒…でも、1票投じるくらいならいいよ」と思ってくださる方があれば…というほのかな希望から、参加を決めました。 私は、「ウェブログ」というカテゴリに登録しました。 あまりにも広範囲のジャンルのテーマがひしめき合っています。 このカテゴリの表示されているランキングの最下位が800位くらい。 初日で700位くらいに入れたら嬉しいな~と思っていたのですが、お陰さまで200番台半ばを行ったり来たりしているようです。 クリックしてくださった皆さん、本当にありがとう! とっっても嬉しいです! まだ、温めているネタがありますので、これからもよろしくお願いします。 <(_ _)> 人気blogランキングのバナーをクリックしていただけると、「よし、次の記事も頑張るぞ」と元気がわいてきますので、よろしくお願いします! ↓参考になったら、クリックで応援してね!↓  

続きを読む

トラブルの原因

この3日ほど、ブログが動きませんでした。 投稿、保存、削除、再構築などの編集作業ができない状態が続きました。 閲覧だけはできたんですけどね。 Seesaaサポートと何回かやり取りをして、今回ブログがいじれなくなった原因がHTMLであろうとわかりました。 直前にHTMLをいじったの確か。でも、しばらくは問題なく動いていたんだけどなぁ…。 自分なりに気がついたことは、Seesaaの記事下広告が表示されなくなっていたので、それに関わるトラブルなんじゃないかと思うんですが、なにぶん初心者なので根拠のない推測の域を出ません。 前の状態のバックアップ(カスタマイズを加えたもの)は当然取ってあったので、戻そうとしました。 でも。でも。戻せないんです。再構築されないんです。 問題なく動いていたHTMLだったのに。 Seesaaサポートには、HTMLに手を加えたものはサポート外である旨を伝えられました。 それは仕方ないですね。 自分でトラブルを解決できない以上、デフォルトに戻すしかありませんでした。 そのため、検索件数がゼロだった場合にメッセージが表示されるようにしたカスタマイズが加えてあるのに、それを使うことができなくなってしまいました。 HTMLをいじるカスタマイズにはこういうトラブルも付いてくる可能性があるのです。 自分で治せるようになりたいですね。しみじみ…。 これからは、なるべくHTMLをいじる必要のないカスタマイズを探していこうかと思いま…

続きを読む

テスト投稿2

トラブル発生中。 更新ができません。 [追記](2006/12/10) HTMLをデフォルトに戻したら、とりあえず動くようになりました。 表示や動作でおかしいところを見つけたら、ぜひコメント欄で教えてください。 「文字の設定(4)」の投稿後、動かなくなりましたので、いったんこの記事は削除しました。 正常に動くことが確認できるようになったら再投稿します。 カスタマイズをしていると、こういうことが起こるんですよ。 初心者ですからね。直すのはなかなか難しいのです。とほほ。 だからこそ、バックアップはしましょうね。 身を削っての進言でした。

続きを読む


SPONSORED LINK