WordPressテーマデザイントレンド(2003〜2020)

とき WordPressの最初のバージョンは2003年5月に出荷されました, 当時は画期的なデザイン機能があり、WordPressテーマデザイントレンドの最初のバッチを定義していました。高度にインテリジェントな改行、素晴らしいテクスチャ、ブロガーがブログロールにリンクを追加する機能がありました.


ブログロールを覚えていますか?彼らは16年前に大したことでした。誰かであった誰もが他のブロガーにリンクしていて、見返りにリンクを得ることを望んでいました.

今日、ブログロールは過去のものとなっています。 2020年には、Word Builderサイトを誰でも作成およびカスタマイズできるページビルダーとブロックベースの編集機能が用意されています。コードは不要です.

どうやってここに来たの?今日のWordPressを理解するために、過去16年間にWordPressテーマがどのように進化したかを見てみましょう.

WordPressテーマデザインのトレンド

2003-2020年のWordPressテーマデザインのトレンド

最初のデフォルトのWordPressテーマ(ヒント:キューブリックではありませんでした)

WordPress 0.71-goldが2003年にリリースされたとき, デフォルトのb2layoutが付属しています.

テンプレートは基本的で、当時のブログに最適でした。シンプルなヘッダーと黒いサイドバーがありました。覚えておかなければならないのは、当時のインターネット速度は比較的遅く、シンプルなWordPressテーマのデザインは十分に速く読み込まれただけでなく、ライバルのブログプラットフォームMoveable Typeに比べて変更が簡単でした。.

b2layoutのWordPressデザイン

サイドバー:初期のブログの主力

サイドバーは、デザイナーがウェブ向けのデザイン方法を考え出そうとした初期のウェブデザインの重要なコンポーネントでした。WordPressのテーマデザインも例外ではありませんでした。サイドバーは何年もの間顕著に機能し、Twenty Thirteenで一時的に消え、Twenty Fourteenで戻ってきました.

WordPressのテーマデザイントレンドの初期の頃、サイドバーにより、ブロガーはブログロールを誇らしげに表示することができました。 WordPress 0.7のリリースとその リンクマネージャー, ブロガーはブログロールをよりよく管理し、自動的にサイドバーに追加できます.

WordPressに付属する基本テンプレートには、WordPress 1.2の改良が加えられています。新しい配色は新鮮な空気の息吹でした—以前の暗いテーマからの心地よい変化.

WordPressテーマクラシック

WordPress 1.2は初めてプラグインアーキテクチャを搭載, これにより、開発者はテーマデザインの機能を拡張し、プラグインを生まれたばかりのWordPressコミュニティと共有できました。.

2004年、WordPressはブログブロックの新しい子供でした。コードをカスタマイズして遊ぶのが好きな人にとっては、何か楽しいものでした。これらのテクノロジーに精通したブロガーは、熱意を持ってプラグインに取り組み、バグの報告、フィードバックの提供、新機能の要求により、WordPress開発全体に貢献しました.

WordPressのコア開発者はすべてボランティアであり、ブログにはWordPress自体を使用していました。オープンソースプロジェクトとして、フィードバックが歓迎され、奨励されました。これにより、当時のブログプラットフォームとは異なり、WordPress開発へのユーザー中心のアプローチが可能になりました。.

��間奏:WordPressのユーザーインターフェースがどのように変更されたかについて詳しくは、WordPress UIの進化をご覧ください.

キューブリック時代:2005-2010

2005年, WordPress 1.5は柔軟な新しいテーマシステムを導入しました. テーマはさまざまなセクションとファイルに分割され、ユーザーがサイトをカスタマイズする方法をより詳細に制御できるようになりました.

たとえば、ヘッダー、フッター、サイドバーなどの一般的なサイト要素は、独自のファイルに分割されました。ユーザーは1つのファイル(home.phpまたはcomments.php)に変更を加えるだけで、どこでもすぐに見ることができます.

WordPress 1.5は、長期にわたるキューブリック時代の始まりを告げるものでもあります。一般的に認められる WordPressの最初の実際のデフォルトテーマ, キューブリックは新しいテーマシステムの力を披露しました.

ワードプレスのテーマキューブリック

