初心者向け入門講座⑧:記事サイトを簡単に作る

初心者向け入門講座⑧:記事サイトを簡単に作る
前回の投稿では、Web ページの作成方法について説明しました。Web サイトは多くの Web ページで構成されているため、前回の投稿で説明した方法を使用して、複数のページを繰り返し作成し、これらのページを相互にリンクする必要があります。たとえば、有名な Taobao 28 Street はそのような Web サイトです。

しかし、友人たちは、完全に静的なウェブページを数十ページ作るのは比較的簡単だとしても、ウェブサイトのコンテンツを更新するのは少々面倒だろう、という問題を考えたかもしれません。たとえば、記事を公開したり、お知らせを発したり、ユーザーにメッセージやコメントを残すように依頼したりする必要があります。このような機能は、前のセクションで説明した方法では実現できません。ではどうすればいいのでしょうか?実は、タオバオ28ストリートは初心者向け毎日投稿⑦の手法で構築されたウェブサイトですが、ウェブサイトのコンテンツを毎日更新したり、記事を公開したり、ユーザーコメントを受け付けたりすることもできます。それで彼はどうやってそれをやったのでしょうか?方法は非常に簡単で、ブログプログラムを追加するだけで、江西SEOのように毎日記事を書くことができ、ユーザーもコメントを残すことができます。 Taobao 28 Street に追加されたブログプログラムは http://www.taotao28.com/blog/ です。

記事をすばやく簡単に公開し、ユーザーがコメントを残せる Web サイトを作成するには、まずスペースにブログ プログラムをインストールする必要があります。 Zblog ブログ プログラムは、使いやすいだけでなく、SEO にも非常に有益であるため、ここで推奨されます。 Zblog ブログ プログラムの紹介: http://bbs.supadmin.com/thread-6471-1-3.html、Zblog ブログ プログラムの公式 Web サイト: http://www.rainbowsoft.org/。ダウンロード ページにアクセスすると、2 つのダウンロード リンクが表示されます。1 つは自動インストール パッケージで、もう 1 つは手動インストール パッケージです。これらは同じですが、手動インストール パッケージにはすべてのファイルが含まれており、それらすべてを Web サイト スペースにアップロードする必要があります。自動インストール パッケージには 2 つの構成ファイルのみが含まれており、インストール中に設定して、Web サイト スペースにプログラムを自動的にインストールできます。

Zblog プログラムを使い始めたばかりの友人が何人か、自動インストール パッケージの使用時に多くの問題に遭遇したようですので、初心者には手動インストール パッケージの使用をお勧めします。今日は、手動インストール パッケージを例に挙げます。自動インストール パッケージをダウンロードすると、インストール方法を説明したユーザー マニュアルが付属します。

手動インストール パッケージをダウンロードした後、コンピューターで解凍すると、その中に多くのファイルが含まれていることがわかります。以下のように表示されます。

最後の 2 つの手順を除き、他のすべてのファイルとフォルダーを Web サイトのスペースにアップロードする必要があります。アップロード時にファイルに変更を加える必要はなく、FlashFTP ソフトウェアを使用して直接アップロードするだけです。アップロードが完了したら、プログラムをインストールした URL またはパスを開きます。

たとえば、プログラムをルート ディレクトリ (ルート ディレクトリとは何ですか?) にアップロードし、ドメイン名が www.yi7.org である場合、ブラウザーにドメイン名を直接入力します。Taobao 28 Street は http://www.taotao28.com/blog/ ですが、ブログ プログラムをブログ ディレクトリにアップロードしたので、ブラウザーに http://www.taotao28.com/blog/ と入力する必要があります。

上記の方法で初めてプログラムのアドレスを開くと、プログラムは以下に示すように自動的にインストール ページにジャンプします。

プログラムは、Web サイトのアドレスとデータベースを自動的に認識します。管理者の名前とパスワードを設定するだけです。この管理者の名前とパスワードは、ブログ プログラムのバックエンドにログインして記事を投稿するときに使用するユーザー名とパスワードです。設定が完了すると設定が送信され、その後、ホームページに戻るか、バックエンドにログインするように求められます。ブログ プログラムがインストールされました。ブログのホームページにアクセスしてエフェクトを参照するか、 http://blogpath/login.aspからバックエンドにログインすることができます。バックエンドにログインすると、記事を公開したり、記事を削除および管理したり、コメントを管理したり、フレンドリーリンクを管理したり、テンプレートを変更したりすることができます。次の図に示すように:

記事の公開と管理は非常に簡単です。まずはバックエンドに慣れるだけで十分です。記事をランダムに公開してみることもできます。注意: 記事を公開する前にカテゴリを作成する必要があります。そうしないと記事を公開できません。同時に、「ウェブサイト設定管理」でウェブサイト名を設定することもできます。

これにより、記事を公開したり、ユーザーがコメントやメッセージを投稿したりできるシンプルな Web サイトが作成されます。この方法では、毎日数個の記事を書くだけで、Web サイトのコンテンツを毎日更新できます。初心者向けウェブサイト構築の日常投稿⑦で紹介した完全に静的なウェブサイトを例にとると、ブログプログラムを使用してサブディレクトリを作成し、新しいブログを書いた後、新しい記事のタイトルとリンクをホームページの適切な位置に挿入するだけで済みます。これにより、Web サイトのホームページのコンテンツが更新されるだけでなく、ブログ プログラムを通じて Web サイト全体のコンテンツも更新されます。これにより、静的なページを持つ Web サイトでコンテンツを更新するのが不便であるという問題が解決されます。同時に、ブログ プログラムを使用して静的ページを更新する方法についての記事を以前に書きました。これは、ブログを使用して Web サイトを更新する別の方法です。

はい、今日はこれで終わりです。今日説明した内容を使用すると、記事サイトを簡単に構築できます。しかし、このような記事サイトは記事自体の公開しかできず、ユーザーはコメントやメッセージの投稿しかできません。ユーザーが会員登録してオンラインで記事を投稿できるサイトを構築するにはどうすればいいのでしょうか。ポータル Web サイトの構築方法については、次の投稿をご覧ください。

<<:  MySQL 5.7 共通データ型

>>:  divコンテナ内の背景色または画像は、サイズが大きくなるにつれて大きくなります。

推薦する

vue3.0 で要素を使用するための完全な手順

序文: vue3.0の要素フレームワークを使用します。要素はvue2.0をサポートしており、vue3...

HTML の一般的でないタグ optgroup、sub、sup、bdo のサンプルコード

Optgroup は、ドロップダウン リストのコンテンツをより整理するために、select タグで使...

JavaScriptページングコンポーネントの使い方の詳細な説明

ページネーションコンポーネントはWeb開発でよく使われるコンポーネントです。ページネーション機能を実...

例を通してBRタグとPタグの違いを理解する

<br />改行タグの使用<br>改行タグ<br>は終わりのない...

mysql5.7.20 での最初のログイン失敗に対する簡単な解決策

まず、 (1)MySQL 5.7にはデフォルトのパスワードがあるデフォルトのパスワードを見つける g...

Vueウォッチの監視方法の概要

目次1. Vueにおけるwatchの役割はその名の通り、監視の役割です。 2. このオブジェクトのプ...

Oracle VM VirtualBox の CentOS7 オペレーティング システムのインストール チュートリアル図

目次インストール手順環境設定実行構成インストール手順ダウンロードアドレス: バージョン6.0 最初に...

CSSファイルをインポートする3つの方法の詳細な説明

CSS を導入する方法には、インライン スタイル、内部スタイル シート、外部スタイル シートの 3 ...

ミニプログラムはミニプログラムクラウドを使用してWeChatの支払い機能を実装します

目次1. WeChat Payを開く1.1 アフィリエイト加盟店番号1.2 加盟店番号を追加する1....

数千万件のレコードをMySQLに素早く挿入する方法に関する実践的なチュートリアル

1. データベースを作成する 2. テーブルを作成する1. deptテーブルを作成する テーブル「d...

VMware Workstation 14 Pro(仮想マシン)にシステムをインストールする方法の詳細な説明

この記事では、VMware Workstation 14 Pro (仮想マシン) にシステムをインス...

MySQL データベースの基礎 SQL ウィンドウ関数の例の分析チュートリアル

目次導入導入集計関数 + over()ソート関数 + over() ntile() 関数 + ove...

Vueのフロントエンドとバックエンドのポートの不一致の問題を解決する

Vue のフロントエンドとバックエンドのポートが一致していませんconfig index.jsファイ...

Nginx と GeoIP モジュールを使用して IP の地域情報を読み取る方法

LinuxにGeoIPをインストールする yum で nginx-module-geoip をインス...

Minio 軽量オブジェクト ストレージ サービスのインストールとブラウザの使用チュートリアル

目次導入インストール1. マウントするフォルダを作成する2. イメージをプルする3. コンテナを作成...