WordPressリバースエンジニアリング:WordPressサイトを複製する方法

公開: 2018-05-24

このウェブサイトはとてもよさそうだ。 そのようなウェブサイトがあればいいのにと思います。

おなじみですか?

それは、ウェブサイトを見て、クールなユーザーインターフェイス、色、フォントなどを誇示するときのほとんどすべてのブロガーの考えです。

私は何度も同じ状況に陥り、何かをする必要があることを知っていました。 それで、私は先に進んで研究をしました。

より具体的には、私はWebサイトをデコードできるツールを見つけ、それを強化するすべての根本的な秘密を明らかにしました。

この投稿では、 WordPressリバースエンジニアリング戦略と、WordPressサイトを複製するために使用できるツールのリストを共有しています。

しかし、Shafi、なぜWordPressなのか? あなたは尋ねるかもしれません。

理由は非常に簡単です。 WordPressは最も人気のあるコンテンツ管理システムの1つであり、インターネット上のすべてのWebサイトの28.6%に電力を供給しています。

驚いたことに、毎日50,000以上のWordPressサイトが立ち上げられ(ソース)、TechCrunch、Disney、Sonyなどの人気サイトがWordPressを使用してサイトを運営しています(ソース

それがあなたの質問に答えることを願っています。

[click_to_tweet tweet =”毎日50,000のWordPressブログが立ち上げられており、優れたデザインと機能を持つことが重要になっています。 WordPressブログをコピーするための5つのステップは次のとおりです。 #WordPress #OceanWP #WordPressFacts” quote =”ご存知ですか、毎日50,000の新しいWordPressブログが立ち上げられています。 #WordPressFacts”]

ロールする準備はできましたか? 始めましょう。

ステップ0:サイトがWordPressを使用しているかどうかを確認します

あなたはそれが来るのを見ましたね?

もちろん、最初に行う必要があるのは、お気に入りのサイトがWordPressを使用しているかどうかを確認することです。 そうでない場合は、この戦略に従う意味がなく、後の手順で頭を悩ませ続けることになります。

どのコンテンツ管理システム(CMS)がWebサイトを強化しているかを確認するには、無料のオンラインツールであるWhatCMS.orgを使用します。

ツールの使用は簡単です。テストするWebサイトをコピーし、表示されたWebサイトボックスに入力して、Enterキーを押します。

サイトがWordPressを使用しているかどうかを確認します

このツールは一連のアルゴリズムを実行し、Webサイトで使用されているCMSを示す結果を提供します。

ステップ1:デザインをコピーする

次の明らかなステップは、問題のサイトで使用されているWordPressテーマを確認することです。 ご存知のとおり、少なくとも1万の異なる無料およびプレミアムのWordPressテーマを使用できます。これにより、Webサイトの所有者は十分な選択肢を得ることができます。

さらに、多くのWebサイト所有者は、フレームワークのカスタマイズされたバージョンまたはゼロからコーディングされたテーマである可能性があるカスタム開発されたテーマを使用します。

使用されているWordPressテーマを確認するには、別の無料ツールであるWPThemeDetector.comを使用できます。

このツールは高度であり、WhatWPThemeIsThat.comなどの他の同様のツールでは不可能なテーマまたは基盤となるフレームワーク(非表示になっている場合でも)を簡単に検出します。

ウェブサイトのテーマを確認してください

このツールは、テーマの検出に加えて、開発者、それを使用している他のサイトの数、および公式リンクに関する詳細情報も提供します。

サイトがカスタムテーマを使用している場合はどうすればよいですか?

前に説明したように、一部のサイトでは、最初から開発されたカスタムテーマを使用している可能性があります。 このような場合、上記のツールはあまり役に立ちません。

しかし、期待を裏切らないでください。OceanWPテーマとElementorのようなページビルダーを組み合わせて使用​​することで、同じWebサイトのデザインを釘付けにすることができます。

OceanWPは、​​最もカスタマイズ可能なテーマであり、ページビルダーを使用して、Elementorと同じように直感的で使いやすく、すべてのパワーを手に入れることができます。

文字通り、事前に作成されたコンポーネントをドラッグアンドドロップし、サイズ/色を調整し、CSSの微調整をいくつか追加して、ほぼ同様のデザインを得ることができます。

ステップ2:機能を正しく取得します!

さて、あなたは正しいデザインを持っていて、新しく作られたWordPressサイトは似ています。 しかし、それは同様の機能がなければ何もありません、または私はプラグインと言うべきです。

平均的なWordPressサイトは、少なくとも10の異なるプラグインを利用しており、それぞれが独自の機能を提供します。

あなたの理想的なウェブサイトはまた、その洗練された機能とユーザーエクスペリエンスを持つために複数のプラグインを使用しています。 また、プラグインの情報を取得することをお勧めします。プラグインは、特定のプラグインに落ち着く前に複数のプラグインを試したはずだからです。

使用されているプラ​​グインの正確なリストを取得することは困難ですが(多くの開発者は名前と情報を非表示にします)、 scanwp.netは効率的に情報を取得できます。

サイトで使用されているプラ​​グインを見つける方法

また、WordPressリポジトリで利用可能なプラグインの公式リンクと、無料かどうかも確認します。

ステップ3:読書体験を忘れないでください

ここ説明するように、使用されているフォントは、実際には、コンテンツに対する個々の応答方法に影響を与える可能性があります。

上記の実験では、最初のグループの人々(読みやすいフォントを使用)は、タスクが完了するのに8.2分かかると推定しました。 一方、2番目のグループ(読みにくいフォントを使用)は、なんと15.1分と推定しました。

シンプルフォントの心理学

これは大きな違いであり、適切な意味があります。 指示が読みづらい場合は、処理が遅くなり、推定時間が長くなります。 間違いなく、あなたがあなたのブログに望むもの。

同様の読書体験が必要な場合は、そのサイトで使用されているものと同じフォントを使用するようにしてください。 WhatFont Chrome拡張機能を使用すると、サイトが使用しているフォントを簡単に検出できます

拡張機能をインストールし、サイト(できれば記事ページ)にアクセスし、WhatFont拡張機能ボタン(画面の右上隅にあります)をクリックして、テキストにカーソルを合わせます。

ウェブサイトのフォントを見つける方法

正確なフォントだけでなく、フォントのサイズ、スタイル、太さ、およびダウンロードするためのGoogleWebフォントへのリンクも取得できます。

ステップ4:誰かが色を言いましたか?

繰り返しますが、色は人間の心理学に関連するものであり、専門家はウェブサイトのニッチに基づいて最適なカラーパレットを使用することを提案しています。

Kissmetricsよると、色は購入行動に影響を与え、オーディエンスタイプに基づいて、適切な配色を選択する必要があります。

ウェブサイトの配色

お気に入りのWebサイトで使用されている配色を確認して取得することはできますが、正確な色合いと16進コードを取得する方が理にかなっています。

ColorCombos.comには、Webページで使用されているカラーパレットを取得できるオンラインツールがあります。 ページのURLを入力してEnterキーを押すだけです。

数秒で、ウェブサイトで頻繁に使用されるすべてのカラーパレットのリストが表示され、16進コードと配色をダウンロードするオプションが表示されます。

ステップ5:ウェブサイトの速度

このサイトについて最初に印象に残ったのは、読み込み速度のおかげだと確信しています。 デザインやユーザーインターフェイスがどれほど優れていても、3〜4秒以上で読み込まれる場合は、タブを閉じて戻ってこないでしょう。

Webホスティングは、良好なロード時間の背後にある主な理由の1つであり、このサイトに電力を供給するためにどのホスティングが使用されているのか疑問に思われるかもしれません。 サイトを閲覧しても回答が得られない場合(ほとんどの場合、フッターに記載されています)、 HostAdvice.comのツールを使用してホスティングプロバイダーを取得できます。

Nameserverのみを使用してWebホストを検出する他のツールとは異なり、このツールはCDNを使用している場合に実際に非表示のホストを明らかにすることができます。

このツールがなければ、OceanWP.orgがCloudFlareCDNでクラブ化されたGoogleCloud Platformでホストされていることを私は知りませんでした(これは超高速のロード時間を説明しています)

ドメイン名を使用してウェブサイトのホストを見つける方法

さらに、ホスティングプランとユーザーレビューを同じページで確認できます。

結論

どうぞ!

これで、WordPress Webサイトを迅速にリバースエンジニアリングし、設計からWebサイト機能まで複製できる秘密の暗殺者になりました。

サイトに他に必要なものがあるのに、それがどのように行われるかが見つからない場合は、サイトの所有者に直接連絡することを検討してください。 ほとんどの場合、それらは機能のソースまたはそれを書いた開発者にあなたを導きます。

WordPress Webサイトを複製するために使用する秘密のツールはありますか? 私はそれについて聞きたいです。 コメントをドロップして、それについて話し合うことができます。 この記事は、役立つと思われるWordPress愛好家の友人と共有してください。