マイケルハイルマン シンプルな青と白のブログテンプレートを作成し、当時のデザインは印象的でした。丸みを帯びた角、カスタムヘッダー、2本の白い柱—幅広の柱をポスト用、細い柱をサイドバー用など—キューブリックは最先端でした!

Kubrickは、多くのプラグインですぐに使用できる最初の柔軟なテーマでした。また、2005年から2010年にかけてWordPressのフロントエンドとしても機能し、WordPressのテーマデザイントレンドの主流となりました。.

プレミアムテーマ:幸せな事故

WordPressテーマリポジトリは2008年にリリースされました, ブロガーが無料のWordPressテーマをダウンロードし、独自のカスタムテーマデザインをアップロードして共有できるようにします。リポジトリはWordPressテーマデザインショーケースの一部であり、ユーザーは他のユーザーがWordPressをカスタマイズしてプラットフォームの制限を拡大していた様子を確認できます.

WordPressテーマリポジトリ

ブライアンガードナーは、WordPressの可能性を広げようとするブロガーの1人でした。彼はテーマをダウンロードし、独自のカスタマイズを行った後、更新されたデザインをリポジトリにアップロードして他のユーザーが無料で使用できるようにしました.

これは、カスタマイズの要求につながりました。当初、ブロガーは彼に色などを変えるために25ドルから50ドルを支払いました。しかし、すぐに彼はより複雑なカスタマイズのリクエストを受け取りました. 彼が後でStudioPress.fmポッドキャストを言うように, 彼は作っていた "休暇のお金" 退屈なデスクの仕事に比べて楽しかった.

不動産業者が彼にブログをカスタマイズするように頼んだとき、物事は変わった。ブライアンはさらに進んで、フロントページとして機能し、ブログではなくウェブサイトのように見えるWordPressテーマデザインを作成しました.

しかし、エージェントは彼が基本的なブログを望んでいるだけでそれを拒否しました。ブライアンはつぶされた.

彼はデザインを捨てるのではなく、それについてブログに投稿し、カスタムテーマが購入に興味があるかどうかフォロワーに尋ねました。反応は圧倒的に肯定的でした。ブライアンは彼のテーマデザインを革命テーマと呼んだ.

2009年に, 革命はブランド変更されました 今日のように StudioPress.

WordPressのカスタマイズの台頭

2008年と2009年には、プレミアムテーマショップとWordPress中心のプロジェクトが立ち上げられ、Codexにはないコードハックとテーマデザインをカスタマイズするためのアイデアを提供する新しいチュートリアルWebサイトが次々と登場しました。 WordPressのテーマデザイントレンドはまったく新しい時代でした。.

これらのハウツーサイトの中には ThemeShaper.com. Ian Stewartが最初に始めたThemeShaperは、IanがThematicテーマを共有する場所でした。しかし、Thematicは単なるテーマではなく、イアンがWordPressテーマシステムがどのように機能するかを学び、彼の学んだことをコミュニティと共有する機会でした.

主題

WP TavernのJeff Chandlerが思い出すように イアンとテーマの2008年は "テーマ開発の野生の西、およびテーマ開発手法を定期的に共有した人は、コミュニティの有力なメンバーになりました."

テーマフレームワークの登場

ブライアンガードナーが提携したのはこの頃です ネイサンライスジェネシスを起動する, 最初のものの一つ WordPressテーマフレームワーク. これらのフレームワークにより、開発者は共通のコードベースを共有するテーマを作成でき、ユーザーがさまざまなデザインを上に置くことができるテーマのコードライブラリと基本アーキテクチャを提供します。なので ブライアンはStudioPress.fmポッドキャストに語った

"Genesisを構築し、そのアイデアとコンセプトをWordPressコミュニティに紹介すると、人々はそれに賛同しました。明らかに、私たちは個人的にStudioPressと私を通してかなり良いフォローを得ていました。スタンドアロンテーマから現在のジェネシスフレームワークとそれに付随する子テーマシステムへの移行."

ジェネシスフレームワーク

論文など、他のテーマフレームワークもすぐに登場しました。これらのフレームワークは、WordPressテーマ開発における進化的前進を示しました。 YoastのJoost de Valkは完璧にまとめました 2009年のThemeShaper投稿で:

"Chris Pearsonの論文とIan StewartのThematicは、(WordPressテーマのデザイントレンド)の方向に向かっている可能性があります。つまり、基本的にテーマではなくなったテーマであり、レイアウトエンジンです。."

WordPress 3.0:ターニングポイント

2010年のWordPress 3.0のリリースは、プラットフォームの開発において大きな飛躍を遂げました。カスタム投稿タイプ、より良いカスタム分類法、カスタム背景、ヘッダー、メニューなどの機能を備えたWordPressは、単なるブログプラットフォームではなく、本格的なコンテンツ管理システムになりました.

WordPress 3.0にはTwenty Tenが付属し、Kubrickの統治をデフォルトのテーマとして正式に終了し、WordPressテーマのデザイントレンドの大きなマイルストーンとなった毎年の新しいデフォルトテーマの伝統を先導しました。.

WordPressテーマデザインTwenty Ten

テーマカスタマイザー

2012年までに、WordPressテーマデザインの進化は着実なペースで進んでいました。営利企業はWordPressの成長に投資するようになったので、ユーザーはWordPress管理画面のパネルを使用して簡単にカスタマイズできるようにする、より多くの機能を備えたプレミアムテーマを開発していました。.

この時期に、テーマカスタマイザーがWordPress 3.4に導入されました。 Theme Customizerを使用すると、ユーザーは色や背景などのテーマに基本的な変更を加え、それらをライブにする前にプレビューできます。.

テーマカスタマイザー

レスポンシブデザインとモバイル

この頃、スマートフォンを使用してWebにアクセスする人が増えるにつれて、レスポンシブデザインの人気が高まりました。二十二は 最初の完全に応答するデフォルトのテーマ スマートフォンから大きなHiDPI / Retinaスクリーンまで、あらゆるサイズのデバイスで表示できるように、モバイルファーストレイアウトで作成されています.

Twenty Twelveは、別の理由でも特別でした。これは、ユーザーにブログの投稿をホームページに強制的に表示させるのではなく、特別なホームページテンプレートが付属する最初のデフォルトテーマでした。.

テーマTwenty Twelve

ビルダーテーマの登場

この頃のWordPressのカスタマイズは簡単になり始めていました。テーマカスタマイザとWordPressのカスタマイズ方法に関するチュートリアルを公開した多くのWebサイトのおかげで、ユーザーは自分のサイトに変更を加えることができました.

唯一の問題は、ユーザーが当時多くのテーマで利用できる高度な設定を超えてカスタマイズしたい場合は、CSSとPHPの知識がまだ必要でした。.

これは2013年に変更され、ページビルダーが登場しました。当時最も有名だったのはDiviでした。.

テーマDivi

エレガントテーマのDiviページビルダーは画期的なものでした。ユーザーはページ内のさまざまなセクションをドラッグアンドドロップし、色やフォントからヘッダーやフッターまで、サイトのあらゆる側面を制御できます。さまざまなビルド済みレイアウトが付属しており、WooCommerceと簡単に統合できます。応答性が高く、全幅の画像やビデオの表示に使用できました.

ディビはすぐに成功しました— 発表投稿に関する965件のコメント 証明してください!初めて、誰もが1行のコードに触れることなくWebサイトを構築できました.

この時点までのWordPressテーマデザインのトレンドの世界は、ウィジェットのドラッグアンドドロップ、ページのドラッグアンドドロップ、そしてテーマのドラッグアンドドロップの機能を持つことから進化しました。.

雑誌のテーマ

ちょっと待って、時計を2009年に戻しましょう.

テーマリポジトリはまだかなり新しいものでしたが、成長し続けていました。ユーザーがテーマをダウンロードして、独自のテーマデザインを提供していた.

同時に、プレミアムWordPressテーマの人気も高まりました。リポジトリ内の無料のテーマと比較して、プレミアムテーマは高度な機能を提供しました。しかし、もっと重要なことは、彼らはブログのテーマではなかったということです。テーマリポジトリは、テーマをダウンロードするのに最適な場所でした。ブログが必要な場合.

そこで、WordPressテーマデザイントレンドの新しい章を開始しました。これにより、人々は従来のブログレイアウトよりも高度なブログやニュースサイトをより多くのコンテンツで実行できるようになりました。これらのタイプのテーマには、広告スペースが含まれることが多く、サイトを通じて収益を上げたいユーザーにアピールしました.

