デザインを開発するという視点でお伝えするクリエイティブBLOG
webサイトの制作時に、フリーで使用できるHTMLテンプレートがあると非常に作業効率がよくなり、さらに手軽にデザインクオリティも高めることができます。今回はそんなフリーHTMLテンプレート集「20 Fresh & Free HTML Templates」を紹介したいと思います。
シンプルテイストなデザインを中心に、現在のwebトレンドをしっかりと抑えたデザイン性のあるテンプレートがまとめられています。
詳しくは以下
関連記事の表示はSEO的にも効果を発揮するし、読者にとっても有益なリンクだと思います。今回紹介する「Related Posts Link」は手動で関連記事を記事に差し込む事ができるWordPressプラグイン「Related Posts Link」です。
1. 配布元の「erwin@terong » WP Plugin: Related Posts Link」より terong_related.phps を保存し、terong_related.php にリネーム。
2.[terong_related.php]を「wp-content/plugins/」アップロード
3.Related Posts Linkのプラグインを有効化。
1. 記事投稿画面から関連付けを行いますが、新規投稿時には何も表示されません。関連記事を挿入する為には一旦記事を保存する必要があります。
2. 保存済み記事の記事投稿画面では、下記の画像のようにウィンドウの右上端に「Related Links」の項目が表示されます。
※「Related Links」をクリックすると保存時の状態に戻ってしまうため、追加編集したら必ず保存してから「「Related Links」」をクリックしてください。
3. 「 Related Links」をクリックすると、下記の画像のような実際に関連付けを行う別画面で開きます。
※リストは投稿ステータスが「公開」の記事のみ。公開ステータスのパスワード付き記事はリストアップされますが、草稿・非公開の記事および「ページ」はリストアップされません。
4. 関連付けたい記事にチェックを入れ、[Update]ボタンをクリック、[Close this Window]をクリック。これで関連記事が表示されているはずです。
自動で関連記事を表示してくれるプラグインもありますが、DesignDevelopでは精度を上げる為に手動で関連記事を挿入する方法をとりました。膨大に記事を書いている方やジャンルが多岐にわたる方はタグによる関連記事の自動表示とかの方が良いかもしれません。
日本でもお祭り的に取り上げられる。ハロウィン。この季節になると、店頭でもジャックーランタンをはじめとして、様々なハロウィングッズが日本でも展開されます。その他にもハロウィンでモチーフとされるものは色々とありますが、今回紹介するのはそんなハロウィンのモチーフを集めたフリーベクターデータ「20 Halloween Vectors」です。
蜘蛛の巣やお化けなどなど様々なハロウィンを連想されるシルエットベクターデータが収録されています。
詳しくは以下
20 Halloween Vectors収録物一覧。
上記の他に全部で20個のフリーベクターデータが公開されています。データの形式はepsでCS以前、以降に対応しています。
ライセンスは「 Creative Commons Attribution Share Alike licens」にて公開されていますので、そちらの規定に則れば自由に利用することができます。詳しいライセンス規約については、ダウンロードしたファイルに同封されている「ReadMe.rtf」をご覧ください。
自分の用途に沿って情報の追加を行っていくことができるカスタムフィールド。柔軟にサイトを変えていくことが可能ですが、仕様によっては構築で戸惑ってしまうことも。そんなシーンで役に立つ、WordPressのプラグイン「10 WordPress Plugins to Supercharge Advanced Custom Fields」を今回は紹介していきたいと思います。
ACF to REST API — WordPress Plugins
カスタムフィールドに焦点をあてたプラグインが紹介されています。気になったものをいくつかピックアップしていますので、下記よりご覧ください。
詳しくは以下
webサイトを制作する際に、アイコンやボタン、スクロールバーなどさまざまな素材を使用すると思いますが、デフォルトの素材やいつも使っている処理・素材ではどうしても味気なくなってしまうもの。そんな時に是非利用したい、高いクオリティのフリーpsd素材まとめ「20 Useful Set of Free Web Element PSD」を今回は紹介したいと思います。
（Free psd web elements for download）
新たに定番として導入できるシンプルなタイプや、デザインにポイントを加えたい個性を持ったタイプなどを集めた、20種のpsd素材が収録されています。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
表現の幅を広げてくれる様々なphotoshopブラシですが、今日紹介するのは日本をテーマにした、photoshopブラシ「Japanese Brushes Collection」です。日本をといっても様々な表現があり、扇子や家紋のようなスタンダードなものから、日本語自体のものまで幅広く収録されています。
収録されているブラシセットは全部で21セットにも及びますが、今日は収録されているphotoshopブラシの中から気になったブラシをピックアップして紹介したいと思います。
詳しくは以下
立体的で少し光沢感のあるクオリティの高いアイコンの素材をベクターデータで公開しているのが今回紹介する「90 Free Vector Icons Set」です。こちらは前回「車のベクター素材の決定版！6000車種のベクターデータを収録した「6000 vector Cars」」と言う記事で紹介した、車の立面図のベクターデータを制作した方と同じ制作者さんです。
90 Free Vector Icons Setから一部抜粋
アイコンイメージは「工事中」「カレンダー」「虫眼鏡」などなどWEBやIT系に使えそうな物を中心に90種類物アイコンセットがフリーで公開されています。
詳しくは以下
数字などのデータをビジュアルで表現したい時に使用するグラフやチャートはとても便利なグラフィック。いろいろなシーンで活躍してくれますが、今回はそんなグラフやチャートのベクターグラフィックコレクション「Vector Graph & Chart Collection」を紹介したいと思います。
Free Collection of 36 Vector Graphs & Charts
白黒タイプ、またカラータイプの2種類のグラフ・チャートのベクター形式の素材がフリーでダウンロードできるようになっています。
詳しくは以下
Twitterなどの有名なアイコンは、自分がよく使用するものはストックとして持っているかもしれませんが、必要時にない場合は探すことになり、非常に手間を感じるのではないでしょうか。そんな手間を省いてくれる「devicon」を今回はご紹介します。
デベロッパーが持っておくと便利なアイコンが多数まとめられており、ソースコードも記載してくれている優秀なアイコンセットになります。
詳しくは以下
ファッションアイテムの中でも定番中の定番として愛用されているデニム。デザインの世界でも、ポピュラーで人気の高い素材となっています。今回はそんなデニム地のシームレステクスチャまとめ「Grab These Free Seamless Denim Textures」を紹介したいと思います。
Denim by marlborolt on deviantART
比較的シンプルな表情が特徴の、いろいろなデザインシーンで利用できそうなデニムテクスチャがまとめられています。
詳しくは以下
