• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：HTML&CSSとwordpressの違い）

HTML&CSSとWordPressの違い

このQ&Aのポイント
  • HTML&CSSとWordPressの違いについて詳しく調べてみました。Webディレクター経験者の方の意見も探してみましたが、できることの違いはあまりないようです。
  • HTML&CSSの直接編集では細かい配慮が可能ですが、WordPressでもほとんど同じことができるとのこと。特に可能なことが変わらないのであれば、WordPressに移行してもよいかもしれません。
  • ただし、現在は簡単なWebサイトならばHTML&CSSでも制作できる程度のスキルがあるようです。どちらを選ぶかは、自身の目的やスキルにもよるでしょう。
  • HTML
  • 回答数4
  • ありがとう数4
回答 全件
ベストアンサー
これらは違う。 HTML: SGMLを参考に作られたもので、目的は文書…
No.2の方の回答が全てなのですが、補足にたいする回答をさせてもらいま…
こんにちは。 WORDPRESSはPHP+HTML&CSSですね。 …
HTML&CSSは1から構築する物 wordpressはテンプレート…

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.4

これらは違う。 HTML: SGMLを参考に作られたもので、目的は文書をそれを構成する要素(Element)に分解して、それぞれの要素をタグでマークアップするマークアップ言語 　その意味では、SGMLの背景( http://ja.wikipedia.org/wiki/Standard_Generalized_Markup_Language#.E8.83.8C.E6.99.AF )を読むのが最も分かりやすいでしょう。 　HTMLで記述されたファイルが、見出しはゴシック体で太文字で見えたり、段落で改行して見えることとは無関係です。 スタイルシート: 色々あるけどCSSについて 　スタイルシートは、そのHTMLをどのようにプレゼンテーションするかを指定するものです。ブラウザで、それなりに見えるのはブラウザが持つスタイルシートによるものです。 文書構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 ) ・・・まずこの二つを明確に分けてください。 Wordpressは、コンテンツマネージメントシステム(CMS)の一分野であるブログシステムのひとつです。 コンテンツマネージメントシステム( http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%83%9E%E3%83%8D%E3%83%BC%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0 ) |　　データベースから、HTMLやCSSをサーバーサイドで動的に合成する。 | | |-- 汎用 |　　　XOOPSなど |-- 電子商取引 |-- 教育 |-- ブログシステム(Web上に日記を作成するツール) |　　|-- Movable Type |　　|-- WordPress　　★　この位置付けがWordpress |　　└-- などたくさんある。 |-- ウィキ |-- ソーシャル・ネットワーキング・サービス (SNS)★ 　　　SNS用はこちらになる。 　　　SNSサービスであるMixiは、 ・ソーシャル・ネットワーキング・サービス( http://ja.wikipedia.org/wiki/%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%BB%E3%83%8D%E3%83%83%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AD%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9 ) 　例えば、OpenPNE( http://ja.wikipedia.org/wiki/OpenPNE )がSNS向けのCMSになります。 ＞以前、Webディレクター経験者の方から聞いたところ、できることの違いはあまりないと言われました。 　いくらなんでも酷い言い方ですね。「動力源と車輪」と「プリウス」は、できること違いはない。と言うようなものです。そりゃそうも言えなくもないが・・・おかしいのは分かるでしょう。 ★Wordpressは、あくまでブログシステムです。実際にはCMSとしても使われている。 　しかし、SNSとしては使うのは無理があるでしょう。 　PHPなり、CGI(Perl,Ruby)を利用して新たに書き起こしたほうがよいような気がします。

awakewalker
質問者

お礼

詳しくわかりやすく説明していただきありがとうございました！ORUKA1951さんの説明のおかげで違いがより理解できました。今後、文章や写真を載せる程度のサイトならばWordpressを使用していきたいと思います。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

回答No.3

No.2の方の回答が全てなのですが、補足にたいする回答をさせてもらいます。 Javascriptは動的なコンテンツを作ることはできますが、DB（データベース）連携ができません（厳密に言うと高度な技術を使えばできます）。動的なページを作るというのは「画面がヌルヌル動く」という意味ではなく「URLのパラメータなどにより、表示するコンテンツを変化させることができる」という意味です。 たとえばHTML+CSSのみですと5つのブログ記事があった場合、5つのhtmlを作成する必要があります。 しかし動的コンテンツの場合、テンプレート一つで済みます。なぜならパラメータなどを判断してDBからデータを引っ張ってきて、記事を生成するからです。これはJavascriptではできません。 HTML+CSSとWordpressの違いをだいぶ簡単にいうと、前者はサイト内コンテンツを作る＆管理するのが大変で、後者は簡単ということになると思います。

全文を見る
すると、全ての回答が全文表示されます。
  • sanzero
  • ベストアンサー率56% (58/102)
回答No.2

こんにちは。 WORDPRESSはPHP+HTML&CSSですね。 ブログサービスに近いとおもいます。 PHPできなくてもプラグイン入れたりすることで扱えますが、PHPできたらカスタマイズの幅が広がります。 HTML&CSSは静的なページ(ベタ書き、固定)しか作れませんが、WORDPRESSなら動的にページを作成できます。

awakewalker
質問者

お礼

no3の方が詳しく補足していただきまして、動的の意味がわかりました。Wordpressすごい使えますね。

awakewalker
質問者

補足

早速のご回答ありがとうございます。質問には記載していませんでしたがJavascriptを使用すればHTML&CSSでも動的にできますよね？

全文を見る
すると、全ての回答が全文表示されます。
回答No.1

HTML&CSSは1から構築する物 wordpressはテンプレートが用意されていて、自分でプラグイン（コメント昨日、足跡機能など）を加えいき徐々にオリジナリティを出していくものです。 基本的には大規模サイト（構築に数年かかるような、大手会社や銀行のサイトなど）でないのなら、wordpressが良いと思います。 wordpressでベース作ってからも、コード編集できるのでそこから手直しが早いですよ＾＾

awakewalker
質問者

お礼

wordpressでベース作ってからコード編集。。とても効率いいですよね。嬉しい情報でした！ありがたいです。

awakewalker
質問者

補足

そうだったんですね。。Wordpress勉強します。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • WordPressの「最近のエントリー」をHTMLに貼り付ける

    WordPress ME 2.2 を使用したブログの「最近のエントリー」を5投稿分ほど他のHTMLページに貼り付けたいのですが、やり方が分からなくて困っています。 形としては、一般的なHTML＋CSSでサイトを一つ制作し、その中のコンテンツとしてブログを一つ設置したいのですが、わざわざブログページへ行かなくても最近の投稿が分かるようにしたいのです。 もしやり方を知っている人がいれば教えて下さい。 よろしくお願いします。

  • ブログサイトの見分け方（MovableTypeやWordPressなど）

    最近、見た目ではブログサイトの様な感じじゃないのに、MovableTypeやWordPressなどを使って、制作しているサイトがあると聞いたのですが、これらのサイトの見分け方ってあるんでしょうか？ 普通にHTML＆CSSで制作したサイトではなく、MovableTypeやWordPressなどで制作したサイトは、ソースを見るとわかるものなのですか？ 「ソースのこの部分にこんな記述があれば、WordPressを使ってます」みたいな見分け方がある場合は、教えて頂ければ助かります。 よろしくお願い致します。

  • wordpressでcssを振り分ける方法

    貴重なスペースをお借りして質問させて頂きます。 ｘhtml + cssでコーポレートサイトを制作し、wordpressでCMS化しようとしているのですが、 各ページで異なるCSSを使いたいと思っています。テンプレートファイルに対しての振り分けはできるのですが、スラッグごとに異なるcssの振り分けの仕方を是非ご教示願えないでしょうか。 私の方でも調べてはいるものの、適用してもうまくいかないことが多く手詰まり状態でして、 助けて頂ければ幸いです。 どうぞ宜しくお願い致します。

    • 締切済み
    • PHP
  • HTML5とCSS3の決定的な違いって？？

    色々拝見して自分なりに調べてみたのですが、いまいちHTML5とCSS3の存在の理解に苦しみます。 決定的なHTML4とCSS2からの違いなどがあるのでしょうか？ また、HTML5とCSS3を知らないと致命的な困りごとなどが今後発生しますでしょうか。 お詳しい方いらっしゃいましたら、HTML5とCSS3、それぞれについて分かりやすく教えて頂けたらと思います。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • DreamweaverとWordPress

    すでに外部に依頼して制作してあるWordPressテーマをどうしても自分でカスタマイズしなければならない状況です。 ftpを使ってサーバーにアップされているphpデータやcssデータを取得し、Dreamweaver CS6で変更を加えることはできますでしょうか？ 直接WordPressで編集ということも考えたのですが、外部cssで作成されているせいか、WordPressのテーマ編集に、使用されているcssデータが見つからないことと、私自身が日頃Dreamweaverを使っているため、できれば慣れているDreamweaverを使用したいと考えております。 インターネットでいろいろ検索してみたところ「Dreamweaver CS5とWordPressを連携させる方法」 ということで http://www.adobe.com/jp/devnet/dreamweaver/articles/dw_wp.html のようなページがあったのですが、最初に外部に制作を依頼したため、自分自身はWordPressのインストールもしていなければ、ftpからとってくるデータ以外には何も手元にない状態です。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • WordPressを勉強したい。

    2000年代の初めにHTMLを使ってWeb構築していた私に、Wordpressはどのくらいの時間で習得できますか？ 2000年代前半に、HTMLを使ってテキストサイトのはしりのようなものをやっていました。 またWebを勉強したくて、Wordpressを使ってサイト構築がしたいのですが、 全然違うものになってしまっているのでしょうか。 ちなみに当時はHTMLが書け、Javescriptとcssは読めば分かるくらいのレベルでした。 どれくらいの時間があれば習得できますか？ とりあえず本を一冊買って頭から読めば、習得できますでしょうか。

  • HTML5＋CSS3　でしかできないこと

    長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php　など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML５＋CSS３　が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5＋CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML５で作られていますが（section タグや　header タグがありますね） XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 ３カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております＾＾ どうぞ宜しくお願い致します！

  • WordPress「最近のエントリー」をHTMLに貼り付けたい

    WordPress（バージョン 2.7.1）で作成したブログの「最近のエントリー」5件ほどを、同じサーバー上にある他のHTMLページに貼り付けたいのですが、やり方がわからず困っています。 表示形式としては「記事タイトル（記事へのリンク付き）」を表示させたいです。 一般的なHTML＋CSSでサイトを制作し、その中の一コンテンツとしてブログを設置しているのですが、ブログページへ行かなくても最近の投稿が分かるようにしたいのです。 もしプラグインや方法をご存知の方がいらっしゃいましたら、是非ご教授下さい。 宜しくお願い致します。

  • wordpressでのcssの振り分け

    この場をお借りして質問させて頂きます。 私webデザインを勉強しておりまして、今CMSの組み込みを学んでいるところです。 一度wordpressでブログは作ったのですが、次はコーポレートサイトなどを作ろうとしていまして、 質問したいことがあります。 コーポレートサイトにwordpressを組み込むときCSSファイルは分けていますか？ 一応分けた方がわかりやすいと思うので分けようと思うのですが、そうするとページによってCSSを組み込まなければなりませんよね。つまりページごとにテンプレートも分けないといけないのでしょうか。 トップページ以外ほとんどpage.phpというテンプレートを使おうかとおもっているのですが、 cssを変えるとなるとテンプレート自体異なるものを適用させる必要があるのでしょうか。 加えてimageフォルダもページごとにわけることは可能なのでしょうか。 いろいろと調べてはいるものの解答にはたどり着けず、大変申し訳ございませんがご教授して頂ければ幸いです。 どうぞ宜しくお願い致します。

    • 締切済み
    • CSS
  • HTMLをWordPress化 CSSをどこに？

    HTMLをWordPress化にするための勉強をしています。 HTML側 CSS ヘッダー内 <link rel="stylesheet" href="css/test.css"> <link rel="stylesheet" href="css/test2.css"> JS ヘッダー内ではなく一番下</body>の前に配置 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <script src="js/test1.js"></script> <script src="js/test2.js"></script> ★これをfunctions.php に記述するにはどうすれば良いのでしょうか？ function sample_scripts() {   // CSSの読み込み   wp_enqueue_style( 'jdsa-style', get_template_directory_uri().'/css/test.css', array(), '1' );   wp_enqueue_style( 'jdsa-style', get_template_directory_uri().'/css/test2.css', array(), '1' );   // jqueryの読み込み wp_deregister_script( 'jquery' ); wp_enqueue_script( 'jquery', get_template_directory_uri().'https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js', array(), '1.10.3', true );   // サイト内のjsの読み込み   wp_enqueue_script( 'jdsa-script', get_template_directory_uri().'/js/test1.js', array(), '1', true );   wp_enqueue_script( 'jdsa-script', get_template_directory_uri().'/js/test2.js', array(), '1', true ); }//ここまで 結果 ヘッダー内にtest.cssのみ記載、test2.cssは記載していない。 jsはどこにも記載していませんでした。 どこが間違っておりますか？ 宜しくお願いします。

    • ベストアンサー
    • PHP
dynabook RX3 メモリー交換方法について
このQ&Aのポイント
  • dynabook RX3のメモリー交換方法とは？
  • メモリ不足の表示が出る問題を解決する方法
  • メモリを増やすための交換方法と注意点
回答を見る

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する