[ jQuery ] スマホ・タブレットで画面が縦横切り替わりイベント ( orientationchange ) – 偏差値40プログラマー
ここでは、iPhone, iPad, Android 系端末で画面の縦横に応じて出力する HTML を切り替えたり、縦横の切り替わり時に発生するイベントを捕捉して何らかの処理を行うサンプルスクリプトを掲載しています。 縦横に応じて読み込むスタイルシート ( css ) を切り替える 画面の縦横に応じて、それぞれ読み込ませるスタイルシートを切り替えるには、以下のようにスタイルシートを設定します。なお、IE などのデスクトップ用のブラウザでは、画面の表示領域の大きさを縦長にしたり、横長にしたりすることで読み込む css が切り替わっていることを確認できます。 <head> <meta charset="UTF-8"> <title>iPhone/iPadで縦と横の時の読み込むスタイルシートをそれぞれ設定する</title> <meta name="viewport" content="widt
tree-tips: noindexとnofollowを正しく使い分ける | プログラマ的SEO
noindexについて noindexとは？ クローラに「このページはインデックス化しないでね」というヒントを与えます。 あくまでヒントなので、適用するかどうかはクローラが決定します。 重要なヒントなので基本的に適用されますが、行儀の悪いクローラは無視するかもしれません。 また、検索エンジン以外の目的でクロールするクローラも無視する可能性があります。 単にnoindex機能未対応のクローラも同様でしょう。 使い方 headタグ内にmetaタグを記述します。 <meta name="robots" content="noindex" /> どういう時に使えばいい？ 主に以下がnoindexの使い所かと思います。 管理画面 確認・完了画面 開発者用のデバッグページ 個人情報が絡む確認・終了画面には必須です。個人情報がインデックス化されると最悪の事態を招くでしょう。 よくある間違い noinde
javascriptでviewportを変更する: いろいろメモ
システム的にviewportを固定で指定できないことがある。かもしれない。 そんな時は動的にmetaの値を変更することで対応できる。 <script> var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=0'); document.getElementsByTagName('head')[0].appendChild(meta); </script> これで、動的にmetaタグを追加しているので、 どこでも追加、変更可能。
[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』
メタディスクリプション・メタキーワードを管理する国産のWordPressプラグイン『Meta Manager』がリリースされたという事で早速試してみました。 今までmeta要素の管理には『Add Meta Tags』を使用してきました。カスタムフィールドを使用して、記事個別にkeywordsやdescriptionを指定できるプラグインです。Add Meta Tagsもシンプルで使いやすいプラグインですが、これからはMeta Managerをおすすめしたいです。 ダウンロード ○ Simple Colors｜WordPressのメタキーワード、メタディスクリプションを出力するプラグイン「Meta Manager」 ○ http://www.warna.info/archives/1732/ 上記URLからプラグインをダウンロード。 インストール ダウンロードした、プラグインを wp-con
![[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』](https://cdn-ak-scissors.b.st-hatena.com/image/square/038dfd6a5cad7c17407c0d38b507bdcdb2713b82/height=288;version=1;width=512/https%3A%2F%2Fdesign-oil.com%2Fblog%2Fupload%2Fimags%2F2011%2F09%2F20140525-03.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
