Wordpressでホームページを静的にします。静的な Wordpress ページの作成とブログへの出力。静的ページの作成を避けるべき場合

ホームページはすべての WordPress サイトの玄関口です。当たり前のことですが、Web サイトを作成するときは、すぐにキーページの作成を開始する必要があります。しかし、実践が示すように、ほとんどの「職人」にとって、メインの WordPress サイトを作成することは不可能な作業です。この問題はすでに最初から、自分のインターネットプロジェクトを運営することに成功したことのない、失敗した若いブロガーを淘汰しています。このような事態が起こらないようにするには、この記事の手順に従ってください。

まず、デフォルトでは、WordPress は私たちが見慣れているホームページを作成しないことを認識する必要があります。メインのサイトフィードの代わりに、更新されたサイトフィードを追加します。

これは静的なセクションではなく、サイトの「生きている」、常に変化する部分であり、「メイン」とさえ呼ぶことはできません。多くのブロガーは、標準設定の不条理を我慢し、そのまま放置しています。しかし、ブログではなく、スマートフォン用のオンラインストアや不動産会社のコーポレートウェブサイトをお持ちの場合はどうすればよいでしょうか? この場合、動的ページは絶対に必要ではありませんが、ユーザーの許可がある場合にのみ変更されるサイトの明確なセクションが必要です。

静的な WordPress ホームページを作成する方法

まず、投稿とページの概念を明確に区別する必要があります。 1 つ目は投稿、2 つ目はページです。新しい投稿を作成すると、メインページ (メインページ) に自動的に表示されます。したがって、何も変更しない場合、リソース (中央ページ) にアクセスしたユーザーには最新のエントリが表示されます。記事に何らかの関連性があり、最初のエントリを読まずに最新のエントリを読むのは意味がない場合、新しい訪問者はすぐにポータルから離れてしまいます。ユーザーが何を伝えたいのかを一瞬で理解できるように、プラットフォームをできるだけ明確にする必要があります。ただし、静的ページがなければこれを行うことはできません。

セントラルサイトページを作成するには、Wordrepss 管理パネルに移動する必要があります。ウェブマスターアカウントにログインしてログインします。これで、サイトのセクションを変更する権利が得られました。これを行うには、「ページ」項目を見つけます (「管理パネル」の左側にあります)。次に、「新規追加」ボタンを見つけます。メインサイトに正しい名前を設定することが重要です。通常は「ホーム」と呼ばれます。あなたもそう呼んだ方が良いですよ。ロシア語で「メイン」と書くこともできます。

WordPress ホームページ: 静的にする方法とそれを埋める方法

現時点では「コンテンツ」セクションには触れないでください。「公開」をクリックできるようになりました。これで、ホームページが他のリソースページのリストに表示されます。ポータルの他のセクションとは異なり、メインセクションにはコメントを含めないでください。これはリソースのインデックス作成には役に立たず、サイトはすぐに低品質のリンクでスパム送信されることになります。したがって、すぐにコメントを無効にします。これは「ページの編集」セクションで行うことができます。「コメントを許可する」の横のボックスのチェックを外します。また、画面設定の「コメント」項目を削除して、コメントが一切表示されないようにしてください。

ここで最も重要なステップは、メインページが静的で更新されていないことを確認することです。これを行うには、「読み取り設定」に移動し、いくつかの調整を行います。 WordPress ではデフォルトで「最新の投稿」という項目が設定されているため、メインページにフィードが表示されます。チェックボックスを「固定ページ」に移動します。また、リソースのニュースフィードが配置されるセクションを選択することを忘れないでください (たとえば、投稿ページを「ブログ」、「ニュース」、または「記事」にします)。

最新の変更を保存するだけで完了です。ナビゲーションメニューにサイトの重要なカテゴリが表示されるように、メインページをすぐに設定することをお勧めします。これは、「メニュー」サブカテゴリの「外観」セクションで行うことができます。必要なリソースカテゴリにチェックを入れて、「メニューに追加」をクリックします。

