「作りながら学ぶHTML/CSSデザインの教科書」は最高に分かりやすくて捗った!


作りながら学ぶ HTML/CSSデザインの教科書

実際にサンプルサイトを作りながら、ステップ・バイ・ステップでHTML/CSSを学べる一冊。サンプルサイトも、シンプルながらお洒落でかわいい!ので、どんどん作りたくなります。

本書はホームページ制作に興味のある初心者をメインターゲットとしていますが、これからのメインストリームとなるHTML5で追加されたタグなどについての解説もあるので、(私のように)今まで独学で学んできた方が学び直すのにも最適な一冊となっています。

各章の冒頭に、「この章でできること」が1~2ページにまとめられていたり、章内の各項目でも、最初にページの「before→after」のイメージが掲載されているなど、これから学ぶことのゴールが見えやすく、学習のモチベーションを保てるように工夫されています。

また、初心者が陥りやすいミスや、実践で役立つワンステップ上の知識など、補足事項が載っているコラムも充実しています。

コードやページサンプルが色分けされていることにより、非常に内容がわかりやすくなっています。
コードの色分けは文書構造が一目で理解しやすく、また、特に初心者が混乱しがちなpaddingとmarginの違いなども、cssの指定がどの部分に適用されているかが視覚的にわかりやすく説明されています。

また、floatを使ったページレイアウトについては、9ページほど割いて丁寧に説明してあります。(私のような)初心者が陥りがちなミスの回避法や、今ままでどうやってレイアウトの不都合に対応してきたのかの歴史(?)、さらにはCSS3での「フレキシブルボックスレイアウト」についても触れられています。

個人的には、前述のfloatの制御についてと、メニューなどのナビゲーションについて、現在のスタンダードを体系的に学びなおせたのがよかったです。
冒頭にも書きましたが、初心者の方や、昔独学で学んだきりの方にオススメです!

【備忘録】WordPressでテーマ変更が反映されない時の対処法

【備忘録】WordPressでテーマ変更が反映されない時の対処法

→ wp-content/advanced-cache.phpを削除。

【事の経緯】

私もパーソナリティーとして参加しているPodcast番組「りんごは踊る、されど並ばず。」のウェブサイト(WordPressで作成)のテーマを(トマト屋が)バージョンアップしたところ、表示がおかしくなった。(CSSが適用されていない?)

デフォルトテーマ等、別のテーマに切り替えても表示が戻らず、(トマト屋が)焦る。

【原因】

プラグイン「WP Super Cache」インストール時に「wp-content」フォルダ内に生成される「advanced-cache.php」が原因で、サーバー上にキャッシュが残ったままで変更が適用されなかった。(「WP Super Cache」はサイトの表示を高速化するため、キャッシュを作成するプラグイン)

変更が適用されていないということで、当初からキャッシュが悪さしていると想定していたのだが、当該プラグインが「無効化」になっていたので、気づくのが遅れた。「無効化」していても「advanced-cache.php」まで無視する訳ではなく、キャッシュする機能そのものは生きたままだった。

【対策】

「wp-content」フォルダ内の「advanced-cache.php」を削除。
当面、当初利用しようと思っていたテーマは使用を中止し、WordPressのデフォルトテーマを利用。当初利用しようと思っていたテーマがなぜレイアウトがうまく表示されないのか、原因は調べてない(笑)

【備考】

「advanced-cache.php」みたいな、自動的に追加されるプラグインは「ドロップイン」という項目に表示されるよう。

プラグイン→ドロップイン

【参考URL】

WP Super Cache に大はまり | Bloody Mary – blog
プラグイン「WP-super cache」は、サックリ削除しちゃだめ | 日々歳々

WordPressサイトが改ざんされ復旧するまでの顛末。

レンタルサーバー「ロリポップ」で運用しているWordpressサイトの改ざん騒動。

ロリポップ!、WordPress利用サイトで不正アクセスによる改ざん被害

運用しているサイトのひとつが、実際に被害にあってしまいました。

1. 状況

2013/8/29 22:00頃、知り合いから、ホームページがおかしいと連絡。見てみると、全体が文字化けし、サイトタイトルとキャッチフレーズが「Hacked by Krad Xin」となっていました。。。や、やべぇ。

2. 応急処置

・まずはブラウザの文字コードを「UTF-8」にして文字化けを直して復旧開始。
・「設定」→「一般」で、書き換えられた「サイトタイトル」「キャッチフレーズ」を修正。
・「設定」→「表示設定」で、「ページとフィードの文字セット」が「UTF-7」となっていたので、「UTF-8」に修正。
・サイドバーがなくなっていたので、ウィジェットを各種再設定。(何気に、HTMLコードを書いていたのでめんどくさかった)

3. その他確認・対応事項

・不正なユーザーが登録されていないかチェック→問題なし
・サーバー上に不審なファイルが存在しないかチェック→問題なし
・wp-config.php等のアクセス権の確認→ロリポップ側で対応済
・WordPress、FTP等、各種パスワードの変更
・WordPress及びプラグインのアップデート
・プラグイン「WordPress HTTPS」導入による、ダッシュボードのSSL化
・ファイル、及びデーターベースのバックアップ

4. 最後に

応急処置は
Hacked by Krad Xin によりハッキングされ、改ざんされた – ロリポップサーバ WordPress | saka-en
その他の確認や、予防措置などは、友人のあんけーのエントリ
ロリポップの盛り上がりで対応したもろもろ | bIZ dIG iT
を参考にさせていただきました!マジ助かりました。この場を借りてお礼申し上げます。

ここ数日様子を見ていますが、どうやら状態は落ち着いているようです。

あ、ロリポップにも復旧方法載ってますね。
改ざんされたサイトの復旧方法について – レンタルサーバーならロリポップ!

ブログを書いている9月2日現在でも、ロリポップでは対応状況が逐次アップされています。ここ数日のロリポップのスタッフの皆様のご苦労を考えると、頭のさがる思いです。

それにしても今回、不幸中の幸いだったのは、データに(一部を除き)損傷がなかったこと、ウィルスに感染するなど、閲覧者・利用者に迷惑がかからなかったことです。「しなきゃいけない」と重要性は認識しつつも後回しにしていたバックアップも、やっぱりしないと。ですね!(←やってなかったんかいw)