[CSS] 動画の貼り付けコードをレスポンシブに最適化させる

Embedvideo responsive

YouTubeをはじめ様々な動画サイトの貼り付けコードは、そのまま貼り付けるとサイズ調整されずに、レスポンシブレイアウトが壊れてしまう場合があります。レスポンシブサイトに最適化させるには、cssでコンテナを作りwidthをピクセル指定からパーセント指定にしてやります。

以前紹介したFitVids.JSを使う方法(とコンテナを使う方法)では、実質、YouTubeの貼り付けコードのみに対応していましたが、iframe以外にobjectembedにも対応させることで、幅広い貼り付けコードをレスポンシブサイトの表示を崩さずに貼り付けることができます。

続きを読む →

[ブラウザ] Web開発者向けのFirefox Developer Edition

FirefoxDevEd 01

Webサイトやブログなどの作成者向けに、Mozillaが「Firefox Dev Edition」を提供しています。

使ってみた感じでは、通常のFirefoxにFire Bugアドオンをインストールした状態に近くて、ソースコードなどの表示ができるWebコンソール、レイアウトのピクセル表示などが行えるページインスペクター、デバッガー、スタイルエディター、パフォーマンスチェック、ページの表示速度をチェックして、ボトルネックになっているファイルを調べるといったツールを実装しています。

続きを読む →

Amazonおまかせウィジェットに障害発生、一時的に他のバナーなどに変更を

Amazonasoc error

Amazonアソシエイトプログラムの「おまかせリンク ウィジェット」などで障害が発生しているようです。そのため、このウィジェットを貼っているページの読み込みが異常に遅くなっています。また、貼っている場所によっては、コンテンツの表示に支障をきたしてしまいます。

2012/6/27追記:
復旧した旨の公式アナウンスはされていませんが、自分のアカウントで「おまかせリンクウィジェット」が正常に動作することを確認しました。

公式で案内があったのが6/19、今現在(6/25)も障害は続いており、復旧されてはおりません。この障害はかなり長引く可能性もあるので、ひとまず、おまかせリンク ウィジェットは外して他のバナーに置き換えるなどの対策をしておきましょう。

WordPress サイドバーウィジェットのTips

サイドバー (sidebar.php)でのサイドバーウィジェット表示部分は以下なので、ウィジェットの有無関わらず表示したいものはphp ifの上に書く。

<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : // begin primary sidebar widgets ?>
この間
<?php endif; ?>

ウィジェット部分のhtmlを弄りたい場合、テーマのための関数 (functions.php)を弄る。

<?php
if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '</li>',
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));
?>

(例)

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' =>'</li>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
?>

WordPress2.5でpopularity contestを動かす

2.5にしたらpopularity contestが動作しなくなりました。配布サイトでも特にアップデートされていないのですが、フォーラムを観ると現行のバージョンでの解決方法が掲載されていました。しかもめちゃめちゃ簡単。

screenshot_22.webp

popularity-contest.phpをエディターで開いて59行目にある ../../wp-blog-header.php を../wp-blog-header.php にして保存。上書きアップロードするだけ。

[ WordPress › Support » Alex king fatal error Popularity Contest ]