しかし、私たちの任務はこれで終わりではありませんでした。これでホームページができました。それは静的です。ボットによってスパム送信されることはなく、そのエントリはフィードとして表示されません。私たちはこれに取り組んできました。しかし、サイトのこの中央セクションにどのように記入すればよいでしょうか? WordPress の標準機能を使用すると、サイトに魅力的なセクションを作成することはできません。できることは、異なるフォント、見出し、いくつかの写真を含む投稿を追加することだけです。しかし、これでは訪問者をリソースに留めておくのに十分ではありません。サイトの要件は増加しています。

魅力的なホームページを作成するためのプラグイン

ユーザーの興味を引くためには、セクションに関するテキストを残すだけでなく、ランディングページを作成するためのあらゆるテクニックを使用する必要があります。以下は、ホームセクションを実際の 1 ページの販売ページに変えることができる 4 つのプラグインです。

インパクトページビルダープラグイン

これは比較的新しいプラグインですが、ウェブマスターの間ではまだあまり人気がありません。ただし、ニーズに合わせてほぼすべてのテンプレートをカスタマイズできます。柔軟性が最も低いトピックについては、このツールを使用すると、ターゲットセクションの設計に大きな柔軟性が与えられます。このモジュールを使用すると、独自ではない無料テンプレートを独自のページに変えることができます。 WordPress エンジンのすべてのバージョンで動作します。

Impact Page Builder プラグインは有料で入手できます。英語で教えられるので、初心者には難しいかもしれません。しかし、たとえ理解できなかったとしても、売上がなければ開発者は返金を保証します。一方、このツールを専門家に渡せば、そのツールを使ってどんな複雑なデザインでも簡単に作成できます。

このプラグインは以前のものとはまったく異なります。サイトへの訪問者の流入にも定性的な効果がありますが、これではカラフルなページを作成することはできません。このモジュールは、ホームページのインデックスを正しく作成するために必要です。プラグインを使用すると、サイトにキーワードを追加できます。アドオンのインストール中に問題が発生する可能性があることに注意してください。 404 エラーが発生する場合があります。これを防ぐには、インストールする前にブラウザのキャッシュをクリアしてください。

SpeedPPC WordPress DKI プラグインは、動的および静的な PHP ページで動作します。このモジュールを使用すると、キーワードプランナーから取得したキーワードのリスト全体を Web サイトに統合できます。

オプティマイズプレス 2.0

以前は、OptimizePress モジュールは Worpdress の通常のテーマでした。現在、開発者はこれをメインサイトでランディングページを生成するための高速かつ効果的なツールにしました。インストール後、文字通りわずか 3 分でホームセクションに独自のランディングページを作成できます。このアドオンは海外のウェブマスターの間で非常に人気があるにもかかわらず、RuNet ではそれほど需要がありません。プラグインの費用は約 100 ドルです。真剣に強力なホームページを作成したい場合にのみ購入してください。 OptimizePress 2.0 には、ブログが組み込まれた既製のテンプレートが多数含まれており、メインのテンプレートを作成するだけでなく、リソースの他のセクションをアレンジする機会も提供されます。

Launchpad もオンラインストアに適した優れたプラグインです。ご存知のとおり、売上を増やすには、緊急性の要素を追加する必要があります。 Launchpad を使用すると、忘れた場合に自動的に再起動するタイマーをホームページ上に作成できます。このモジュールは WordPress エンジンのどのバージョンでも動作し、設定も簡単です。タイマーに加えて、Launchpad アドオンを使用して、[ホーム] セクションの外観をカスタマイズできます。

結論

フィードからの投稿を表示しない静的なホームページを簡単に作成できるようになりました。これらのプラグインを利用すると、ホームセクションをすぐに販売ツールに変えて、新しい訪問者を引き付けることができます。メインのものがリソース全体の顔であることを忘れないでください。愛用者の失敗や成長はそれに大きく依存します。

ホームページテンプレートを編集するには、コード内の必要なパラメータを自分で変更することもできます。 Index.php ファイルは、要素が表示される順序を決定します。 FTP クライアント、ホスティングコントロールパネルを使用してコンピューターにダウンロードするか、WordPress のコードエディターから直接開きます。すべてのレコードはブロックで表示されます

それぞれに特定の目的と設定があります。例えば、

サイト情報とヘッダーの表示を担当します。可能なすべてのパラメータの詳細なリストは、エンジンのドキュメントに記載されています。変更を加えた後は、FTP プログラムを使用して、編集したファイルをホスティングにアップロードすることを忘れないでください。

