常連

### 実現したいこと

// フェードインだけが、繰り返し行われて欲しいです。

### 前提

// フェードアウトが行われずに、
// フェードインだけが、繰り返し行われて欲しいです。

### 発生している問題・エラーメッセージ

// フェードアウトを削除しても、
// フェードインだけの動作にならないので、// フェードインだけが、繰り返し行われて欲しいです。


### 該当のソースコード

$(function () {
 $('.hero-copy').textillate({
   loop: true,                 //ループ
   minDisplayTime: 5000,       //テキストが置き換えられるまでの時間
   // initialDelay: 1000,         //遅延時間
   autoStart: true,            //アニメーション自動スタート
     
   // フェードイン
   in: {
     effect: 'swing',         //アニメーション効果、エフェクトの種類
     delayScale: 2.5,          //遅延時間の指定
     delay: 150,                //文字ごとの遅延時間
     sync: true,              //『true』全ての文字に同時に適応される
     shuffle: false            //ランダム
   },  
     
   // フェードアウト
   out: {
     effect: 'fadeOut',  
     delayScale: 2.5,  
     delay: 150,  
     sync: true,  
     shuffle: false
   }
     
 });
})

### 試したこと

・// フェードアウトを削除
・effect: 'fadeOut',　を　effect: '',　に。

### 補足情報（FW/ツールのバージョンなど）


こちらは、必須の別のjquery.textillate.jsというファイルです。

/*
 * textillate.js
 * http://jschr.github.com/textillate
 * MIT licensed
 *
 * Copyright (C) 2012-2013 Jordan Schroter
 */

