SVGアニメーション

http://ascii.jp/elem/000/000/914/914041/

http://cly7796.net/wp/javascript/svg-animation/

http://lazylinepainter.info/

知識不足で追いつめられる。

Web担当で入ったものの、ウェブサイトを作る仕事の大半をwordpressで行なうため、正直、HTMLやCSSの知識などは、持っていて当たり前で、PHPやjsなどの知識が無いと仕事にならなくなっていて、訳の分からないPHPを泣きながら書くというね。
仕組みの解析がまずわからん。（笑）

作り始める前にものすごく警戒してしまう。
どういう事をしたいとか、直接一緒に居なかったりすると余計にだ。

へへ。へへへへへへ。

facebookにあげた新しい名刺投稿に、思いのほかたくさん「いいね！」がついてうれしい。
へへ。へへへへへへへ。
自分でも気に入っている。
ちょっと文字の載せ方とかに思う所はあるものの、前回のやつよりも可愛く出来ていて、自分でも満足。
前のヤツはいろいろ曰く付きになってしまったので（笑）、早く変えたかったってのもあるしね。


去年のつくしで好評をいただいたワオキツネザルさんにしてみた。
作家さん達にも、Web関係の勉強会で会う人たちにも、まず「かわいい！」をいただけるし、インパクトのあるものが出来たと思うので良かった良かった。
あのワオキツネザルちゃんは本当に好評だなぁ。
またああいう絵を描きたいな♪

カスタムフィールドを別のページに表示

■条件

• ピックアップを自由に入れ替えたり増減出来るよう、記事からつくらず、Repeater Fieldを使って別途作成
• ピックアップ設定用に固定ページを用意
• メインページと、サイドバーで同じピックアップを使いたい

■やりたいこと

• sidebar.phpにピックアップをインクルード
• メインページにピックアップをインクルード

<?php if( have_rows('フィールド名',固定ページID) ): ?>
  <?php while( have_rows('フィールド名',固定ページID) ): the_row();
//↓項目の数だけふやせばいい。
    $talk_url = get_sub_field('リピーターフィールドフィールド名');
    $talk_txt = get_sub_field('リピーターフィールドフィールド名');
    ?>
//↓htmlをシングルクォーテーションで囲う。配列はドットで囲う。
  <?php echo '<div><a href="'.$talk_url.'"><p>'.$talk_txt.'</a></p></div>'; ?>
  <?php endwhile; ?>
<?php endif; ?>


<参考>
別の固定ページのカスタムフィールドの値を取得する方法
http://com4tis.net/2012/11/16/wordpress-get-other-page-customfield-value/

リピーターフィールドの最初の値を取得する
http://happyweblife.main.jp/2014/05/19/advanced-custome-fields%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/

設定用固定ページからAdvanced Custom Fieldsの値を取得する
http://memo-tan.com/wordpress/advanced-custom-fields_20140929.html

カスタムフィールド関連

//入力が無い時は項目毎表示しない
<?php if(post_custom('フィールド名')): ?>
<div><?php echo post_custom('フィールド名'); ?></div>
<?php endif; ?>



//リピーターフィールド
<?php if(get_field('フィールド名')): ?>
<?php while(the_repeater_field('フィールド名)): ?>
<div>
<a href="<?php the_sub_field('フィールド名'); ?"></a>
<img src="<?php the_sub_field('リピートフィールド名'); ?>" alt="<?php the_sub_field('リピートフィールド名'); ?>" />
<p><?php the_sub_field('フィールド名'); ?"></p>
</div>
<?php endwhile; ?>
<?php endif; ?>




//スライダー用

• divボックスがスライドするタイプのスライドショー
• スライドを5枚までとしたので、5枚分のスライドのカスタムフィールドを作成。
  （トップページのため5枚までと制限した。無限に増やせるようにするのなら、リピーターフィールドで対応すればよい。）
• divボックスの中身をカスタムフィールドで出力
• 1枚はかならず入っているようにしたので、そのまま出力。2枚目以降は、入力があれば出力するようにif文で分岐。
• 3枚目以降は2枚目のフィールドIDを変更する。

 <!--slider 1枚目-->
<div class="item active">
<a href="<?php the_field('フィールド名A1') ?>">
<img src="<?php the_field('フィールド名A2') ?>" alt="<?php the_field('フィールド名A3')?>" ></a>
</div>
        <!--/slider 1枚目end-->
        <!--slider 2枚目-->
<?php
$custom_fields = get_post_meta( $post->ID , 'フィールド名B1','フィールド名B2','フィールド名B3' , true );
if(empty( $custom_fields ) === false){ ?>
<!--//カスタムフィールドが入ってるときの処理-->
    <div class="item">
<a href="<?php the_field('フィールド名B1') ?>">
<img src="<?php the_field('フィールド名B2') ?>" alt="<?php the_field('フィールド名B3')?>" ></a>
</div>
<?php } else { ?>   
<!--//カスタムフィールドが入っていないときの処理-->
<?php } ?>
 <!--/slider 2枚目end-->