久しぶりのブログになってしまいました。

期間が空いたので、これを機に担当も交代しました。
こんにちは、見習いWEBディレクターのTです。
初心者なのでレベル下がりますが、後々他の誰かにも役立つ備忘録になればと思います。

本日は「コメントアウト」について。

コメントアウトとはコードを無効化し、HTMLソース内でメモとして使用したり、一部のコンテンツをあとから表示させたい場合に使用することができます。

   [IMAGE]

こちらを非表示にしたい場合、タグの前後に

を追加します。

これで、サイト上で[image]は非表示になりました。
あとから表示させたい場合は

を削除します。

昨日「トンマナ」と書いてしまいました。

トンマナとはトーン＆マナーです。

サイトなどの広告やデザインや制作において
雰囲気やコンセプトに一貫性を持たせることを意味します。

一人称で英語なら「I」でも日本語だと

オラ　　＝　悟空
オレ様　＝　ジャイアン　
拙者　　＝　忍者ハットリくん

一人称だけでトンマナ決まります。ブログもトンマナありますし、
プログラムもある程度あります。そんな専門用語もどんどん書いていきます。

来週。

今までのブログを続けていたSさんから、
ブログバトンタッチしましたMです。
トンマナ違うかもしれませんが、日々頑張ります。
どうぞよろしくお願いします。

slickでスライダー画像部分とテキストの切り離す方法です。

スライダー部分は単純な画像スライドで、その画像に対するテキストなどはフェードインで表示させたい場合など、
表示のさせ方は別々で連動させたい場合などに使えます。

slickGoToで指定したスライドの番号に飛ばすことができます。
これを利用して、例えば3番目に飛ばしたい場合は下記のようになります。

$('.slider').slick('slickGoTo', 3);

そこで連動させたい要素の数を「var index = $thumb.index(this);」で取得し
前の記述の「3」のところに「index」を入れて下記のようにします。

$('.slider').slick('slickGoTo', index);

■HTML

            

              

              

              

              

            
            

              
テキスト
              
テキスト
              
テキスト
　　　　　　　 
テキスト
            
            

              

                

                

                

                

              
            

■JS

$(function(){
  var slider = function() {
  var $slider = $('.slider');
  if ($slider.length < 1) { return; }

  var $text = $('.thumbnails_text');
  var $thumb = $('.thumbnails_photo');

  //オプション
  $slider.slick({
    arrows: true,
    fade:true,
    speed: 800,
  });

  $thumb.on('click', function(e){
    e.preventDefault();
    var index = $thumb.index(this);
    $slider.slick('slickGoTo', index);
  });

  $slider.on('beforeChange', function(event, slick, currentSlide, nextSlide){
  	var currentClass = 'current';
    $thumb.removeClass(currentClass)
      .eq(nextSlide).addClass(currentClass);
    $text.removeClass(currentClass)
      .eq(nextSlide).addClass(currentClass);
  });
};

slider();
});

Advanced Custom Fieldsなどで作成したキーに入力された内容で、
表示させる、投稿一覧の順を並べ替えることができます。

例）Advanced Custom Fieldsでpriceというフィールドをつくり、投稿一覧で、投稿日時順ではなく、価格順に降順で表示させたい場合
$args = array();に以下の記述を追加することで実現可能です。

         'orderby' => 'meta_value_num',//カスタムフィールドの値で並び替える
         'order'   => 'DESC', // DESC降順　ASC昇順
         'meta_key' => 'price',//カスタムフィールドのキーを指定します。

静的htmlでwpの新着などを表示させるとき、wordpressの関数を外部から使うには、wp-load.phpをインクルードすればよいですが、
htmlファイルでphpを動作させる場合は、.htaccessの設定も必要です。

実際に読み込むにはheadの一番上に、インクルード用の記述をして、

require_once( dirname(dirname( __FILE__ )) . '/wp-load.php' );

PHPを拡張子.htmlのファイル内で動作させるため。.htaccessに以下を記述します。

AddHandler fcgid-script .html