Title: Grid-A-Licious(tm)のレイアウトの細かい調整について
Last modified: 2009年9月23日

---

# Grid-A-Licious(tm)のレイアウトの細かい調整について

 *  解決済 [haruca](https://ja.wordpress.org/support/users/haruca/)
 * (@haruca)
 * [17年前](https://ja.wordpress.org/support/topic/grid-a-licioustm%e3%81%ae%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%ae%e7%b4%b0%e3%81%8b%e3%81%84%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/)
 * [http://suprb.com/#gridalicious](http://suprb.com/#gridalicious)
    こちらのテーマ
   を利用しようと、インストールしたのですが、 ｐｈｐについて無知な為、自力で色々
   試してみたのですが いくつか上手くいかない点があり、 どなたかご教授いただけたら
   と思います。
 * 1.トップページに表示する画像のサイズを統一させたい。
 * トップページ（index.php）を表示させた時、
    記事中に画像がある場合、画像の表示
   サイズを全て200pxで表示させたいのですが、 （現在は、そのままの画像サイズで表示
   されます。） phpが全く分からず、どこを修正すればいいのか困っています。
 *     ```
       $imagesize = getimagesize($img_url);
       list($width, $height, $type, $attr) = getimagesize($img_url);
       $theClass = "eachpost ";
       if ( $width < "440" ) { $new_width = "200"; $theClass = "eachpost "; }
       	else if ( $width < "660" ) { $new_width = "430"; $theClass = "eachpost twocols"; }
       		else { $new_width = "660"; $theClass = "eachpost threecols"; }
       ```
   
 * この部分を
 *     ```
       $imagesize = 200;
       list($width, $height, $type, $attr) = getimagesize($img_url);
       $theClass = "eachpost ";
       if ( $width < "440" ) { $new_width = "200"; $theClass = "eachpost "; }
       	else if ( $width < "660" ) { $new_width = "200"; $theClass = "eachpost twocols"; }
       		else { $new_width = "200"; $theClass = "eachpost threecols"; }
       ```
   
 * としてみたのですが、
    画像は200pxで表示されても、各カラムの幅が、元の画像のサイズ
   に合わせたままです。 `list($width, $height, $type, $attr) = getimagesize($img_url);`
   この部分を `list($width, $height, $type, $attr) = 200;` にすると、背景にエラー
   文が出てきてしまいます。
 * 2.トップページに画像と同様に、Youtubeの画像も小さくリサイズして表示させたい。
   もしくは表示したい。
 * タイトルそのままなのですが、記事中にYoutubeの動画を貼り付けた際、全くリサイズ
   されずに枠からはみ出してしまうので、同じようにリサイズ表示させるか、そもそも200ｐｘ
   は小さすぎるので、動画を表示させないようにしたいです。
 * 3．IE6だとpaddingが効いていない
    IEのその他のバージョンは未確認ですが、<div class
   =”eachpost “>の{ padding:10px; }が効いていません・・・
 * 長くなってしまいましたが、
    どなたかご教授お願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)

 *  [jim912](https://ja.wordpress.org/support/users/jim912/)
 * (@jim912)
 * [17年前](https://ja.wordpress.org/support/topic/grid-a-licioustm%e3%81%ae%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%ae%e7%b4%b0%e3%81%8b%e3%81%84%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-120780)
 * harucaさん、こんにちは。
 * 分かる範囲で回答させていただきます。
 * 1.
    下記のコードで200pxに統一できると思います。
 *     ```
       $imagesize = getimagesize($img_url);
       list($width, $height, $type, $attr) = getimagesize($img_url);
       $theClass = "eachpost ";
       $new_width = "200";
       ```
   
 * 2.
    youtubeの貼り付けは、投稿フォームに埋め込みコードを直接貼り付けているので
   しょうか。表示させている方法により多少やり方が異なります。
 *  トピック投稿者 [haruca](https://ja.wordpress.org/support/users/haruca/)
 * (@haruca)
 * [17年前](https://ja.wordpress.org/support/topic/grid-a-licioustm%e3%81%ae%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%ae%e7%b4%b0%e3%81%8b%e3%81%84%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-120786)
 * jim912さん、こんばんは。
 * 早速のレスをどうもありがとうございます！！
    教えていただいたソースに書き換えて、
   無事に全て200ｐｘで表示されました！！ 本当にどうもありがとうございます！！
 * 2についてですが、
    はい、埋め込みコードを直接貼り付けています・・・ プラグイン
   などでつけたほうがいいでしょうか？？
 * お手数をおかけします。
    お時間のある時に、回答をいただければと思います＞＜
 * よろしくお願いいたします。
 *  [jim912](https://ja.wordpress.org/support/users/jim912/)
 * (@jim912)
 * [17年前](https://ja.wordpress.org/support/topic/grid-a-licioustm%e3%81%ae%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%ae%e7%b4%b0%e3%81%8b%e3%81%84%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-120788)
 * harucaさん、こんにちは。
 * ちょっとやっつけですが、テーマのfunctions.phpに下記のコードを追加していただけ
   れば、トップページでの動画出力を止めることが出来るかと思います。
 *     ```
       function erase_youtube_code( $content ) {
       	if ( is_front_page() || is_home() ) {
       		$regex = '|(<p>)?<object width="[\d]+" height="[\d]+"><param name="movie" value="http://www.youtube(-nocookie)?.com/v/[^&]+&hl=ja&fs=1[^"]*"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube(-nocookie)?.com/v/[^&]+&hl=ja&fs=1[^"]*" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="[\d]+" height="[\d]+"></embed></object>(</p>)?|';
       		$content = preg_replace( $regex, '', $content );
       	}
   
       	return $content;
       }
       add_filter( 'the_content', 'erase_youtube_code' );
       ```
   
 * 私の場合ですが、表示箇所によって出力を変えるような場合には、ショートコードをよく
   使います。
 *  トピック投稿者 [haruca](https://ja.wordpress.org/support/users/haruca/)
 * (@haruca)
 * [17年前](https://ja.wordpress.org/support/topic/grid-a-licioustm%e3%81%ae%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%ae%e7%b4%b0%e3%81%8b%e3%81%84%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-120798)
 * jim912さん、こんばんは。
 * 重ね重ね、本当にありがとうございます。
 * 使用テーマにはfunctions.phpが無く、デフォルトテーマのfunctions.phpをコピーして、
   教えていただいたコードを入れてみたんですが、なかなかうまくいきませんでした・・・
   ＞＜
 * ただ、トップページに、全文表示じゃないようにしたら、消えてくれました。
 * 教えていただいたコードは、直接は利用できませんでしたが、とても勉強になりました！！
 * 本当にありがとうございました＾＾

4件の返信を表示中 - 1 - 4件目 (全4件中)

 トピック「Grid-A-Licious(tm)のレイアウトの細かい調整について」には新たに返信する
ことはできません。

 * フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/)
 * 4件の返信
 * 2人の参加者
 * 最後の返信者: [haruca](https://ja.wordpress.org/support/users/haruca/)
 * 最後の活動: [17年前](https://ja.wordpress.org/support/topic/grid-a-licioustm%e3%81%ae%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%ae%e7%b4%b0%e3%81%8b%e3%81%84%e8%aa%bf%e6%95%b4%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-120798)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック