トップ10のオープンソースWordPressテーマフレームワーク

公開: 2021-10-25

WordPressのテーマとサイトを構築することになると、いくつかの方法があります。 コード全体を最初から作成したり、既製のテーマをカスタマイズしたり、 WordPressテーマフレームワークに依存したりできます。 この投稿では、後者に焦点を当てたいと思います。 フレームワークは、コードではなく設計に集中できるため、Web開発プロセスを容易にするために使用されます。 言い換えれば、あなたが始める前に、最も難しい仕事はあなたのためにすでに行われています。

フレームワークは多くの時間と労力を節約できますが、フレームワークに関する意見は対象業界の当局によって異なります。

テーマフレームワークを使用するか、使用しないかは完全にあなた次第です。 このエンジンを試してみることにした場合は、このオープンソースのWordPressテーマフレームワークのセットが作業に役立つことがあります。 個々のニーズに合った機能を備えたものを選択してください。

その他の無料のWordPressテーマ：

  • 無料のブログWordPressテーマ
  • 無料のビジネスWordPressテーマ
  • 無料のeコマースWordPressテーマ
  • 無料のファッションWordPressテーマ
  • 無料の食品WordPressテーマ
  • 無料のランディングページのWordPressテーマ
  • 無料の雑誌のWordPressテーマ
  • 無料のマテリアルデザインのWordPressテーマ
  • 無料の最小限のWordPressテーマ
  • 無料の1ページのWordPressテーマ
  • 無料の写真のWordPressテーマ
  • 無料ポートフォリオWordPressテーマ
  • 自由に書くWordPressテーマ

WordPress開発テーマ：

  • WordPress用の無料のスターターテーマ

TemplateMonsterによるCherryFramework

私たちの投稿で取り上げられた最初のオープンソースツールは、Bootstrapを搭載したCherryFrameworkです。 少し前にリリースされた最新バージョンの4.0は、比較的短期間でWeb開発者から多くの肯定的なコメントを受け取りました。

Cherry 4.0を使用すると、不要なオプションをすべてオフにして、Webサイトの構築中に注意をそらすものがないようにすることができます。 このような機能はほとんどのフレームワークにはありませんが、快適に使用するには必須の機能です。

Cherry Frameworkの主な機能：

  • 独立したモジュール構造により、Cherryコンポーネントをスタンドアロンツールとして使用できます。 AutomatticのTomJ。Nowellによると、これはすべてのフレームワークに必要なものです。
  • 複数のショートコードバリエーションは、さまざまなタイプのコンテンツをサイトに埋め込むのに役立ちます。
  • ショートコードテンプレートエディタは、ショートコードのテンプレートを作成し、要素の順序や属性などを変更してカスタマイズすることを目的としています。
  • 静的エリアビルダーを使用すると、ヘッダーとフッター全体で静的ページ要素の優先位置を修正できます。 これらの要素をドラッグアンドドロップするだけで可能です。
  • CSS Minifierは、複数のCSSファイルを1つにコンパイルし、後で圧縮してWebサイトの読み込みを高速化するように設計された革新的なツールです。
  • バックアップオプションは、今導入した変更が気に入らない場合に、以前の設定を復元するのに便利です。
  • 複数のプラグインがCherryに統合されており、さまざまな目的に迅速なソリューションを提供します。 いくつか例を挙げると、スライドショー、サイドバー、メガメニュー、紹介文、サービス、チーム、ポートフォリオの投稿タイプを追加することを目的としたプラグインがあります。
  • サードパーティツールとの互換性により、サイトに追加機能を装備できます。
  • レスポンシブ＆WPML-Readyは、デスクトップとポータブルデバイスの両方で問題なく動作できる多言語サイトの作成を可能にするため、今日の必須機能です。

ThemeHybridによるハイブリッドコア

ハイブリッドコアは、起動が簡単なフレームワークであり、コーディングしすぎずに複雑な機能を備えたテーマを構築できます。 代わりに、事前にコード化された機能をテーマに含めることができます。 フレームワークはスキーマ標準と互換性があるため、データがSEOに適したものになります。 さらに、Hybrid Coreには、次のような開発者向けの機能が詰め込まれています。

ハイブリッドコアの主な機能：

  • ブレッドクラムスクリプトは、カスタム投稿タイプや分類法など、あらゆるタイプのページで適切に機能します。
  • Cleaner Galleryは、無効なHTMLを修正し、画像ギャラリーを完全に制御できるショートコードです。
  • Media Grabberを使用すると、投稿から直接取得できる注目のメディアを作成できます。
  • 投稿テンプレートは、さまざまな投稿タイプのカスタムテンプレートを作成するのに役立ちます。 これらは、ページテンプレートへのクールな追加です。
  • 番号付きページ付けとは、検索、ブログ、アーカイブページのページ付けされたリンクを作成できることを意味します。 それらは、機能において標準の「前/次」リンクを超えています。
  • 翻訳に対応しているため、翻訳ファイルを親テーマと子テーマに自動的に読み込むことができます。