注記

設定後にメインページが表示されない場合は、指定したパラメータが正しいことを確認し、ページを更新してください。

エンジンのバージョンによっては、記載されている設定項目の名称が異なる場合があります。

出典:

ワードプレスでバイワードを変更する方法
WordPress 404 ページのセットアップ

ハイパーテキストマークアップ言語 (HTML) は、 ページ複数のウィンドウ「フレーム」に分割します。各フレームには、表示する独自のインターネットソースを含めることができます。このメカニズムを使用して、他のサイトのページを自分のサイトのページに挿入できます。

必要になるだろう

テキストエディタメモ帳

説明書

ページの HTML コードは、各要素がページ上のどこに表示されるべきか、またどのように表示されるべきかを指示する一連の命令です。これらの命令は「タグ」と呼ばれ、他の 1 つ以上を含むページを作成するには、対応するタグのセットを記述する必要があります。すべてのページフレームのコンテナを作成するタグから始める必要があります。
...
これらはコンテナの開始タグと終了タグです。フレームを形成するタグはそれらの間に配置する必要があります。 HTML では、タグには「属性」があり、このタグによって表示が指定されるページ要素のプロパティに関する追加情報が含まれます。コンテナの開始タグでは、ブラウザがフレーム間のページスペースをどのように分割するかに関する情報を含む属性を指定する必要があります。
...
このコードサンプルの "cols" 属性は、ページを垂直方向に 2 つのフレームに分割し、左側のフレームがウィンドウの幅の 20% を占め、右側のフレームが 80% を占めるように指定します。「cols」属性の代わりに「rows」属性を指定すると、ページは水平方向に分割されます。
...
数値の代わりに (*) を使用できます。
...
これは、2 番目のフレームに残りのすべてのスペースが与えられることを意味します。フレームサイズはではなく、ページをマークするときに最もよく使用される測定単位である「ピクセル」で指定できます。
...

コンテナに配置する必要があるフレーム自体の HTML タグは次のように記述されます。「frame」タグの「src」属性には、ブラウザがこのフレームにロードするインターネットページのアドレスが含まれています。この方法で書かれたアドレスは「絶対」と呼ばれ、http:// プロトコルで始まります。ただし、これが自分のサイトのページであり、同じフォルダー (またはサブフォルダー) 内にある場合は、絶対アドレスは必要なく、ファイル名とサブフォルダーへのパスだけで十分です。このようなアドレスは「相対」と呼ばれます。 --デフォルトページのフレーム間の境界線はマウスで移動できます。この機能は、noresize 属性によって無効になります。 -- フレーム間のマージンのサイズを決定する 2 つの属性があります。marginheight は垂直マージン (上と下) を設定し、marginwidth は水平マージン (右と左) を設定します。 -- 別の属性「スクロール」を使用すると、ブラウザのフレームスクロールバーのルールを指定できます。「auto」の値は、必要に応じて、つまりコンテンツがフレームの境界内に収まらない場合にスクロールバーを表示することを指定します。値を「yes」に設定すると、このフレームには常にスクロールバーが表示され、値「no」を指定すると、逆にスクロールバーの表示が禁止されます。 -- コンテナーに含まれるページが、操作を実行する JavaScript スクリプトで動作する場合隣接するフレーム内にある場合は、フレームを名前で区別する必要がある場合があります。フレームの名前を含む属性は name と呼ばれます。

これらの HTML 言語定義は、他のサイトのいくつかのページから単純なページを作成するのに十分です。これを行うには、標準のメモ帳などのテキストエディタが必要です。その中に新しいドキュメントを作成し、次の HTML コードタグを記述します。

次に、このコードを htm または html 拡張子 (test.html など) を付けて保存します。すべての準備が完了しました。このドキュメントをブラウザで開くと、結果は次のようになります。

別のタイプのフレームがあります - 「フローティング」。フレームに分割せずに、通常のページ内に配置できます。このようなフレームには、その寸法を指定する追加の幅と高さの属性があります。たとえば、このタグのコードは次のようになります。

Web デザイナーが Web サイトをデザインするときに、美しさについての自分の考えに基づいて設計すると、そのページはあまり見にくいものになる可能性があります。この問題を解決するために、各ブラウザにはページの表示を個別に設定する機能が備わっています。