雑誌のテーマの例:サイトテーマ

雑誌のテーマはブログのテーマの自然な進化であり、ユーザーはほとんどのカテゴリ、タグ、投稿形式にアクセスできました.

2014年に早送りし、デフォルトのWordPressテーマがついに追いついた。 Twenty Fourteenは、洗練されたモダンで美しく細工されたレスポンシブデザインを特徴としており、誰でもウェブサイトを雑誌に変えることができました.

Twenty Fourteenの動作をご覧ください。テーマ二十四

ビジネスとポートフォリオのテーマ

2015年、WordPressが本格的なCMSへと成長し続ける中、次の自然な進化はビジネスとポートフォリオのテーマでした。フリーランサーがWordPressを使用してポートフォリオを紹介する一方で、人々はWordPressを使用してビジネスサイトや代理店サイト、さらには企業サイトを強化し始めていました。.

利用可能な最も人気のあるテーマ この時は アバダ, 今日でも、ThemeForest.comで最も人気のあるテーマです。.

��どちらが良いですか:Avada、Divi、またはXテーマ?

2006年に発売されたThemeForestは、プレミアムなWordPressテーマを推進するのに役立ちました。 ThemeForestは、ユーザーがテーマを購入できる市場を提供すると同時に、開発者や代理店が作品を販売できる場所を提供しました.

テーマAvada

一方、サイドバーは、ビジネステーマではあまり一般的ではなく、水平と階層化されたデザインを特徴とする傾向がありました。 ゼレ 下の写真のテーマ。レスポンシブデザインが進化するにつれ、サイドバーの人気は衰えました(サイドバーは、より小さなデバイスで表示するのが難しい)。デフォルトのTwenty Thirteenテーマに似たサイドバーのないデザインがより一般的になりました.

ゼルのテーマ

これはまた、次のような最小限のフラットデザインが フラットby Themify, WordPressテーマのデザイントレンドで人気が高まっている.

テーマフラット化

多目的テーマ

2015年までに、多目的テーマは重要なものになり、ThemeForestはそれらを見つける場所でした。多目的テーマの急増は、間違いなくThemeForestの広大な市場だけでなく、独立したプレミアムテーマショップの人気によるものでした. ThemeIsle’s たとえば、人気のあるNeveテーマは非常にカスタマイズ可能であり、その多くの組み込みテンプレートにより、あらゆる種類のサイトでの使用に最適です。

テーマアイル

これらの多目的な、ただしキッチンシンクのテーマは、さまざまなオプションのトンをバックエンドの1つのテーマにまとめ、フロントエンドにさまざまなデザインのロードを搭載しています.

テーマフレームワークと同様に、このタイプのWordPressテーマデザインは、さまざまな目的で構成できます。同じテーマを使用して、テーマオプションパネルを更新するだけで、eコマースサイト、ビジネスサイト、またはポートフォリオを作成できます。.

たとえば、ここにいくつかあります BeThemeの 400以上のデモ:

BeTheme

最初は、これらのテーマは、テーマ自体の中で機能するために必要なすべての機能を備えていました。しかし、その後、サードパーティのプラグインをバンドルして、追加機能を処理し始めました。人気のバンドルには、Avada + Slider Revolution + Visual Composerなどのプレミアムテーマが含まれます.

Visual Composer(現在のWPBakery Page Builder)などのページ作成プラグインは、プレミアムテーマに頻繁にバンドルされており、ユーザーがフロントエンドでテーマをカスタマイズし、変更をライブでプレビューできます.

フルスクリーンとヒーローヘッダー

2016年までに、ヘッダーはより大きく、より大胆になりました。最初は全幅でしたが、その後フルスクリーンになり、スライド式の画像や動画が登場しました.

幅広いWebデザインコミュニティでのこの傾向は、Avada、Xテーマ、Bridge、BeThemeなど、当時人気のあったプレミアムWordPressテーマに反映されていました。.

テーマ顕著

ニッチなテーマ

2017年までに、ThemeForestおよび小規模の独立したプレミアムテーマの開発者がニッチなテーマを開発していました。多目的テーマにより、ユーザー(多くの場合は実装者)があらゆる種類のWordPressサイトを作成できるようになり、ニッチなテーマが特定の業界にサービスを提供.

