サイト作り ワードプレス

【メモ】動画サイトを作った時に役に立ったやつ

2020年4月28日

試験的に動画サイトを作っています。

結構色々いじった時に参考にしたものや使ったものなどをメモしていきます。

使ったテーマはアフィンガー

WordPressテーマ 「WING(AFFINGER5)」

この間SANGO買ってよくわかったのですけど、アフィンガーは値段が安すぎると感じるくらい高機能、かゆいところに手が届く仕様なので動画サイトもアフィンガーが良いと結論付けました。

カスタムが面倒だけど、どのようなサイトにするか決めればあとはカスタムするだけで自分好みに変えられるしやっぱアフィンガー強いですね。

日常ブログとかだとSANGOが楽だけど、日常ブログではなく”サイト”を作りたいならアフィンガー一択です、今のところ。

動画サイトは覚えてもらうことが必要!使った商用フリーイラストサイトなど

 Icon-rainbow

ICOOON MONO

サイトアイコンや戻るボタンに使用しました。

商用フリーで可愛いしシンプル&誰にでも「これ!」とわかりやすいデザインなので覚えてもらいやすいかなって結構お世話になっているサイトさんです。

ロゴは絶対必要!GIMPで作りました

GIMP

だいたいロゴはGIMPで作ってます!

GIMPでフリーフォントを利用してロゴを作ります。

シンプルにサイト名だけのロゴだけど、サイトに合ったデザインのフリーフォントを使用したらいっきに個性が出るんで、これでヨシ!

フォントは必ず商用フリーの物を使いましょう。

フォントをダウンロードしたらGIMPのフォントフォルダを探してダウンロードしたファイルをコピペするだけでOKなのですが、フォルダを自力で探すとめちゃくちゃ時間かかるので、↓のサイトを参考にしてフォント追加完了させましょう。

フォントの追加|GIMP入門

動画サイトと言えばやっぱり相互RSS!

ライブドア 相互RSS

相互RSSと言えばライブドアのが良いらしいんで、私もライブドアの相互RSSを利用することにしました。

相互RSSに登録したら勝手に相互RSSになっていくのかな?と思ってたのですけどそんなことなくてwwアンテナサイトの相互RSSのURLをライブドアのフィードに登録していくと、よくある相互RSSが出来上がるのでサイトの雰囲気にあったアンテナサイトと相互RSSを頑張りましょう。

 

ライブドア相互RSS手順はこのサイトを参考に↓

livedoor相互RSSの設置方法と使い方・登録から貼り付けまで

 

ただこの手順でただタグ張ってもカッコ悪いというか・・・できたらよくあるスクロールバーがついているボックス内に相互RSS情報表示させたいので、その場合はこのサイトを参考にしましょう↓

WordPressテーマ【ストーク】でlivedoor 相互RSSのデザインを変更してみた

ストークでと書いてあるけど、アフィンガーでもできました。

とても簡単だった・・・まさかCSSに追加するだけだったなんて・・・。

追記

ライブドアブログの貼り付けコードは通常版とiframe版があるのだけど、iframe版を使えば勝手にスクロールされるテーブル?ボックス?を載せられるようになる。

けどもそれだと何故か小さな小箱のようなテーブルになっちゃうので、タグに「width="100%」を追加してあげると自動的に横幅が合うようになるので、こっちのほうが簡単かもしれんな!

<iframe src="URL" allowtransparency="true" width="100%"></iframe>

↑こんなかんじになるよ。

めっちゃ簡単だな(^▽^)/

プロフィールアバター

CHARAT

え?これがほんとに無料で商用フリーなんですか?と疑いたくなるくらい可愛いアバターが作れるんで、めちゃくちゃ活用しています。

今回も!可愛いアバターで勝負だ!!!!!

おわり

絶対また作る時忘れて1から検索しそうなのでメモっておきました。

動画サイトについてはレポっていきたいので頑張ります!とりあえずアフィンガーは優秀です!(笑)

生かせるようにがんばるおー(* ̄0 ̄)/ オゥッ!!

-サイト作り, ワードプレス

Copyright© ハニちゃんランド , 2020 All Rights Reserved.