説明書

Internet Explorer を使用している場合は、ブラウザのアイコンを右クリックしてドロップダウンメニューを表示します。「プロパティ」コマンドを選択します。 [全般] タブの [ビュー] セクションで、[色] をクリックして、Web ページに表示されるカラーパレットをカスタマイズします。

「Windows カラーを使用する」チェックボックスをオフにして、ページ上の背景、フォント、リンクに独自の色合いを選択します。リンクの状態 (通常、アクティブ、表示) に応じてリンクの色を変更したい場合は、「ホバー時に色を変更する」チェックボックスをオンにします。

カラー見本ボックスを左クリックしてカラーパレットを表示します。希望の色合いをマークし、「OK」をクリックして選択を確定します。適切な色調が見つからない場合は、[色の指定] ボタンをクリックして、展開されたカラーピッカーを表示します。

パネルが表示されたときに優先言語を設定するには、「言語」をクリックします。デフォルトでは、リストは Windows のインストール時に指定された言語になります。新しい言語を追加するには、対応するボタンをクリックし、「言語の追加」ウィンドウのリストから選択します。

Web ページにカスタムフォントがインストールされていない場合は、ブラウザの設定で割り当てたフォントが表示されます。「フォント」をクリックし、フォントの種類とサイズを選択します。 Web サイトの閲覧時に自分の設定のみが使用されるようにするには、「外観」をクリックし、適切なチェックボックスを選択します。

Opera ブラウザページの表示を設定するには、ドロップダウンメニューから「設定」および「一般設定」コマンドを選択します。このページでは、フォントの種類とサイズ、背景色、リンクを割り当てることができます。ページが大きすぎてモニター画面に完全に収まらない場合は、メインメニューで「ページ」と「幅に合わせる」を選択します。

Mozilla で Web サイトの表示をカスタマイズするには、[ツール] メニューから [設定] コマンドを使用し、[コンテンツ] タブに移動します。「色」ボタンと「詳細」ボタンを使用してフォントの種類と色を設定します。リストからサイズを選択します。「言語」セクションで「選択」をクリックして、言語を優先リストに追加します。

トピックに関するビデオ

WordPress は、そのアクセシビリティにもかかわらず、かなり複雑な CMS です。特定のページをどのようにカスタマイズできるかは必ずしも明確ではありません。ただし、基本原理と機能を理解すれば、必要なオプションを作成できます。

WordPress は年々、「ブログエンジン」というラベルから離れ、名刺サイト、オンラインストア、ワンページサイトを支持しています。ユーザーの要望も変化しています。

名刺 Web サイトの所有者が最初に望むのは、静的なホームページを作成することです。訪問者に会社について、そのサービスについてすぐに伝え、知り合いを続ける機会を与えるのは彼女です。

このチュートリアルでは、静的ホームページの作成について説明します。最後に動画もありますよ！行く！ 😉

多くのプレミアムテーマ (有料で購入されます) には、メインページをカスタマイズするための独自のメカニズムがあり、この手順の内容は役に立たない可能性があります。これを覚えておいてください。

私の推奨に従ってメインページを変更できない場合は、設定に微妙な違いがある可能性があるため、テーマのドキュメントを調べる必要があります。 🙂

アドバイス：ページを作成するときに、ページ作成インターフェイスでテンプレートを選択する機会がよくあります。「ホームページ」か何か他のものと表示されますが、一般的にはその精神に基づいています。これはまさにあなたのケースに当てはまるかもしれないことに注意してください。

導入

デフォルトでは、WordPress はメインページに最後の N 件の投稿を新しい順に表示します。いつものブログ形式で、特に変わったことはなく、すでに慣れ親しんでいます。

この動作は、ほとんどの無料テーマでほぼ常に使用されます。いくつかの例外を除き、無料テーマではメインページをブログではなく静的ページにすることができます。

この手順は、テーマのインストール後、スライダー、サービスのブロック、その他のブログ以外の要素ではなく、メインページに投稿を表示するユーザーにのみ必要です。

ページの作成

静的ホームページをインストールするには、まず静的ホームページを作成する必要があります。「ページ」メニュー-「新規追加」に移動し、必要なテキストを入力して公開します。

