楽しく、速く、簡単：Kadenceでサイトを構築する

公開: 2022-01-06

Carol Stambaughは、10年以上にわたってWordPress Webサイトを構築および保守しており、フェニックス地域のWordPressコミュニティのリーダーの1人でもあります。彼女はWordCampPhoenixとTempeエリアのWordPressMeetupの主要な主催者です。

最近のWordPressMeetupで、Carolは、代理店のRadiateWPがKadence＆KadenceBlocksを使用して新しいWordPressWebサイトを構築し始めた方法を紹介しました。キャロルに、チームが新しいビルドをカデンスに切り替える理由をカデンスコミュニティと共有できるかどうか尋ねました。

Kadenceを使い始める

「私は本当にLifterLMSを使用してサイトに飛び込み始めたばかりで、簡単に統合できるテーマを見つけたかったのです。カデンスをすすめる人が多かったので、やってみることにしました。それ以上の期待はあまりありませんでしたが、KadenceはLifterLMSとの統合を実際に実現しました。しかし、Kadenceを使用すればするほど、他のサイトの構築を容易にするのに役立つ可能性があることがわかりました」とCarol氏は述べています。

クラブエドフリーランサーのスピードアップ

RadiateWPでのKadenceとの最初のプロジェクトは、ClubEdFreelancersでした。この学習管理サイトには、設計の更新といくつかの新機能が必要でした。 LearnDashを使用して学生にオンライン学習体験を提供するClubEdFreelancersには、サイト訪問者が自由に利用できる多数のページがあり、多数のページはログインした学生にのみ表示されます。

オンラインコース機能の追加により、サイト訪問者に提供される要素の数が増加しました。しかし、KadenceとKadence Blocksを使用することで、RadiateWPチームは、以前のサイトよりも実際に高速で、サイト訪問者にとってより優れたユーザーエクスペリエンスを提供するサイトを作成することができました。

ページテストの結果は、新しいサイトのパフォーマンスが高く、アクセスしやすく、ユーザーフレンドリーであるというストーリーを物語っています。

グーテンベルクの力を解き放つ

RadiateWPのチームは、何年にもわたってさまざまなテーマとページビルダーを使用しており、それらの多くは、サイトビルダーが美しいサイトを作成できるようにする独自の強力なツールを備えていました。しかし、欠けていることが1つありました。それは、ネイティブのグーテンベルクのサポートでした。

「WordPressや他の多くのページビルダーの長年のユーザーとして、私は早くからグーテンベルクの時流に乗ることはありませんでした。実際、私はそれを避けました。グーテンベルクが最終的に何を提供するかを期待していましたが、それは私たちにはありませんでした。」

「グーテンベルクの可能性を見たのは、カデンスを使い始めてからでした。それは私が以前にページビルダーでやっていたことを私に与えましたが、ネイティブはグーテンベルク内でした。それは、WordPress CoreチームがブロックベースのWordPressで何をしているのかを理解するのに役立ち、それを正しく行うのに時間がかかることで、彼らがどれほど素晴らしかったかを示しました。」

「最終的には、Kadenceを使用すればするほど、簡単に機能するものを見つけるという私の期待が興奮に変わりました。他のサイトでカデンスを試してみたかったので、やってみました。そして、それを使うほど、ブロックエディタを使ってサイトを構築するのが楽しくなりました。カデンスはグーテンベルクをもっと楽しくしました。」

Kadenceが他のテーマと異なる理由

キャロルは、他のテーマやページビルダーを使用した経験が豊富で、WordPressブロックエディターでKadenceをネイティブに使用することの利点を理解しています。

「ケイデンスは、WordPressコアを使用した構築に戻ることができました。私たちのチームは、美しいサイトや機能的なレイアウトを作成するための努力を犠牲にすることなく、WordPressが全体として進んでいるところに本当に戻ることができます。そして、ページの読み込み速度とパフォーマンスはそれを実際に示しています。」

「他のページビルダーやテーマでは、WordPressがやろうとしていることと常に戦っているように感じました。確かにあなたはWordPressを持っていますが、WordPressの上にあるページビルダーの重さです。ページビルダーまたはグーテンベルクを選択する必要がありました。その選択についてエレガントなものは何もありませんでした。」

これで、Kadenceを使用して、RadiateWPチームは、ネイティブのWordPressブロックの基盤と、WordPressサイト構築の将来から、楽しく、高速で、機能的なサイトの構築を開始する準備が整いました。

スターターテンプレートから始める

キャロルは、Kadenceでいくつかの設計ツールを使用して構築を開始するのは簡単でした。多数のKadenceスターターテンプレートを調査した後、Kadence Design Libraryは、ClubEdFreelancerサイトのニーズに合わせて簡単にカスタマイズできるフレームワークを提供しました。

デザインライブラリで利用可能なブロックにいくつかのカラフルなブランドをサポートするデザイン要素を追加することで、RadiateWPチームはClubEdFreelancerをユニークでゴージャスなものにすることができました。

「ワイヤーフレーム要素の一部を使用してニーズに合わせてカスタマイズできるだけでなく、デザインライブラリセクションの要素もいくつか使用しました。」

「デザインライブラリからコンテンツを追加するのはとても簡単でした。新しいコンテンツ領域を追加し、サイトのニーズに合わせて迅速かつ効率的にカスタマイズすることができました。私たちが見つけた最大の助けは、デザインブロックをKadence Blocks Row Layoutにラップし、リストビューを使用して各ブロックの設定にアクセスすることでした。さまざまなブロックから簡単にジャンプして、すべてが必要な方法で設定されていることを確認できました。」

また、新しいKadence Conversionsを使用して、Cookieの受け入れ通知とメーリングリストのサインアップの両方にスライドを追加しました。「KadenceConversionsのタイミング要素を使用して、サイトの訪問者を圧倒しないように両方の通知を設定できましたが、適切なタイミングで表示されました」とCarol氏は述べています。

Kadence変換 — *Kadence Conversionsは、クーポンニュースレターの登録にスライドします。*

Kadence要素テンプレートの使用

サイトにはログインした訪問者に固有のコンテンツが含まれていたため、チームはログインしたユーザーにKadenceElementsテンプレートを使用しました。 LearnDashは学生にさまざまなヘッダーとナビゲーションを提供しますが、RadiateWPのチームは、カスタムの投稿タイトル（コースタイトル）バナーを使用してLearnDashをさらにカスタマイズしました。このKadence独自のカスタマイズにより、Club Ed Freelancersのすべてのコースには、他の投稿とは異なる独自の特別な投稿タイトルバナーがあります。

ClubEdFreelancersカスタムコースタイトルバナー — *Kadence Elementsを使用して、LearnDashでカスタムコースタイトルバナーを作成します。*

Kadenceは、サイトの構築を楽しく、速く、簡単にします

WordPressでサイトを構築してきた10年の経験を持つ、RadiateWPチームは、Kadenceで何ができるかについて興奮しています。 Kadenceは、Club Ed Freelancersプロジェクトに新しい生命、スピード、アクセシビリティをもたらし、RadiateWPのチームにとってプロセスを楽しく簡単にしました。「私たちはカデンスで何をしているかに本当に興奮しています」とキャロルは言います。「ケイデンスは、将来に備えてビジネスを準備するWordPressサイトを構築するための新しい可能性を開きました。」

キャロルの詳細については、Twitterで彼女をフォローし、RadiateWPをチェックして、Kadenceで作成している他のプロジェクトを確認してください。