IG ホームページ作成メモ

記事（投稿）の中で写真に回り込み（float）を使った場合、

記事が連なると下の記事が、上に重なって表示される場合がある。

floatを解除

対策：postの頭に、”clear:both;”を追加する。

floatを解除したような効果がある。

floatの使い方次を参照

http://homepage.wakabagari.com/page43.html

http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_fade#a_crossslide

 jquery.cross-slide.js

jquery-1.2.6.min.js

の2つのファイルをダウンロードしサーバーに転送。

header.phpに以下を追加

<!-- JS　CrossSlide　 -->
<script type="text/javascript" src="<?php echo get_option('home'); ?>/jquery-1.2.6.min.js" charset="utf-8"></script>
<script type="text/javascript" src="<?php echo get_option('home'); ?>/jquery.cross-slide.js" charset="utf-8"></script>
<script type="text/javascript">

      $(function() {
         $('#gallery2').crossSlide({
            sleep: 2, //in sec
            fade: 1   //in sec
         },
         [
            { src: '<?php echo get_option('home'); ?>/wp-content/themes/EasyAll/slides/1.jpg', href: 'http://www.heartwing.biz/service' },
            { src: '<?php echo get_option('home'); ?>/wp-content/themes/EasyAll/slides/2.jpg', href: 'http://www.heartwing.biz/service' },
            { src: '<?php echo get_option('home'); ?>/wp-content/themes/EasyAll/slides/3.jpg', href: 'http://www.heartwing.biz/' },
            { src: '<?php echo get_option('home'); ?>/wp-content/themes/EasyAll/slides/4.jpg', href: 'http://www.heartwing.biz/service' }
         ]);
      });

</script>
      <style type="text/css">
      #gallery2 { margin:1em auto; border:10px double #aaa; width:600px; height:360px; }
      </style>
<!-- JS　CrossSlide　おわり -->

追加したい場所に以下を記述

<div id="gallery2"><img src="<?php echo get_option('home'); ?>/wp-content/themes/EasyAll/slides/1.jpg"" alt="" width="600" height="360" />

>四角ではなくて、角丸四角形で、ある部分を囲む

とは、「境界線を描く」ように、数Pixelの幅を持つ角丸四角形の枠線を描きたい、ということで良いのですか？

それでしたら、ツールパレットの右側、上から9段目あたりにある「角丸長方形ツール」（もし、表に出ていなければ、右下の小さな三角マークをクリックして出して下さい）を選択します。

メニューバーのすぐ下にあるパスのオプションツールで、左側にある3つ並んだアイコンの真ん中にある四角い枠線の中にペン先が描かれている「パス」を選択して、右側にある「角丸の半径」を任意の数値に設定します。

メニューの「ウインドウ」→「パス」でパスパレットを表示させたら、パレットの下に並んでいるアイコンの左から3番目にある「パスを選択範囲として読み込む」を選択して、先ほど描いたパスを選択範囲に変換します。

後は、ご存じのように、メニューの「編集」→「境界線を描く」で、任意の色と幅を指定して枠線にします。

プラグイン　Dynamic Headers　を使用　http://wordpress.org/extend/plugins/dynamic-headers/

有効化し、

表示したい画像部分に以下を記述。

<?php if(function_exists(’show_media_header’)){ show_media_header(); } ?>

http://www.templatestyle.in/item/wordpress-auto-update-xrea-coreserver.html

.htaccess ファイルに追記します。

<Files upload.php>
AddHandler application/x-httpd-phpcgi php
</Files>
<Files update.php>
AddHandler application/x-httpd-phpcgi php
</Files>
<Files update-core.php>
AddHandler application/x-httpd-phpcgi php
</Files>

更に、次を記述するとインストールできるようになる

<Files plugin-install.php>
AddHandler application/x-httpd-phpcgi php
</Files>

http://www.tsuruha.com/2009/04/wordpress-wp-list-pages.html　より

―Home
 ― A
  ―― Aa
 ― B
  ―― Ba
  ―― Bb
   ――― Bba
   ――― Bbb
   ――― Bbc
 ―C
 ―D

希望する出方は、現在の固定ページ同階層＋自分の子供。
<Aにいる場合>
[Home]
― A
 ―― Aa
― B
― C
― D

<Bbにいる場合>
[B]
― Ba
― Bb
―― Bba
―― Bbb
―― Bbc