ここにはニュアンスがあります: なぜならメインページからブログ投稿を削除しますが、たとえば「ブログ」という名前の別のページを作成する必要があります。エントリを表示するために使用されます。

これらの操作を行うと、合計で「ホーム」と「ブログ」の 2 つのページが表示され、自分で選択できます。私はシンプルで「glavnaya」と「blog」を使用することを好みます。

ホームページの設定

ここでの作業はほんの小さなことです。新しく作成したページをメインページとしてマークする必要があります。これを行うには、「設定」-「読み取り」セクションに移動し、興味のある設定ブロックを確認します。

オプションを「静的ページ」に切り替えると、最近作成された新しいページをページのリストから選択できるようになります。次のようにしてみましょう:

保存してメインページに移動します。レコードではなく、会社やプロジェクトについて必要な情報が表示されていることを確認します。まさに私たちが望んでいたものです！ 🙂

既存のページを使用する

実際には、特別なホームページを作成する必要はなく、「会社概要」や「サービス」など、既存のホームページのいずれかを使用します。これは名刺 Web サイトに最適なオプションです。

ブログの場合、これはウェルカムページまたは著者についてのページである可能性があります。しかし、私は個人のブログでは別のことをしました。メインページの投稿と必要な挨拶の両方が表示されるようにテンプレートを変更しました。

