ここから本文です

「前のページ、後のページ」、「カテゴリー別」に記事を分けるにはどうすればいい...

har********さん

2014/11/1920:20:25

「前のページ、後のページ」、「カテゴリー別」に記事を分けるにはどうすればいいですか?

現在、ホームページを作っています。
メモ帳でタグを打ち込んでサイトです。
HTML・CSSは使いこなすことができます。

ただ、もっとレベルを上げるためにも、
書いた記事を月別、ジャンル別、最新記事と分けた
サイトを作ろうとしています。
ですが、メモ帳で手打ちで作るサイトで、
どうすれば、そんなサイトができるのか、よく分かりません。


ワードプレスであればできますし、
アメブロやライブドアブログならできるのも知っています。
しかし、私は今作っているサイトは
アメブロなどの無料ブログやワードプレスを使う気はありません。



ただ、PHPを学べば、ワードプレスでなくても、
ジャンル別・月別などがのフォルダーに分けることのできる
サイトはできると聞きました。


それは本当でしょうか?
また、もしできるなら、PHPのどんな関数を使えばいいのでしょうか?


ご存じの方であれば、どうか、ご教授下さい。
よろしくお願いします。

閲覧数:
59
回答数:
1
お礼:
250枚

違反報告

ベストアンサーに選ばれた回答

ven********さん

2014/11/1920:40:43

こんばんわ・ω・)o

PHP 環境は、
自分のパソコン環境で動作テストするのも難しいし、
無料のレンタルサーバーなどでは使えないところもあります。

ブラウザから記事を入力して投稿するのではなく、
HTML のコーディングで記事を追加していくのであれば、
PHP なんて使わなくても、
Javascript だけでジャンル別、月別など、
カテゴリー分けは出来ますよ。

仕組みは簡単で、

記事1つ1つのブロックを <div> で作るとして、
その div に「カスタムデータ属性」を使って、
カテゴリーや日付などのデータを付けておきます。
┌────────
| <div
| data-category="music"
| data-year="2014"
| data-month="11"
| >
| ~ 記事 ~
| </div>
└────────
とりあえず、
カテゴリーと年、月のデータを付けるとしたらこんな感じです。

この形式でひたすら記事を追加していくのですが、
これらの記事は CSS ですべて「display:none;」にしておきます。

そして、
カテゴリー選択で特定のカテゴリーボタンを押したら、
「data-category="~"」の値が
選択したカテゴリーに一致する <div> だけを
「display:block;」に切り替えて表示する、
という流れになります。

カテゴリーや年月のボタン選択だけでなく、
カスタムデータを記事のタグとして使えば、
ページを開いたときは、
いまの日時から3か月前までの記事だけを表示する、
とか、
Javascript のコーディングによってはどんな表示方法も可能です。

「カスタムデータ属性」については、
HTML5 で新しく導入された仕組みですが、
HTML5 対応以前のブラウザでも、
問題なく動かすことが可能ですょ゜▽^)b'

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

質問した人からのコメント

2014/11/21 19:03:04

降参 大変、ご丁寧にありがとうございます。
調べても調べても、なかなか解決できなかったので、
とても役立ちました。

PHPよりJavaScriptということで、
サイトを作りながら、またタグも学んで
自分なりのスキルの幅を広げていこうと思います。


ご丁寧・ご親切にありがとうございます。

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる