[WordPress] VideoPress や YouTube をタイル状に並べる方法についての検討

VideoPressYouTube をタイル状に並べる方法について検討してみました。

以下のような感じの記述を記事に追加し、

<!-- YouTube のタイル状貼り付け -->
<div class="boxlist w33">
<ul class="display-posts-listing">
<li><div class="video-container">[youtube http://www.youtube.com/watch?v=lr1LhYZEprg]</div></li>
<li><div class="video-container">[youtube http://www.youtube.com/watch?v=lr1LhYZEprg]</div></li>
<li><div class="video-container">[youtube http://www.youtube.com/watch?v=lr1LhYZEprg]</div></li>
<li><div class="video-container">[youtube http://www.youtube.com/watch?v=lr1LhYZEprg]</div></li>
<li><div class="video-container">[youtube http://www.youtube.com/watch?v=lr1LhYZEprg]</div></li>
</ul>
</div>

<!-- VideoPress のタイル状貼り付け -->
<div class="boxlist w33">
<ul class="display-posts-listing">
<li>[wpvideo xVUTxVJL]</li>
<li>[wpvideo glR8VamR]</li>
<li>[wpvideo UFmhG10Q]</li>
<li>[wpvideo vXO74xrS]</li>
<li>[wpvideo EuCxGHBE]</li>
</ul>
</div>

続きを読む

#2013

WordPress.com の CSS 編集機能には、記述を見やすくしたり、合理的に記述したりすることのできる「プリプロセッサ機能」というのがあるらしい

私自身は使っていないのですが、WordPress.com の CSS 編集機能には「プリプロセッサ」という機能があります。「LESS」と「Sass(SCSS)」という 2 つの機能を選べるようになっています。

asdfafasd-1

続きを読む

#2013

[WordPress.com] カスタム CSS は下の命令の方が優先される

WordPress.com の場合、カスタムデザインの CSS 編集機能のところで、CSS の追加を行うことができますが、以前は、以下のように二重に CSS を定義すると統合されていたような気がするのですが、

CSS ‹ t demo — WordPress

続きを読む

#2013

[WordPress.com] カスタムカラー機能の中にある背景パターンの色を薄くする方法についての検討

WordPress.com のカスタムカラー機能の中に背景パターンの設定がありますが、

asdfafads

続きを読む

#2013

WordPress.org・WordPress.com とオーディオ・VideoPress 等の課金との関係についての考察

WordPress.com では、概ね、かつ、実質的、かつ、私の主観では、「CSS でカスタマイズするとき」および「高品質のテーマ」を使うときに課金となります(すごくざっくり。あくまで、概ね、実質・主観です。)。

最近、音源や動画をブログに貼りつけたりすることについて検討する機会が多いのですが、WordPress.com では、音源や動画(VideoPress )を使うときにもアップグレードする必要があります(ちょこっと動画を貼る程度であれば、YouTube で十分だと思います。あくまで私の主観ですが。)。

「では、レンタルサーバ等にインストールして使うタイプの WordPress ではどうなのか?」という点についてチェックしてみたところ、オーディオの方はプラグイン「JetPack by WordPress.com 」をインストールすれば OK、VideoPress の方は、プラグイン「JetPack by WordPress.com 」をインストールし、WordPress.com の方で VideoPress が使えるサイトを一つ以上確保し、そこからショートコード「wpvideo」をコピーし、レンタルサーバの方の WordPress へ貼り付ければいいようです。

そんなわけで、私の認識で課金の条件を整理すると、

表.1 WordPress.com の主要なサービスの課金の必要性

WordPress.com

レンタルサーバ等にインストールして使うタイプの WordPress

サーバのレンタル料

CSS カスタマイズ

オーディオ

独自ドメイン

VideoPress


(WordPress.com で VideoPress の使えるサイトを確保する)

一般的なテーマ

高品質のテーマ

となります。

VideoPress の課金のされ方が特殊だと思ったのでメモ。

#2013

VideoPress を自動再生させる方法

パラメータに「autoplay=”true”」を追加すれば OK でした。

[wpvideo l5BUiWou autoplay=”true”]
参考

#2013

WordPress.com に画像を貼る方法いろいろ(その2)

afafasd

続きを読む

#2013, #nodisplay-49667