デザインをまとめたサイトの作り方 | 質問掲示板 | 独学!未経験からWebデザイナーになる!!

Web制作や付随することを何でも質問できるコーナーです。

未経験からWebデザイナーになる!! > 質問掲示板 > カテゴリ: HTML/CSS > デザインをまとめたサイトの作り方

デザインをまとめたサイトの作り方

当サイトのリニューアル作業に時間をあてるため、掲示板の投稿は当分停止させていただきます。
Webサイトのサムネイル一覧でまとめたサイトを作りたいのですが、更新しやすくするためにはWordPressなど使えば可能でしょうか?

検索しても作り方がわからず、教えていただけますと助かります

参考
http://muuuuu.org/
https://www.dailywebdesign.com/
mikamikaさん、こんにちは。

こういったサイトはカテゴリ分けされていたり、タグ付けされていたり、さらには現在の登録数などを記載したりすると思います。

ごくごく小規模なサイトなら手作業でできなくもありませんが、一定規模になってくると管理が難しいですね。

ですのでこの場合、以下のいずれかが一般的だと思います。

・オリジナルのシステムを自分で作る。

・既存のCMS(コンテンツを管理するWebシステム)の中から、適した物を導入する。

ちなみに、WordPressもCMSとしての一面もあり、ユーザーも多く、Web上の情報も多いです。

今回のようなサイトも作ることが可能です。

実際、挙げていらっしゃるサイトの(少なくとも)一つは、WordPressで作られているっぽいですね。
馬場誠さん

具体的にありがとうござます!!!

WordPressで検索してみたのですが
テキストリンクのプラグインが多く、
参考サイトのようなサムネイルでリンク集をWordPressで作りたいのですが
実現できるプラグインがあれば教えていただくことは可能でしょうか?
mikamikaさん、こんにちは。

自動でサムネイルまで取ってきてくれるようなプラグインでしょうか?
個人的にリンク集的なものを作ったことがないので、残念ながら思い当たるプラグインはありませんでした。お役に立てず申し訳ありません。

もうすでにお調べだとは思うのですが、 「WordPress  リンク集 プラグイン」 などで調べるといくつか出てきます。時間が無くて詳しくは見られませんでしたが、WP Links Pageあたりどうでしょう(ググってみてください)。

これらでご希望の機能がなければ自作でしょうかね。

サムネイル用画像はスクリーンショットを撮って加工&アップし、それをHTML/CSSコーディングすれば実現できます。

HTML/CSSを多少なりとも学ばれているのであれば、それほど高度なことではないのでそちらでチャレンジされる手もあると思います。



よくよく考えると、昨今のサイトはアニメーションも含まれますし、完全自動のスクリーンショットのみだとうまくいかないサイトもあるかもしれません。

手動でベストなタイミングのサムネイルを撮った方が、手間はかかれど質の高いリンク集サイトにはなりそうですね。