教会、慈善団体、ミュージシャン、パーソナルトレーナー、ライフコーチ、法律事務所、不動産業者-名前を付けてください。ニッチなテーマがありました.

テーマEduma

これらのテーマには、特定の目的に役立つ機能が付属しています。たとえば、バンドの音楽プレーヤー、非営利団体の資金調達ツール、スポーツクラブのポイントテーブル管理など.

テーマスプラッシュ

今日:ページビルダーとブロックエディター

そして今、私たちはビルダーのためのテーマであり、そしてグーテンベルクのワードプレスコアへの統合です.

しばらくの間、Visual Composerは、WordPressテーマデザイン用のドラッグアンドドロップページ構築プラグインでした— ThemeForestとそのテーマバンドルは、それを確実にしました。 Diviは、Webサイトをすばやく構築したいユーザーにとって非常に人気のあるもう1つのソリューションです。.

そして、はい、長年にわたって他の多くの同様のページ作成ツールがありました。 Beaver Builderと、最近ではElementorにより、ユーザーと開発者がドラッグアンドドロップを使用して複雑なサイトを作成できるようになりました。そして今、あなたはElementorのテーマとテンプレートをダウンロードすることさえできます.

��Elementor、Beaver Builder、またはDivi?どちらがいいですか?

SquarespaceやWixなどの新しいウェブサイトプラットフォームは、世界で最も人気のあるCMSとしてのWordPressの支配に挑戦しました。実際、これらの競合他社は、WordPressコアにはない、ユーザーフレンドリーなドラッグアンドドロップページ構築を提供しています。まあ、それはWordPress 5.0まではありませんでした.

WordPress 5.0とのマージ グーテンベルク WordPressコードへのプロジェクトは、WordPressによる追いつきの試みであるため、Webサイトプラットフォームでのページ作成機能を期待しているユーザーにアピールできます。.

グーテンベルクブロックエディター

WordPress.orgが説明するように:

"グーテンベルクは単なる編集者ではありません。それはまた、WordPressのカスタマイズとサイト構築に革命を起こす基盤でもあります."

Gutenberg(およびGutenberg互換のテーマ)は、ユーザーが(少なくとも今のところ)ブログ投稿を作成できるブロックベースの編集および構築エクスペリエンスを提供します。ブロックはコンテンツの単一の要素(画像、テキストの段落、またはYouTubeビデオ)であり、これらのブロックを挿入、構成、移動して投稿レイアウトを構築できます。.

現在のデフォルトのTwenty Twentyは、ブロックエディターの能力を引き立たせるように設計されています。すべてのデフォルトブロックのカスタムスタイルを備えており、1つの目的(ブログ、雑誌など)に適した多くのデフォルトのWordPressテーマとは異なり、Twenty Twentyは、ポートフォリオやビジネスサイトからブログや非Webサイトまで、幅広いWebサイトでの使用に適応できます。利益.

二十二

ブロックエディタの次は何ですか?このプロジェクトは、独立したプラグインとして現在も開発が進んでおり、投稿だけでなく、WordPress全体でより優れたページ構築エクスペリエンスを提供するためにプロジェクトの開発を継続する予定です。.

結論

長年にわたって多くの異なるWordPressテーマデザインのトレンドがあり、2003年以降、プラットフォームとしてのWordPressは大きな進歩を遂げました。現在、ページ作成ソリューションの開発により、ユーザーはサイトのデザインのあらゆる側面を制御できます。.

WordPressテーマのデザインは今後どこに行くのでしょうか?知るか。ブロックエディターはまだ新しく、長い道のりがあります。ページビルダーは標準になり、16年前のユーザーが夢見ることしかできなかったカスタマイズを提供しています.

一方、バックエンドでは、WordPress REST APIは何でも意味します—分離されたWebサイトではWordPressを完全に認識できず、静的なWordPressソリューションさえあちこちにポップアップ表示されます.

WordPressテーマのデザイントレンドの将来についての予測を教えてください。以下のコメントでお知らせください.

画像クレジット:

WordPressサイトの高速化に関する速習コースに参加することを忘れないでください。いくつかの簡単な修正により、ロード時間を50〜80%も短縮できます。

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map