Title: 記事本文中のcssアニメーションをそのままサムネイルで表示する方法
Last modified: 2016年7月30日

---

# 記事本文中のcssアニメーションをそのままサムネイルで表示する方法

 *  解決済 [hayato-y](https://ja.wordpress.org/support/users/hayato-y/)
 * (@hayato-y)
 * [11年、 4ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/)
 * 「Simplicity」を使っています初心者です。カスタマイズ方法を知りたいです。よろしく
   お願いします。「本文中にアップロードされている画像に適用されているスタイル」を「
   一覧のサムネイル」でも適用させるカスタマイズの方法です。自ブログでは本文中の画像
   にマウスhoverさせるとアニメーションされるスタイルをcssで適用させています。横10
   連の画像を-webkit-animationで一こまづつ、マウスhoverで開始されるアニメーション
   です。
    これをトップページの記事一覧のサムネイルでも同じようにアニメーションさ
   せたいと思っています。アニメーションだけではなく他のcssスタイルも取り入れるつもり
   なので、出来れば個別記事に埋め込まれた画像のスタイルを「そのままサムネイル画像
   として読み込む（div class=ごとサムネイル化する）」ことのできるようなカスタマイズ、
   もしくは「記事ごとにサムネイルに何らかのcssでのスタイルの指定」が出来るように
   する方法、もしくは「トップページの記事一覧の部分にそのまま個別記事の全内容を（
   cssのdivスタイルごとの本文中画像を含む）そのまま表示する」のいづれかの方法を探
   しています。よろしくお願いします。

2件の返信を表示中 - 46 - 47件目 (全47件中)

[←](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/page/3/?output_format=md)
[1](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/?output_format=md)
[2](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/page/2/?output_format=md)
[3](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/page/3/?output_format=md)
4

 *  トピック投稿者 [hayato-y](https://ja.wordpress.org/support/users/hayato-y/)
 * (@hayato-y)
 * [11年、 3ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/page/4/#post-205207)
 * 了解いたしました。こちらのフォーラムでraindropsで質問をします。
    本当にどうも
   ありがとうございました。 またよろしくお願いします。
 *  トピック投稿者 [hayato-y](https://ja.wordpress.org/support/users/hayato-y/)
 * (@hayato-y)
 * [11年、 3ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/page/4/#post-205209)
 * 解決済み

2件の返信を表示中 - 46 - 47件目 (全47件中)

[←](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/page/3/?output_format=md)
[1](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/?output_format=md)
[2](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/page/2/?output_format=md)
[3](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/page/3/?output_format=md)
4

 トピック「記事本文中のcssアニメーションをそのままサムネイルで表示する方法」には
新たに返信することはできません。

## タグ

 * [カスタマイズ方法](https://ja.wordpress.org/support/topic-tag/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e6%96%b9%e6%b3%95/)
 * [サムネイル化](https://ja.wordpress.org/support/topic-tag/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e5%8c%96/)
 * [cssアニメーション](https://ja.wordpress.org/support/topic-tag/css%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/)
 * [Raindrops](https://ja.wordpress.org/support/topic-tag/raindrops/)
 * [Simplicity](https://ja.wordpress.org/support/topic-tag/simplicity/)

 * フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/)
 * 47件の返信
 * 2人の参加者
 * 最後の返信者: [hayato-y](https://ja.wordpress.org/support/users/hayato-y/)
 * 最後の活動: [11年、 3ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e6%9c%ac%e6%96%87%e4%b8%ad%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%82%b5%e3%83%a0%e3%83%8d/page/4/#post-205209)
 * 状態: 解決済

## トピック

### 人気のトピック

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

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

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

### 未解決のトピック

### すべてのトピック