2013-10-09 4 views
1

У меня есть простые html-страницы, которые я хочу преобразовать в веб-сайт WordPress. Я установил WordPress и создал необходимые файлы. До сих пор я искал учебник о том, как преобразовать статический веб-сайт в WordPress, но без везения. В большинстве учебных пособий у пользователя нет знаний о html или php, и, как я понимаю, WordPress имеет функции, которые вы должны добавить на свою страницу html. Вот мой index.phpПреобразование моего сайта в Wordpress

<!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 в свой index.php, чтобы сделать его совместимым с WordPress.

+1

его не так просто, вам нужны funcktions как the_content(). Bestway вы берете простой поиск темы для некоторых в Интернете, затем попробуйте изменить его –

+1

или нанять кого-то. – ggdx

+0

Множество угадываний перед вами - хорошая новость в том, что это не так сложно, и все это хорошо документировано. http://codex.wordpress.org/Theme_Development – McNab

ответ

1

Wordpress - совершенно другой зверь из базового статического сайта. Все содержимое управляется базой данных, что означает, что все ваши «html-страницы» необходимо преобразовать на страницы Wordpress через панель мониторинга. Преобразование не будет быстрым процессом, если ваш сайт не очень маленький.

Дайте каждой странице разумное название и «slug», вырезать и вставить существующий код в текстовый редактор (вы найдете много помощи для этого онлайн). Преобразование изображений будет более сложным - их необходимо загрузить через WP media. Ссылки также необходимо будет изменить.

Чтобы убедиться, что на вашем сайте есть статическая страница (т. Е. Не блог), перейдите в «Настройки ... Чтение ...» и нажмите ссылку.

Стилирование контента осуществляется с помощью шаблонов страниц, которые входят в пакеты, называемые темами. Используйте одну из стандартных тем, пока ваш контент не будет перенесен. У них даже есть меню и разрешено изменять некоторые стили и изображения заголовков и т. Д. Посмотрите файлы в существующей теме, чтобы увидеть, как все это работает.

Когда вы готовы к стилю, используйте одну из этих тем в качестве отправной точки или, если хотите начать с нуля, немного изучите пустые или стартовые темы - там есть тонна. Тогда я предлагаю вам следовать учебник по разработке темы WP ...

0

Если ваш сайт просто, попробуйте принимать баребонов/стартер WordPress темы и настройки его для использования таблицы стилей/и т.д. Javascript

Это будет быть намного проще и надежнее, чем создавать что-то с нуля.

Есть также такие инструменты, как Theme Matcher, которые сделают это за вас.

0

Вот о простом усеченном супер основного объяснения я мог придумать ..

При написании Wordpress сайта я думаю, что первое, что вы должны получить то, что где-кодирование простого сайта 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 первой строке write is 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 Вторая строка, которую мы добавим, - get_footer(); еще одна функция Wordpress для получения footer.php.

В настоящее время 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. Хотя у меня есть много желаний в отношении качества документации в некоторых местах, на мой взгляд, это то, что вы должны потратить на то, чтобы потратить много времени на чтение до начала, чтобы ознакомиться со всеми их функциями.

Смежные вопросы