時々確認する必要がある スタートページ WordPress エンジンには静的なエンジンがありました。このアクションの意味は、初めてブログにアクセスしたときに、スタートページに記事のお知らせが表示されず、単なる静的な情報が表示されることです( たとえばブログの説明の場合)、ブログ自体は別のタブに表示されます( ページ）。このタブをクリックすると、初めて記事のお知らせが表示されます。

情報ビジネスマンの中にはこの方法を使う人もいます。それらにアクセスすると、すぐに静的なページが表示され、ブログ、その目的、さまざまな購読、または一部の情報製品に関する完全な情報が表示されます。また、多くの企業や組織がこの方法を使用しています。まず、会社の完全な説明を含む静的なホームページが表示されます。これはすべて、最初に訪問者または顧客にあなたの会社または Web サイトを知ってもらい、その後で初めてサービスの一部を提供するために行われます。これをエンジンに実装するにはどうすればよいでしょうか?

コントロールパネルに移動し、メニュー「 オプション» —> « 読む」。上部には、メインページに何を表示するかに関する項目があります。最新の投稿または使用する永続的な静的ページのいずれかを選択するよう求められます。ただし、これを行う前に、当然のことながら、この永続的なページを作成する必要があります。これを行うには、メニューに移動します。 ページ» —> « 新しく追加する」。一番上にページの名前を割り当てます( たとえば、サイトについて）、最初にブログに入ったときに表示されるテキストを入力して公開します。テストでは、たとえば、ブログの内容、オファーやサービス、購読フォームなどを書くことができます。

ここで、もう 1 ページ、ブログの投稿を表示するページが必要になります。新しいページを追加する場合も同じ方法を使用します。ページのタイトルに書きます ブログ, その後は何も入力せずに公開するだけです。さて、メニューに戻ってみると、 オプション» —> « 読む」として、ここの上部にメインページに静的ページを表示する項目を配置します。セル内」 メインページ「項目を選択」 サイトについて「私たちが作ったもの。セル「 投稿ページ» — このページにはブログ投稿のお知らせが表示されます。このセルで、項目「 ブログ「」ボタンをクリックしてください。 変更内容を保存«.

WordPress エンジンのブログにアクセスして更新すると、静的なスタートページが表示されます。 サイトについて」。ページをクリックすると「 ブログ」と指定すると、ブログ投稿のすべてのお知らせがすでに表示されます。

または、Wordpress ページと投稿の違いを考慮してください。

このチュートリアルでは、次のことを学びます 静的ページを表示するあなたのブログに。

ブログ投稿とページの主な違い

投稿またはエントリは、デフォルトで Wordpress ブログのメインページに表示されます。
投稿は正確にはページではありません。
Wordpress のページは静的なもので、永続的な場所を持ちます。つまり、そのお知らせはブログのメインページの投稿と一緒には表示されません。
たとえば、ブログとその著者に関する情報は特別ページに掲載されます。それではWordPressページの作成を始めていきます。

ホームページ。 Wordpressの静的ページを出力する

1. いずれかの方法を使用して、Wordpress サイトのコントロールパネルに移動します。

2. 図に示すように、パネルの左側のメニューから「ページ」タブをクリックします。

3. 次に、「ページの追加」をクリックします。

4. この時点で、ページのタイトルとその内容を入力します。

5. ページのタイトルとテキストを入力し、「公開」をクリックします。

6. 結果を見てみましょう。「ページを表示」をクリックします。

あなたの場合、Wordpress サイトのテーマ (テンプレート) は新しい可能性があり、この手順に示されている Wordpress テンプレートと同じではない可能性があります。たとえば、テンプレートにはページへのリンクを含む水平メニューが含まれていないため、サイトには表示されませんが、これは簡単に修正できます。ウィジェットの操作方法とメニューブロックの移動方法をさらに見てみましょう。

上部の水平方向にブログメニューが登場 ページへのリンク 。デフォルトでは、各新しいページ (そのタイトル)、あるいはむしろ ページへのリンク、メニューに追加されました。また、ページリンクメニューはブログの上部でのみ利用可能ですが、投稿、最近のコメント、カテゴリ、メタリンクへのリンクは下のメニューにあることにも注意してください。これから作成するものに取り掛かります。 ページのリスト別のコラムで。

管理パネルで、「外観」タブをクリックします。

ウィジェット行を見てみましょう。

管理パネルの中央には、利用可能なすべてのウィジェットが表示されます。右側には白い背景にアクティブなウィジェットがあり、ブログの左側にある垂直メニューを模倣しています。ここで、マウスを使用してページウィジェットを白い背景のアクティブなウィジェット列にドラッグする必要があります。ただし、右側のメニューは現在いっぱいであり、まずスペースを 1 つ空ける必要があるため、成功しません。これを行うには、白い背景の列から使用可能なすべてのウィジェットが含まれるフィールドにウィジェットをドラッグします。アーカイブを削除したのですが、私の場合、ブログの左側のナビゲーション列からアーカイブメニューが消えてしまいました。基本的には、ページ用のスペースを確保し、次の図に示すように、ページを適切な場所に移動します。

その結果、 ページのリストサイトのナビゲーションメニューの左側にあり、新しいページを追加するたびに、新しいページへのリンクが上部の水平メニューと下部メニューの両方に表示されます。これはブログ訪問者にとっては便利ですが、多数の静的ページがあり、共有テンプレートからそれらのページへのリンクにアクセスできないようにしたくない場合もあります。

ページウィジェットを開きます。

リストから除外するページの ID を入力します。ブログの一番下の列に、同じ名前のタイトルの下に 2 つのページがあります。最初のページは私たちが追加したもので、2 番目の → 例のページがデフォルトです。サンプルページの上にマウスを置くと、ブラウザの左下隅に識別子が表示されます。私の場合は id=2 です。次に、ブログ管理パネルの [ページ] タブの [除外] フィールドに識別子の値 (2) を入力し、[保存] をクリックします。

あなたの場合、Wordpress サイトのテンプレートが新しい場合は、 id の代わりに、ロシア語またはラテン語のページ名全体が表示されることがあります。特定のページを除外するには ID を知る必要があります。これを確認するには、管理パネルで編集用のページを開き、そのタイトルの下にある [短いリンクを取得] ボタンをクリックする必要があります。そこに番号が表示されます。

その結果、サンプルページはブログの下部メニューから消えましたが、上部の水平メニューには残りました (変更を加えた後は、キーボードの F5 ボタンを押してサイトのページを更新することを忘れないでください) ）。そして、これは修正することができます。

Wordpress のサイトメニューからページを削除するために特別に設計された、ナビゲーションからページを除外するプラグインのヘルプを見てみましょう。インストールについては別のレッスンが用意されており、上記のリンクをたどって表示して、インストール方法とサイトへの接続方法を理解することができます。これは単なる短い手順です。それで。

1. 「バージョンのダウンロード...」をクリックして、「ナビゲーションからページを除外」プラグインのアーカイブを、提供されている公式ページからコンピューターにダウンロードします。

2. サイト管理パネルの「プラグイン」タブで、「新規追加」を選択します。