(function ($) {
  "use strict";

  function isInEffect (effect) {
    return /In/.test(effect) || $.inArray(effect, $.fn.textillate.defaults.inEffects) >= 0;
  };

  function isOutEffect (effect) {
    return /Out/.test(effect) || $.inArray(effect, $.fn.textillate.defaults.outEffects) >= 0;
  };


  function stringToBoolean(str) {
    if (str !== "true" && str !== "false") return str;
    return (str === "true");
  };

  // custom get data api method
  function getData (node) {
    var attrs = node.attributes || []
      , data = {};

    if (!attrs.length) return data;

    $.each(attrs, function (i, attr) {
      var nodeName = attr.nodeName.replace(/delayscale/, 'delayScale');
      if (/^data-in-*/.test(nodeName)) {
        data.in = data.in || {};
        data.in[nodeName.replace(/data-in-/, '')] = stringToBoolean(attr.nodeValue);
      } else if (/^data-out-*/.test(nodeName)) {
        data.out = data.out || {};
        data.out[nodeName.replace(/data-out-/, '')] =stringToBoolean(attr.nodeValue);
      } else if (/^data-*/.test(nodeName)) {
        data[nodeName.replace(/data-/, '')] = stringToBoolean(attr.nodeValue);
      }
    })

    return data;
  }

  function shuffle (o) {
      for (var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
      return o;
  }

  function animate ($t, effect, cb) {
    $t.addClass('animated ' + effect)
      .css('visibility', 'visible')
      .show();

    $t.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
        $t.removeClass('animated ' + effect);
        cb && cb();
    });
  }

  function animateTokens ($tokens, options, cb) {
    var that = this
      , count = $tokens.length;

    if (!count) {
      cb && cb();
      return;
    }

    if (options.shuffle) $tokens = shuffle($tokens);
    if (options.reverse) $tokens = $tokens.toArray().reverse();

    $.each($tokens, function (i, t) {
      var $token = $(t);

      function complete () {
        if (isInEffect(options.effect)) {
          $token.css('visibility', 'visible');
        } else if (isOutEffect(options.effect)) {
          $token.css('visibility', 'hidden');
        }
        count -= 1;
        if (!count && cb) cb();
      }

      var delay = options.sync ? options.delay : options.delay * i * options.delayScale;

      $token.text() ?
        setTimeout(function () { animate($token, options.effect, complete) }, delay) :
        complete();
    });
  };

  var Textillate = function (element, options) {
    var base = this
      , $element = $(element);

    base.init = function () {
      base.$texts = $element.find(options.selector);

      if (!base.$texts.length) {
        base.$texts = $('<ul class="texts"><li>' + $element.html() + '</li></ul>');
        $element.html(base.$texts);
      }

      base.$texts.hide();

      base.$current = $('<span>')
        .html(base.$texts.find(':first-child').html())
        .prependTo($element);

      if (isInEffect(options.in.effect)) {
        base.$current.css('visibility', 'hidden');
      } else if (isOutEffect(options.out.effect)) {
        base.$current.css('visibility', 'visible');
      }

      base.setOptions(options);

      base.timeoutRun = null;

      setTimeout(function () {
        base.options.autoStart && base.start();
      }, base.options.initialDelay)
    };

    base.setOptions = function (options) {
      base.options = options;
    };

    base.triggerEvent = function (name) {
      var e = $.Event(name + '.tlt');
      $element.trigger(e, base);
      return e;
    };

    base.in = function (index, cb) {
      index = index || 0;

      var $elem = base.$texts.find(':nth-child(' + ((index||0) + 1) + ')')
        , options = $.extend(true, {}, base.options, $elem.length ? getData($elem[0]) : {})
        , $tokens;

      $elem.addClass('current');

      base.triggerEvent('inAnimationBegin');
      $element.attr('data-active', $elem.data('id'));

      base.$current
        .html($elem.html())
        .lettering('words');

      // split words to individual characters if token type is set to 'char'
      if (base.options.type == "char") {
        base.$current.find('[class^="word"]')
            .css({
              'display': 'inline-block',
              // fix for poor ios performance
              '-webkit-transform': 'translate3d(0,0,0)',
              '-moz-transform': 'translate3d(0,0,0)',
              '-o-transform': 'translate3d(0,0,0)',
              'transform': 'translate3d(0,0,0)'
            })
            .each(function () { $(this).lettering() });
      }

      $tokens = base.$current
        .find('[class^="' + base.options.type + '"]')
        .css('display', 'inline-block');

      if (isInEffect(options.in.effect)) {
        $tokens.css('visibility', 'hidden');
      } else if (isOutEffect(options.in.effect)) {
        $tokens.css('visibility', 'visible');
      }

      base.currentIndex = index;

      animateTokens($tokens, options.in, function () {
        base.triggerEvent('inAnimationEnd');
        if (options.in.callback) options.in.callback();
        if (cb) cb(base);
      });
    };

    base.out = function (cb) {
      var $elem = base.$texts.find(':nth-child(' + ((base.currentIndex||0) + 1) + ')')
        , $tokens = base.$current.find('[class^="' + base.options.type + '"]')
        , options = $.extend(true, {}, base.options, $elem.length ? getData($elem[0]) : {})

      base.triggerEvent('outAnimationBegin');

      animateTokens($tokens, options.out, function () {
        $elem.removeClass('current');
        base.triggerEvent('outAnimationEnd');
        $element.removeAttr('data-active');
        if (options.out.callback) options.out.callback();
        if (cb) cb(base);
      });
    };

    base.start = function (index) {
      setTimeout(function () {
        base.triggerEvent('start');

        (function run (index) {
          base.in(index, function () {
            var length = base.$texts.children().length;

            index += 1;

            if (!base.options.loop && index >= length) {
              if (base.options.callback) base.options.callback();
              base.triggerEvent('end');
            } else {
              index = index % length;

              base.timeoutRun = setTimeout(function () {
                base.out(function () {
                  run(index)
                });
              }, base.options.minDisplayTime);
            }
          });
        }(index || 0));
      }, base.options.initialDelay);
    };

    base.stop = function () {
      if (base.timeoutRun) {
        clearInterval(base.timeoutRun);
        base.timeoutRun = null;
      }
    };

    base.init();
  }

  $.fn.textillate = function (settings, args) {
    return this.each(function () {
      var $this = $(this)
        , data = $this.data('textillate')
        , options = $.extend(true, {}, $.fn.textillate.defaults, getData(this), typeof settings == 'object' && settings);

      if (!data) {
        $this.data('textillate', (data = new Textillate(this, options)));
      } else if (typeof settings == 'string') {
        data[settings].apply(data, [].concat(args));
      } else {
        data.setOptions.call(data, options);
      }
    })
  };

  $.fn.textillate.defaults = {
    selector: '.texts',
    loop: false,
    minDisplayTime: 2000,
    initialDelay: 0,
    in: {
      effect: 'fadeInLeftBig',
      delayScale: 1.5,
      delay: 50,
      sync: false,
      reverse: false,
      shuffle: false,
      callback: function () {}
    },
    out: {
      effect: 'hinge',
      delayScale: 1.5,
      delay: 50,
      sync: false,
      reverse: false,
      shuffle: false,
      callback: function () {}
    },
    autoStart: true,
    inEffects: [],
    outEffects: [ 'hinge' ],
    callback: function () {},
    type: 'char'
  };

}(jQuery));



