役立つサイトを紹介するよ   
ラベル web制作 の投稿を表示しています。 すべての投稿を表示
ラベル web制作 の投稿を表示しています。 すべての投稿を表示

bloggerユーザーは要注意!全記事一覧プラグインのコードを勝手に書き換えられてGoogleから規約違反をくらった話。



ブログって怖いですね。

個別ページに「全記事一覧」のプラグインを使ってまとめてたんですが、

なんとそのコードが勝手に1行追加されて、マルウェアなどの悪さをするサイトへ誘導するサイトへと飛ばされるようになっていました(Malware infection type: Code injectionというページをgoogleから紹介されました。)。


原因と対策

そのせいでGoogleから規約違反をくらって、ブログが閲覧できない状態に。
ただ、Googleも「私が悪さをした」のではなく、「コード書き換えの被害にあっている可能性」という認識だったので助かりました。

原因としては
1、導入しているプラグインに脆弱性があり書き換えられた。
2、アカウント情報が漏れており、書き換えられた。
3、サーバー?がハッキングされて書き換えられた。
4、パソコンにウイルスが侵入し2、3
などの原因が考えられるようです。

私の場合、
書き換えられたのが「全記事一覧」プラグインを導入しているページのみだったので、1が有力で、このプラグインに脆弱性がある可能性が高いです。
bloggerユーザーで全記事一覧のプラグインを導入している方は外したほうがいいかもしれません。


該当コードを探すにはURLをぐぐれ!
Googleの説明ページが全部英語↓
https://support.google.com/webmasters/answer/3024344?hl=en&ref_topic=4598273
動画もあったけどいまいちわかりづらい。
ネット情報もほぼなくどうしたらいいかわからない。

まずは、
1、悪さをしてるURLをGoogleが教えてくれるのでそのURLを検索する。
2、するとどのページが書き換えられたわかるのでそのページのHTMLやプラグインをチェック
3、該当部分を削除

最初はブログのテンプレートやらHTMLやらCSSやら全文検索したんですが、なぜかヒットせず、どうやって該当部分を見つけたらいいのか困り果てました。
URLを検索することで解決しました(Googleにインデックスされていればですが)。

CSSで設定した背景画像にalt(代替テキスト)は使えない


そういえばHTMLで設定した画像にはalt=""で代替テキストを設定できるけど、
HTMLで画像を設定せずに、CSSの背景画像で設定した場合は??

と思って調べてみた。

title="" はHTMLでもCSSでも使える。
alt=""はHTMLのみでしか使えない。

「代替テキスト表示」が目的であれば解決するための内容はありません。
引用元:小粋空間: CSS の background 画像にツールチップを表示するテクニック

CSSで設定しておけば画像のサイズを変更したいときに簡単だけど、
SEOを重視するならaltがつけられるHTMLで設定すべきなのかな?

でも、「構造はHTML、見た目はCSSで!!」ってよく聞くし、
画像だけHTMLで見た目設定するっておかしいような…。

dream weaverの挙動はややこしい女と同じです!

dreamweaver(CS6)でbox-shadowをコードし、プレビュー画面を更新しても変化なし。

「あれ、コードがおかしいのか?」と思って確認してもおかしな所がわからず、

ブラウザで確認するとちゃんとbox-shadowがついてる!

どうやら、dreamweaverはbox-shdowをコードしようとすると入力アシストをするが、いざ入力したら表示はできないらしい。
領域に影をつける CSS プロパティは、"box-shadow" です。しかし、Dreamweaver CS5.5 のライブビューが使用するWebkit では、このプロパティがサポートされず、パネルで設定しても表示確認できません。
引用元:試してみよう!Dreamweaver CS5.5 Vol.03 試してみよう Dreamweaver CS5.5: CSS スタイルパネルを使って角丸影付きリンクボタンを制作しよう - Adobe HTML5 特設サイト
まるで、その気にさせといて告白したらフラれるみたいなややこしい女みたいだ。

忍者おまとめボタンをセンタリングする方法

ソーシャルブックマークをまとめて設置できる忍者おまとめボタンが便利です。

よくあるまとめボタンと違うのは、自分が設置したいソーシャルブックマークを簡単に選べること。

もちろんメールやRSSへの登録も可能です。

こんな感じ


ただ1つ問題点が!

それは、忍者おまとめボタンをセンターに配置するのが難しいことです。

<center></center>で囲もうが、<div align="center"></div>を使おうがセンターになりません。

CSSでmargin: 0 auto; でもこいつはセンターになりません。


が、なんとかする方法を見つけました。

それは、CSSでwidth: 200px; と margin: 0 auto;  を使用することです!

具体的にはCSSに

.ninja_onebutton {

width: 200px;
margin: 0 auto;
}

と書くとうまくいくはずです。200pxの値は状況に応じて変えてみてください。

dreamweaverで日本語が□□に文字化けするときの解決方法

 dreamweaverCS6を初めて起動させるといきなり日本語が文字化け!

なんじゃこりゃあああ、全然日本語対応してへんやんけ!!とツッコんで対応をしらべました。












1. 編集>環境設定>フォントでMSゴシックがデフォルトになっているのが原因

2.そこで、「プロポーショナルフォント」と「コードビュー」の2箇所をArial Unicode MSに変更(真ん中はそのままでOK)

これで正常に日本語が表示されるようになりました。













糞高いソフトなのにデフォルトで文字化けしてるってどういうことやねん・・・。

facebookページを作ってみてわかった、facebookのクソ仕様とその対策。

facebookページのクソ仕様となんとかした対策をまとめました。

UPした画像の「削除」方法がとんでもなくわかりずらい。 
なんと削除するのに4クリックもかかる!

1.「写真」をクリック


2.「プロフィール写真」をクリック

3.表示された画像をクリック


4.画像にカーソルを当てるとオプションが出現(なんで隠してるんだ)-「この写真を削除」クリック

◇バグの放置
「カバー写真を追加」-「写真をアップロード」で直接カバー写真がUPできない。
  • 一旦「写真・動画」で画像をアップする。
  • 「カバー写真を追加」-「写真アルバムから選択」で画像を設定する。

「カバー変更」-「位置調整」-「カバーをドラッグして再配置」ができない。

◇不親切
facebookの「近況」はツイートと同じように一度ポストすると修正できない。
  • シェアするときにコメントをつけない。
  • タイムラインに載ってから「コメントをする」でコメントをつける
  • そうするとアイテムを残して、コメントの削除ができる。

「このアプリケションは、該当するすべてのページにインストール済みです。」と出て
アプリの再インストールができない。
  • アプリの管理場所は2箇所ある!なんと不親切&紛らわしい
  • 「アプリの設定」でアプリを削除したり、「好きなものから削除」しても、「追加済みアプリケーション」でアプリを削除しないとインストールされたままで再インストールはできない。

1.右上の「設定」-「アプリ」-「アプリの設定」

2.「管理」-「facebookページを編集」-「アプリ」-「追加済みアプリケーション」


その他の糞っぷり
  • アプリの検索がわかりずらい。
  • アプリの順番変更がわかりずらい。
  • 最初から表示されるアプリは4つのみでしかもうち1つは「写真」で固定