<Bbbにいる場合>
[Ba]
― Bba
― Bbb
― Bbc

<Cにいる場合>
[Home]
― A
― B
― C
― D


/***************************/
<div id=”SideMenu”>
<h2>
<?php
//親を出す
if($post->post_parent){
echo ‘<a href=”‘.get_permalink($post->post_parent).’”>’.get_the_title($post->post_parent).’</a>’;
}else{
echo ‘<a href=”/”>ホーム</a>’;
}
?>
</h2>
<div>
<ul>
<?php
if(wp_list_pages(“title_li=&child_of=$post->ID&echo=0″ )){
//子供がいるときは、同階層（兄弟）と、自分の子供だけ出す。
$list_pgs=”;
$wpdb;
//同階層固定ページのIDを取得。
$sql = “SELECT * FROM $wpdb->posts WHERE (post_type = ‘page’ AND post_status = ‘publish’) AND post_parent = $post->post_parent ORDER BY menu_order ASC”;
$values = array_values($wpdb->get_results($sql));
foreach ($values as $key){ $list_pgs.= $key->ID.’,'; }
//子供ページのIDを取得。
$sql = “SELECT * FROM $wpdb->posts WHERE (post_type = ‘page’ AND post_status = ‘publish’) AND post_parent = $post->ID ORDER BY menu_order ASC”;
$values = array_values($wpdb->get_results($sql));
foreach ($values as $key){ $list_pgs.= $key->ID.’,'; }
//同階層と子供ページのIDをwp_list_pages()に投げ込んで出力。
wp_list_pages(‘include=’.$list_pgs.’,&title_li=’ . __(‘Pages’).’&title_li=’);
}else{
//子供がいないときは、同階層だけ出力。
echo wp_list_pages(‘child_of=’.$post->post_parent.’&depth=1&title_li=&sort_column=menu_order’);
}
?>
</ul>
</div>
</div>
/***************************/

http://ja.forums.wordpress.org/topic/2588

function wp_list_pages_tree($post){
if(is_page()){
$list = $post->ancestors;
$parent['list'] = array_reverse($list);
$parent['cnt']  = count($list);
$parent['top']  = array_pop($list);

$page_list = get_pages('parent=0&sort_column=menu_order');
foreach($page_list as $id){
echo '<li><a href="'.get_permalink($id->ID).'">'.get_the_title($id->ID).'</a>'."\n";
if($id->ID == $post->ID){
echo "<ul>\n";
wp_list_pages('depth=1&title_li=&child_of=' . $post->ID );
echo "</ul>\n";
}
if($id->ID == $parent['top']){
$pointer = $parent['list'];
$cnt = 0;
while($buf = next($pointer)){;
echo '<ul>'."\n";
echo '<li><a href="'.get_permalink($buf).'">'.get_the_title($buf).'</a>'."\n";
$cnt++;
}
echo '<ul><li><a href="'.get_permalink($post->ID).'">'.get_the_title($post->ID).'</a>'."\n";
echo "<ul>\n";
wp_list_pages('depth=1&title_li=&child_of=' . $post->ID );
echo "</ul>\n";
for($i=0;$i<$cnt;$i++){
echo '</li></ul>'."\n";
}
echo '</li></ul>'."\n";

}
echo "</li>\n";
}
}
else{
wp_list_pages('depth=1&title_li=');
}
}

サイドバーに

<li>
<ul>
<?php wp_list_pages_tree($post); ?>
</ul>
</li> 

 http://ja.forums.wordpress.org/topic/2622

function wp_list_pages_tree2($post){
if(is_page()){
$list = $post->ancestors;
$parent['list'] = array_reverse($list);
$parent['cnt']  = count($list);
$parent['top']  = array_pop($list);
if (!$parent['cnt']) : $parent['top'] = $post -> ID;
endif;
$page_list = get_pages('parent=0&sort_column=menu_order');
foreach($page_list as $id){
echo '<li><a href="'.get_permalink($id->ID).'">'.get_the_title($id->ID).'</a>'."\n";
if($id->ID == $parent['top']){
echo "<ul>\n";
wp_list_pages('title_li=&child_of=' . $id->ID );
echo "</ul>\n";
}
echo "</li>\n";
}
}
else{
wp_list_pages('depth=1&title_li=');
}
}