textillate.jsのカスタマイズが分かりません。

WordPressでトップページのindex.phpにnote（https://note.com/）の記事をRSSで取得し
一覧を出したいのですが、note記事内に掲載している画像が出せません。

現在、下記の状態となっており、タイトルや本文などの情報は下記で表示ができました。
noteの画像は出ず、画像がないときに表示されてほしいsample.pngが表示されている状態です。

```ここに言語を入力
              <?php
                include_once( ABSPATH . WPINC . '/feed.php' );
              $rss = fetch_feed( 'https://note.com/test/rss' ); 
              if ( !is_wp_error( $rss ) ) {
                $maxitems = $rss->get_item_quantity( 3 );
                $rss_items = $rss->get_items( 0, $maxitems );
              }
              ?>
              <?php if ( !empty( $maxitems ) ) : ?>
                <ul>
                  <?php if ($maxitems == 0) echo '<li>RSSデータがありません</li>';
                  else
                    foreach ( $rss_items as $item ) : ?>
                      <li>
                        <a href="<?php echo $item->get_permalink(); ?>">

                        <?php
                          $first_img = '';
                          if ( preg_match( '/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi', $item->get_content(), $matches ) ) {
                          $first_img = $matches[1];
                          }
                        ?>
                        <?php if ( !empty( $first_img ) ) : ?>
                          <p><img src="<?php echo esc_attr( $first_img ); ?>" alt=""></p>
                        <?php else : ?>
                          <p><img src="<?php echo esc_url ( get_template_directory_uri() ); ?>/images/sample.png" alt=""></p>
                        <?php endif; ?>

                        <div class="note__content">
                          <p class="note__date"><?php echo $item->get_date('Y.m.d'); ?></p>
                          <h3 class="note__title"><?php echo $item->get_title(); ?></h3>

                          <p><?php echo mb_substr(strip_tags($item->get_description()), 0, 100); ?> ...続きを読む
                          </p>
                          </div>
                          </a>
                        </li>

                      <?php endforeach; ?>
                    </ul>
                    <?php endif; ?>
```
新着3件と4件目～8件目まではスタイルを変えたり表示設定を変えたりするため、
function.phpではなくindex.phpに上記のように記載したいです。
RSSの表示を行うのが初めてで、様々なサイトを拝見しましたが下記の画像を出す部分の
何が原因で、どう改善すれば表示されるのか分からず、教えていただきけませんでしょうか。

```ここに言語を入力
<?php
   $first_img = '';
     if ( preg_match( '/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi', $item->get_content(), $matches ) ) {
       $first_img = $matches[1];
        }
?>
<?php if ( !empty( $first_img ) ) : ?>
  <p><img src="<?php echo esc_attr( $first_img ); ?>" alt=""></p>
     <?php else : ?>
     <p><img src="<?php echo esc_url ( get_template_directory_uri() ); ?>/images/sample.png" alt=""></p>
<?php endif; ?>
```

WordPressでnoteの記事をRSSで取得する際にnote記事内画像が出ない

### 前提・実現したいこと
wordpressにおいて、カスタム投稿の記事ページＵＲＬ末尾に、スラッシュをつけたい


### 発生している問題・エラーメッセージ
wordpressでサイトを公開しています。
全ページにカノニカルとして、末尾スラッシュ有りのＵＲＬを指定していますが
カスタム投稿の記事だけ、実際のＵＲＬ上、末尾にスラッシュがつかず
つかないものが正規と認識され、困っております。


