当ブログを常時SSL化しました。記事のコメントに関してこのブログはあくまで個人用の覚書ですので、詳しいWebプログラミング知識はお答えできないことがあります。管理人多忙につき、コメントをされても返信が遅くなることがありますのでご了承ください。31検索:HTML5のレイアウト構造html5で作った場合の基本レイアウト。<aside>カテゴリーなどのサイドバー</aside></div><footer>フッター</footer></div><article>要素は、それ単体でも成り立つセクションに使用。<main>要素は一ページに一つだけ、そのページのメイン部分を囲います。他セクションの子孫として使用してはいけない。>の中に<main>があるのはよいのか...?<div>は装飾用タグだからいいんじゃないか...?考察中....<div>の中に<main>もOK。<div>は装飾タグなので基本どこへ使っても問題はないと思います。HTML5.JP大見出し要素<h1>の複数使用htm4では、h1要素は一つのページに一つで、複数使用すると構造的にアウト。SEOでもスパム行為とみなされます。html5では、h1要素を複数使用することができるんです!とはいえh1内にキーワードを乱発すると結局スパム扱いされてしまいそう...なのでキーワードの多用に注意しながら、階層ごとにあった見出しにするよう注意が必要です。</hgroup></header>が、新テーマ「twentythirteen」では使用されていません!このhgroup要素は2013年4月に廃止勧告がされています。要素は予定通り削除なのでhgroupは使用は避けましょう。コメントを残すgooのpingエラーを回避WordPressでのPing送信にはプラグイン「smart-update-pinger」を使用しています。pinger「日本語化版」をクリックしてダウンロード※Winの場合右クリック→”名前を付けてリンク先を保存”が、なぜかいつもgooで送信エラーになっていて...調べると「smart-update-pinger.php」のuseragent部分を変更するといいそうです。WordPress/'.$wp_version;↓wordpressの部分をabc(好みの半角英数字)に変更して再UP。abc/'.$wp_version;変更後に何かしら記事を投稿。コメントを残すWEB標準はXHTMLからHTML5へウェブページは基本、HTMLという言語で表示されます。デザインを補うにはCSS言語。今の標準はXHTML+CSSですが、これからは・・・HTML5×CSS3。IE8以下のブラウザはHTML5のタグを認識せずCSS3にも対応していません。2、3年前まではHTML5なんてまだまだ...と思ってたんですが!スマホの普及と、Microsoftが発表したwindowsXPのサポート終了※でさらにHTML5が加速するでしょう。日以降はXPのセキュリティパッチは有料となる)運営しているサイトのアクセス履歴をみると、既にPCはIE9以上のアクセスが増えてIE8以下は減っています。あとはiphone、ipad仕様でSafari、Android仕様でChromeブラウザが急増。う~ん...IE8以下はもう切り捨てゴメンにしていいでしょうか?だめ?ちなみにhtml5.jsとselectivizr.jsというJavaScriptファイルで、HTML5×CSS3をIE8以下に対応させることが可能ですが、レスポンシブウェブデザインで作ったサイトをIE8で見ると表示がやや遅れます。スマホはHTML5×CSS3×jQueryでさらに、スマホ用サイトにはjQuery(ジェイ・クエリー)が必要不可欠。JavaScriptのひとつで、画像の拡大表示やスライドショー、ドラッグドロップ、アコーディオンタブなどさまざまな動作を可能にします。個人的にショックだったのがスライドショー関連。これFlashでお勉強してまで作ったのに、iPhone・iPadのiOSは標準でFlashをサポートしていないことが判明。Cache削除後のエラーと復旧キャッシュ系プラグインで冷や汗がでるエラーが起きたのでメモッておきます。これ、なにやらよろしくないということで、別のプラグインに切り替えた後、いらないから一覧から削除しよ~って削除しましたら...ん?削除されていない?固まった状態になりブラウザで画面を移動すると...「wp-config.php」の内容がむき出しに表示されてるではありませんか!wp-config.phpは、パスワードとか重要な情報が記載されてるのに...なによコレェ。いうかこれがよろしくないことだったんですね...もうどのページも管理画面へ行ってもwp-configが醸し出されている。うひゃーッ!となって復旧方法をぐぐってみたら、「データベースをダウンロードしてwordpressを再インストール」とありました。コメントを残すレスポンシブウェブを学習してみる運営しているサイトで最近売上げが落ち気味。アクセス数は以前とあまり変わらないのに...なぜ?サイトコンテンツ自体に問題があるかもしれないけど、気になるのがスマートホンからのアクセス急増。PC半分、スマホ半分。iphone端末が多い。docomoがiphone出すということでさらに需要が増えるでしょう...もう一般ユーザーはPCよりスマホ派が多くなるんでは!?ということで遅いけどスマホ用のサイトコーディングを勉強ことにしました。頭をフル回転してマスターしようとしてるのがレスポンシブウェブデザイン。メモることが多くて、忘れてしまいそうなのでこのブログにじゃんじゃんメモしてこうと思います。Android)やipadなどのタブレットなどさまざまなデバイスに対応するウェブデザインの制作手法です。サイト構造によっては向き不向きがあるようですが・・・これ以上テンプレートを増やしたくない元々シンプルな構造のサイトな場合はもうレスポンシブウェブにしてしまったほうがいいと思います。WordPressなど記事投稿内容はシンプルにするサイトはほとんどWordpressで構築しているのですが、記事投稿で画像+文字+CSSやTableで複雑にデザインを組んじゃってるページは崩れるはず・・・。長い目で見れば今修正しておけば、後々の運営が楽になることでしょう。