2013-10-09 6 views
1

WordPress 웹 사이트로 변환하려는 간단한 html 페이지가 있습니다. 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 기능을 내 index.php에 어떻게 추가할까요?

+1

간단히 말해서 the_content()와 같은 funcktions가 필요합니다. 가장 좋은 방법은 인터넷에서 일부 주제를 검색하고 –

+1

을 수정하거나 다른 사람을 고용하려고 시도하는 것입니다. – ggdx

+0

앞서 여러분의 학습이 많이 있습니다. 좋은 소식은 그다지 어렵지 않으며 모든 것이 잘 문서화되어 있다는 것입니다. http://codex.wordpress.org/Theme_Development – McNab

답변

1

Wordpress는 기본 정적 사이트와 완전히 다른 짐승입니다. 모든 콘텐츠는 데이터베이스 기반이므로 모든 'html 페이지'를 대시 보드를 통해 Wordpress 페이지로 변환해야합니다. 귀하의 사이트가 아주 작지 않은 한 변환은 빠른 과정이 아닙니다.

각 페이지에 적절한 제목을 붙이고 '슬러그'하고 기존 코드를 잘라내어 텍스트 편집기에 붙여 넣으십시오 (온라인에서 많은 도움을 얻을 수 있습니다). 이미지 변환은 번거롭기 때문에 WP 미디어를 통해로드해야합니다. 링크도 변경해야합니다.

사이트에 고정 된 첫 페이지 (예 : 블로그가 아님)가 있는지 확인하려면 설정 ... 읽음 ...로 이동하여 링크를 클릭하십시오.

콘텐츠 스타일 지정은 테마라는 패키지로 제공되는 페이지 템플릿을 통해 수행됩니다. 콘텐츠가 전송 될 때까지 기본 테마 중 하나를 사용하십시오. 또한 메뉴가있어 일부 스타일 및 헤더 이미지 등을 수정할 수 있습니다. 기존 테마의 파일을보고 어떻게 작동하는지보십시오.

스타일을 지정할 준비가되면이 테마 중 하나를 시작점으로 사용하거나 처음부터 시작하여 빈 테마 또는 시작 테마에 대한 연구를 시작하십시오. 그 때 나는 당신의 위치, 당신의 스타일 시트를 사용하는 베어 본/스타터 워드 프레스 테마를 복용하고 사용자 정의하는 시도/자바 스크립트 등

이 뜻은 간단 경우 작업 ... WP 테마를 디자인에

0

을 튜토리얼을 따라 제안 처음부터 무언가를 만드는 것보다 훨씬 쉽고 강력합니다.

Theme Matcher과 같은 도구가 있습니다.

0

는 여기에 내가 가지고 올 수있는 간단한 베어 슈퍼 기본 설명 ... 관하여

나는 당신이 얻을 가장 먼저해야 할 것은 일반 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> 

(필자는 PHP가 포함 제거하고 신선한 시작하는거야)이 왼쪽 파일이 있고 테마가 표시 될 때마다 일반적으로 index.php 파일이 먼저로드되므로 시작됩니다.

워드 프레스 테마, 대부분의 테마를 구성하는 모든 PHP 파일이하는 header.php 파일, footer.php 파일이있을 것 사이 .. 그래서 첫 번째 줄의 index.php에서

우리 write는 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> 

색인으로 돌아 가기 두 번째 줄은 get_footer()입니다. 다른 Wordpress 함수는 footer.php를 얻습니다. 다른 모든 header.php에 있기 때문에

현재의 index.php

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

.. 지금과 같을 것이다 .. 물론 그 폐쇄 본체와 HTML 태그는 .. 사람들은 footer.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에서 무엇을 알고 : 그래서 당신의 index.php 파일은 Header.php은 다음과 같이 예정이

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

처럼 보이는 끝날 것입니다. 지금까지 CSS와 자바 스크립트 파일은 functions.php 파일에있을 것입니다.

Wordpress에는 사용자가 좋아하는 많은 프리 프레임 기능이 있으며 모두 설명하는 데 오래 걸릴 것입니다. 운좋게도 그 중 많은 부분이 이미 완료되었습니다. Wordpress Codex. 내 의견으로는 문서의 품질에 관한 한 문서의 질적 인면에서 바라는 것이 많이 있습니다 만, 시작하기 전에 읽는 데 많은 시간을 할애해야합니다. 모든 기능을 익히기 위해

관련 문제