RocketThemeによるガントリー

Gantryは、テーマで使用されている複数の機能を1つのフレームワークに統合することを目的として、RocketThemeの専門家によって開発されました。 レスポンシブグリッドシステムに基づくこの軽量フレームワークは、SCSS、CSS、およびLESSをサポートします。 最新バージョン、つまりGantry5の主な機能をご覧ください。

ガントリーの主な機能：

  • レイアウトマネージャーを使用すると、ドラッグアンドドロップでレイアウトを簡単に作成およびカスタマイズできます。
  • パーティクルシステムを使用すると、コンテンツブロックを簡単に作成、構成、および管理できます。
  • Visual Menu Editorを使用すると、ユーザーはメニュー階層を構造化したり、粒子やアイコンを追加したりすることができます。
  • メガメニューは、標準のドロップダウンメニューに加えて高度なナビゲーションを提供することを目的としています。
  • 管理インターフェースはAjaxを利用して、Webサイトのバックエンドを超高速で処理します。
  • Twigテンプレートシステムを使用すると、強力なテーマを簡単に開発できます。

上記の機能に加えて、YAMLベースの構成、メガメニューのサポート、オフキャンバスパネル、強力な継承機能、およびアイコン、フォント、画像の組み込みピッカーも注目に値します。

Parallelusによる滑走路

Runwayは、WordPressテーマの開発を容易にすることを目的としたオープンソースソリューションです。 その助けを借りて、あなたはあなたのテーマをスタンドアロンとして、すなわちフレームワークから独立して配布することができます。

Runwayはホワイトラベルツールでもあり、サードパーティの関与なしにテーマを自分の頭脳として表現できます。 以下の主なフレームワークの特徴とその機能を確認してください。

滑走路の主な機能：

  • 子テーマジェネレータは、テーマを作成、カスタマイズ、複製することを目的としています。 カスタマイズに関しては、名前、説明、管理メニュー、フォルダーなどを変更できます。
  • テーマオプションビルダーは、管理ページの作成、テーマオプションのグループ化、および特定の機能のカスタム入力タイプの生成に役立ちます。 このツールには、ドラッグアンドドロップ、クリックアンドピックのコントロールが付属しています。
  • モジュラー構造を使用すると、拡張機能を使用してフレームワークに新しい機能を提供できます。 あなたはシングルクリックでそれに追加することができます。

JonnyAllbutによるWonderflux

私たちのコレクションにリストされている次のオープンソースフレームワークはWonderfluxです。 この適切にコーディングされたソリューションは、結果の効率を損なうことなく、多くの時間を節約するのに役立ちます。 Wonderfluxがユーザーに提供するものをお読みください。

Wonderfluxの主な機能：

  • レスポンシブCSSレイアウトシステムにより、カスタムテーマをあらゆる画面にスムーズに適応させることができます。
  • 柔軟なレイアウトオプションは、その場でフィルタリング、変更、または完全に削除できます。
  • 100以上のフックのセットを使用すると、ほぼすべてのタイプのコンテンツとコードをテーマに埋め込むことができます。
  • シンプルな管理オプションを使用すると、サイトを好きなように簡単に再構成できます。
  • WordPressプラグインとの互換性により、多くの追加機能へのアクセスが提供されます。
  • 有効なマークアップは、SEOにとって好ましい要素である、一般的に受け入れられているWeb標準への準拠を提供します。

ThemeFuseによるユニソン

Unysonは、Web開発者とエンドユーザーの両方を対象とした機能豊富なフレームワークです。 Webサイトのフロントエンドを編集するプロセスを容易にするために、多くのカスタマイズオプションが用意されています。 ライブプレビューオプションを使用すると、管理パネルですべての変更をリアルタイムで確認できます。 ここにそのクールな機能のいくつかがあります。

Unysonの主な機能：

  • ドラッグアンドドロップページビルダーを使用すると、コンテンツとメディアのショートコードを介して無制限のページを作成できます。
  • コンテンツデモインストールは、デモに表示されているとおりにテーマコンテンツをインストールできる拡張機能です。
  • 20以上のオプションタイプは、管理ページのボックス、タブ、およびフォーム入力を生成するのに便利です。
  • サイドバーモジュールを使用すると、動的サイドバーを使用してページを変更できます。 ページが異なれば、サイドバーも異なります。
  • 自動バックアップは、WP管理パネルでコンテンツを直接バックアップするためのオプションです。 自動バックアップの日付を設定することもできます。たとえば、毎日、毎週、毎月などです。
  • Breadcrumbs Extensionは、以前にWebサイトにアクセスした場所を表示することにより、ナビゲーションの高速化に貢献します。
  • 実装が簡単なスライダーは、画像とビデオの両方のコンテンツをサポートします。

