0

WordPress Web サイトに変換したい単純な html ページがあります。WordPress をインストールし、必要なファイルを作成しました。これまでのところ、静的な Web サイトを WordPress に変換する方法に関するチュートリアルを探していましたが、うまくいきませんでした。チュートリアルのほとんどは、ユーザーが html や php の知識を持っていません。私が理解しているように、WordPress には html ページに追加する必要がある機能があります。ここに私のindex.phpがあります

<!DOCTYPE>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/code.js"></script>
<title></title>
</head>
<body>
<div id="wrapper">
<?php
include "header.php";
?>
<div id="main">
        <div class='nav'><a href="about.php">About</a></div>
        <div class='nav'><a>Events</a></div>
        <div class='nav'><a href="venues.php">Venues</a></div>
        <div class='nav'><a>Gallery</a></div>
        <div class='nav'><a href="arts.php">Arts</a></div>
        <div class='nav'><a href="contact.php">Contact</a></div>
    </div>
<?php
include "footer.php";
?>  
</div>
</body>
</html>

これを WordPress に変換したいので、ユーザーは WordPress 管理パネルからコンテンツを簡単に追加および編集できます。これを行う方法を教えてくれる、お勧めできるチュートリアルはありますか? そうでない場合、WordPress と互換性を持たせるために、どのように WordPress 関数を私の index.php に追加しますか?

4

3 に答える 3

0

これが、私が思いつくことができる最も単純なベアボーンの超基本的な説明です..

Wordpress の Web サイトを作成するとき、最初に取得する必要があるのは、プレーンな HTML サイトをコーディングする場合、ページの構造とコンテンツを作成する必要があるということです。Wordpress のページを作成するときは、構造のみを作成します。すべてのコンテンツは、Wordpress バックエンド ユーザー ポータルで作成されます。

まず、コードからすべてのコンテンツを削除し、これを残します (PHP インクルードを削除して、最初からやり直します)

<!DOCTYPE>
<html>
    <head>
        <!-- Include stylesheet -->
        <link rel="stylesheet" type="text/css" href="/style.css" />
        <!-- Include scripts -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="/code.js"></script>

        <!-- Page title / meta -->
        <title></title>
    </head>

    <body>
    <!-- Page container -->
    <div id="wrapper">
        <div id="main">
            <!-- Nav -->
            <div class="nav"></div>
        </div>
    </div>

    </body>
</html>

wordpress テーマは複数の PHP ファイルで構成されており、テーマが表示されるたびに、通常は index.php ファイルが最初に読み込まれるため、そこから開始します。

Wordpress のテーマ、そのほとんどは、テーマを構成するすべての PHP ファイルの中に、header.php ファイル、footer.php ファイルがあります。

したがって、index.php の最初の行は get_header(); です。(もちろんphpタグ内)これは基本的にWordpressの機能です

すべてのページでナビゲーションが必要になると思います。これにより、このコードをすべてインデックス ファイルから切り取り、header.php に貼り付けることができます。

<!DOCTYPE>
<html>
    <head>
        <!-- Include stylesheet -->
        <link rel="stylesheet" type="text/css" href="/style.css" />
        <!-- Include scripts -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="/code.js"></script>

        <!-- Page title / meta -->
        <title></title>
    </head>

    <body>
    <!-- Page container -->
    <div id="wrapper">
        <div id="main">
            <!-- Nav -->
            <div class="nav"></div>
        </div>
    </div>

index.php に戻り、追加する 2 行目は get_footer(); です。footer.php を取得する別の Wordpress 関数。

現在、index.php は次のようになります。

<?php get_header(); ?>
    </body>
</html>

他のすべてがheader.phpにあるため..ボディとhtmlタグを閉じる..それらはfooter.phpに入れます。したがって、 index.php ファイルは次のようになります

<?php get_header();
get_footer(); ?>

Header.php は次のようになります。

<!DOCTYPE>
<html  <?php language_attributes(); ?>>
    <head>
        <!-- Page title / meta -->
        <title><?php wp_title( '|', true, 'right' ); ?></title>
        <?php wp_head(); ?>
    </head>

    <body>
    <!-- Page container -->
    <div id="wrapper">
        <div id="main">
            <!-- Nav -->
            <?php wp_nav_menu(); ?>
        </div>
    </div>

そして、footer.php の内容を知っています。これらの CSS および JavaScript ファイルに関する限り、それらは functions.php ファイルに含まれます。

Wordpress には、使いたくなるプレハブ機能がたくさんあり、それらすべてを説明するには永遠に時間がかかります。幸いなことに、その多くはすでにWordpress Codex で行われています。私の意見では、いくつかの場所でのドキュメントの品質に関しては、望まれることがたくさんありますが、すべての機能に慣れるために、始める前に十分な時間をかけて読んでおくべきものです.

于 2014-09-06T09:45:48.200 に答える
0

サイトがシンプルな場合は、ベアボーン/スターター WordPress テーマを使用して、スタイルシート/JavaScript などを使用するようにカスタマイズしてみてください。

これは、ゼロから何かを作成するよりもはるかに簡単で堅牢です。

これを行うTheme Matcherのようなツールもあります。

于 2013-11-20T14:36:03.567 に答える
0

Wordpress は、基本的な静的サイトとはまったく異なる獣です。すべてのコンテンツはデータベース駆動型です。つまり、すべての「html ページ」をダッシュ​​ボードから Wordpress ページに変換する必要があります。サイトが非常に小さい場合を除き、変換は迅速なプロセスではありません。

各ページに適切なタイトルと「スラッグ」を付け、既存のコードをカット アンド ペーストしてテキスト エディタに貼り付けます (これについては、オンラインで多くのヘルプが見つかります)。画像の変換は面倒です - WP メディア経由で読み込む必要があります。リンクも変更する必要があります。

サイトに静的なフロント ページ (つまり、ブログではない) があることを確認するには、[設定...読み取り...] に移動し、リンクをクリックします。

コンテンツのスタイルは、テーマと呼ばれるパッケージに含まれるページ テンプレートによって行われます。コンテンツが転送されるまで、デフォルトのテーマのいずれかを使用してください。それらにはメニューもあり、いくつかのスタイルやヘッダー画像などを変更することもできます.既存のテーマのファイルを見て、すべてがどのように機能するかを確認してください.

スタイルを設定する準備ができたら、これらのテーマのいずれかを出発点として使用するか、ゼロから始めたい場合は、空のテーマまたはスターター テーマを少し調べてください。次に、WPテーマの設計に関するチュートリアルに従うことをお勧めします...

于 2013-10-09T11:16:44.310 に答える