【現在、パーマリンクの設定は以下のようになっています】
-----------------------
[カスタム構造]にチェック
https://www.☆☆.com/%category%/%post_id%.html

[オプション]　カテゴリベースに　.をつけています。


その結果反映として
[固定ページ]（問題なし）
https://www.☆☆.com/スラッグ/

[一般ブログ投稿のカテゴリ/アーカイブ]（問題なし）
https://www.☆☆.com/blog(カテゴリ名)/
https://www.☆☆.com/book(カテゴリ名)/　など
全てにスラッシュがつき、その状態でsitemapにも掲載されています。


[一般ブログ投稿のカテゴリ内記事]（全て問題なし）
https://www.☆☆.com/blog/3123.html
https://www.☆☆.com/book/sweet.html
となり

ドメイン/カテゴリ名/記事スラッグや指定した数字などを用いた .htmlとなり
希望する状態となっています。
そのようにsitemapにも掲載されています。

-------------

しかしカスタム投稿に関してのみ、
希望しない状態となります


[カスタム投稿: 各種のアーカイブ（news)(faq)]（問題なし）
https://www.☆☆.com/news/
https://www.☆☆.com/faq/
スラッシュがついており、sitemapにもあり、問題ありません。


[カスタム投稿内にタスクノミー分類があるもの]
faqのみ分類をもっております（タスクノミー）
https://www.☆☆.com/faq/は、全ての分類にリンクされるアーカイブページです

以下は分類されたタスクノミーのリンク先、アーカイブリンクとなります。
https://www.☆☆.com/faq-cat/aaa/ 
https://www.☆☆.com/faq-cat/bbb/
https://www.☆☆.com/faq-cat/ccc/

現状、末尾にスラッシュがつき、そのようにsitemapにもあり問題ありません。

-------------
しかしカスタム投稿全種の各記事においては、

https://www.☆☆.com/カスタム投稿第一分類/スラッグ
つまり、末尾にスラッシュがつかないアドレスとなってしまっております。

カノニカルは全てのページにて
スラッシュありを指定しているのですが
カスタム投稿の全記事のみ、ついていないものを、正規ＵＲＬと認識されてしまっているようです。

他のページにおける現在の状態を変更することなく
なんとか改善できないものかと大変悩んでおります・・

カスタム投稿の全記事に対して、
第一希望は
https://www.☆☆.com/カスタム投稿第一分類/スラッグ/

第二希望は、その他の投稿ページと同じように
https://www.☆☆.com/カスタム投稿第一分類/スラッグ.html

とさせたいです。
（まだページ数が少ないので、第一希望が難しい場合は第二希望も検討できます）

何とか実現できないものでしょうか？
有識者の皆様、どうぞお力をお貸し下さい・・
------------------

**追記です。**

function.phpに以下のような記述を行っています

//URLの末尾に「/」を付ける
function add_slash_uri_end($uri, $type) {
if ($type != 'single') {
$uri = trailingslashit($uri);
}
return $uri;
}
add_filter('user_trailingslashit', 'add_slash_uri_end', 10, 2);

ブログ投稿における個別記事は.htmlとなっているため、
html/とさせないための2行目が影響しているのでしょうか？
（カスタム投稿記事のテンプレートは全て　single-(カスタム投稿名）.php)

もしこれが影響しているとすれば、
カスタム投稿の記事にも末尾に/をつける設定を行うことはできるでしょうか？

宜しくお願いいたします・・

wordpress･カスタム投稿の記事ページＵＲＬ末尾に､スラッシュをつけたい

###前提・実現したいこと
カスタム投稿タイプにおいてスラッグ表記を一種類はID名にもう一種類をページ名にしたいです。
まずカスタム投稿タイプの設定をfunctions.phpに記述しました。
作りたいカスタム投稿名
①ニュース /news/
②実績 /coordination/