これは、Unysonの機能の完全なリストではありません。 実際、このオープンソースのWordPressテーマフレームワークには、SEO、お問い合わせフォーム、イベント、ポートフォリオ、レビューと評価の送信のための複数のモジュールも含まれています。 さらに、ソーシャルメディア統合、Flickr、およびブログタブ用のカスタムウィジェットがあります。

PressWork

PressWorkは、HTML5とCSS3で構築された無料のWordPressフレームワークです。 これは、開発者、設計者、発行者、文字通り誰でもなど、さまざまなカテゴリのユーザー向けに調整されています。 以下のPressWork機能のいくつかをご覧ください。

PressWorkの主な機能：

  • フロントエンドエディタは、ドラッグアンドドロップ機能を使用してサイトの視覚的な側面を変更するのに役立ちます。
  • BriefCaseは、テーマの機能を拡張できる高度なプラグインのセットです。 したがって、フレームワークを最大限に活用できます。
  • メディアクエリは、テーマをハンドヘルドデバイスの画面にスケーラブルにし、最適な視覚体験を提供します。
  • PSDファイルは、Photoshopでテーマをカスタマイズするように、特にロゴやグラフィック要素などを変更するように設計されています。

ThemeFortressによる空想

Reverieは、ブログ、CMS、オンラインパンフレット、またはその他の種類のサイトを構築するために設計された、用途の広いWordPressフレームワークです。 ニーズとスキルに応じて、スターターまたは親テーマとして使用できます。 Reverieが何であるかを明確に理解するために、読み続けてください。

Reverieの主な機能：

  • フレームワークはZURBFoundationを利用しており、そのすべての機能を継承しています。
  • HTML5およびhNewsマイクロフォーマットは、より明確な構造とより優れた読みやすさを提供します。 HTML5タグを出力するには、カスタムWordPress関数を使用できます。
  • メディアクエリを使用すると、スマートフォンやタブレットなどのポータブルデバイス向けにテーマを簡単に最適化できます。
  • Reverieは本質的に非常にミニマルで、 2つのウィジェット領域と2つのカスタムメニューしか提供していません。
  • Webページのスタイル設定に関しては、 SCSSと通常のCSSの両方の機能を利用できます。

ReverieはSEO向けに部分的にのみ最適化されているため、その目的のために別のプラグインを使用することをお勧めします。

Vafpress

Vafpressには、WordPressテーマのバックエンドを簡単に構築するためのツールボックスが組み込まれています。 要するにフレームワークを特徴づけるために、以下のツールをリストすることは価値があります。

Vafpressの主な機能：

  • スクリプトロード管理により、ページは必要なスクリプトのみをロードします。 したがって、フロントエンドはフレームワークプロセスで過負荷になることはありません。
  • Vafpressのユーザーは、TextArea、MultiSelect、CheckBox、RadioButton、Toggle、Sorterなどの複数のフィールドを使用できます。
  • テーマオプションビルダーは、フィールドをメニュー、サブメニュー、およびセクションに整理するのに役立ちます。 ビルダーはXML形式で記述し、後でPHP配列に変換できます。
  • Metabox Builderを使用すると、PHP配列でメタボックスを作成できます。
  • 繰り返しフィールドのグループを使用して、任意の数のオカレンスを持ついくつかのフィールドを定義できます。

アンダースコア

私たちのセットで紹介されている最後の、しかし重要なツールはアンダースコアです。 一部の専門家はそれをフレームワークと呼び、他の専門家はそれをスターターテーマと呼びました。 アンダースコアを定義するために選択した名前に関係なく、Web開発の取り組みが大幅に容易になります。 その機能のコンパクトなチェックリストは次のとおりです。

主な機能を強調します：

  • サンプルのカスタムヘッダーを実装するオプション。
  • コードの重複を防ぎ、テンプレートをよりクリーンに保つためのカスタムテンプレートタグ。
  • 携帯電話のディスプレイでメニューを切り替え可能なドロップダウンに変えるスクリプト。
  • サイドバーの位置が異なる2つのサンプルCSSレイアウト、つまり右側と左側。
  • テーマ構築のプロセスを合理化するための適切に編成されたCSS 。
  • 事前定義された404テンプレート。

Themosis WordPress Framework

Themosis WordPress Frameworkは、エレガントでシンプルなコード構文を使用して、無名関数や名前空間などの「最新の」PHP機能を使用し、Composerに対応しており、WordPressのベストプラクティスと一般的なMVCフレームワークを組み合わせています。

終了した！

ご覧のとおり、無料で利用できるWordPressテーマフレームワークが多数あります。 （無料のWordPressテーマも同様です。）これらは、プロジェクトの視覚的な側面に注意を払い、面倒なコーディング手順をスキップする機会を提供します。 次に、レスポンシブフレームワークのどれが次のプロジェクトの構築に役立つかを決定します。

あなたも好きかもしれません：あなたのサイトにeコマースを追加するためのトップ10のWordPressプラグイン。