```php
//ニュース
add_action('init', 'add_news_post_type');
function add_news_post_type() {
    $params = array(
            'labels' => array(
                    'name' => 'ニュース',
                    'singular_name' => 'ニュース記事',
                    'add_new' => '新規追加',
                    'add_new_item' => 'ニュース記事を新規追加',
                    'edit_item' => 'ニュース記事を編集する',
                    'new_item' => 'ニュース記事',
                    'all_items' => 'ニュース記事一覧',
                    'view_item' => 'ページを確認',
                    'search_items' => '検索する',
                    'not_found' => 'ニュース記事が見つかりませんでした。',
                    'not_found_in_trash' => 'ゴミ箱内にニュース記事が見つかりませんでした。'
            ),
            'public' => true,
            'has_archive' => true,
			'menu_position' => 5,
            'supports' => array(
                    'title',
                    'editor',
                    'thumbnail',
                    //'author',
                    //'custom-fields',
                    //'revisions',
            ),
            'taxonomies' => array('news_cat')
    );
    register_post_type('news', $params);
    /* カスタムタクソノミーを定義 */
    register_taxonomy(
        'news_cat',
        'news',
        array(
        'label' => 'カテゴリー',
        'hierarchical' => true,//カテゴリタイプ
        'rewrite' => array('slug' => 'news/cat')
        )
    );
}
//コーディネーション実績
add_action('init', 'add_coordination_post_type');
function add_coordination_post_type() {
    $params = array(
            'labels' => array(
                    'name' => 'これまでのコーディネイト実績',
                    'singular_name' => 'コーディネーション実績記事',
                    'add_new' => '新規追加',
                    'add_new_item' => 'コーディネーション実績を新規追加',
                    'edit_item' => 'コーディネーション実績を編集する',
                    'new_item' => 'コーディネーション実績',
                    'all_items' => 'コーディネーション実績一覧',
                    'view_item' => 'ページを確認',
                    'search_items' => '検索する',
                    'not_found' => 'コーディネーション実績が見つかりませんでした。',
                    'not_found_in_trash' => 'ゴミ箱内にコーディネーション実績が見つかりませんでした。'
            ),
            'public' => true,
            'has_archive' => true,
			'menu_position' => 5,
            'supports' => array(
                    'title',
                    'editor',
                    'thumbnail',
                    //'author',
                    //'custom-fields',
                    //'revisions',
            ),
            'taxonomies' => array('coordination_cat')
    );
    register_post_type('coordination', $params);
    /* カスタムタクソノミーを定義 */
    register_taxonomy(
        'coordination_cat',
        'coordination',
        array(
        'label' => 'カテゴリー',
        'hierarchical' => true,//カテゴリタイプ
        'rewrite' => array('slug' => 'coordination/cat')
        )
    );
}
```
上記を記述後にwp管理画面の「パーマリンク設定」でカスタム構造 を「/%category%/%post_id%/」に更新しましたら、カスタム投稿ページの準備が完了しました。
ここでの記事名は
・ニュース記事
/news/任意のslug名

・実績記事
/coordination/任意のslug名

となります。これを

↓
・ニュース記事
/news/自動で与えられるID番号
・実績記事
/coordination/任意のslug名
にしたいのです。


そのために、下記の記述をしました。
```php
//カスタムポストのパーマリンクを投稿IDにする
function myposttype_permalink($post_link, $id = 0, $leavename) {
     global $wp_rewrite;
     $post = get_post($id);
     if ( is_wp_error( $post ) )
         return $post;
     $newlink = $wp_rewrite->get_extra_permastruct($post->post_type);
     $newlink = str_replace('%'.$post->post_type.'%', $post->ID, $newlink);
     $newlink = home_url(user_trailingslashit($newlink));
     return $newlink;
 }
 add_filter('post_type_link', 'myposttype_permalink', 1, 3);
 function myposttype_rewrite() {
     global $wp_rewrite;
     $wp_rewrite->add_rewrite_tag('%news%', '([0-9]+)', 'post_type=news&p=');
 }
 add_action('init', 'myposttype_rewrite');
```
記述後にwp管理画面の「パーマリンク設定」を更新しましたら、ページ名の設定がニュースも実績もID名になってしまいました。ID名になるのはニュースだけでよいのです。どのように記述を変えればよいのでしょうか。
wordpressにお詳しい方でお分かりになる方がいらっしゃいましたらご教示をお願い致します。