wordpress[워드프레스] - 001

**[공지사항]** [개인적인 공부를 위한 내용입니다. 오류가 있을 수 있습니다.]

[ 워드프레스(wordpress) - 001 ]

PHP 문법

<?php echo 2 + 2;
$myname = 'Brad';
?>

<h1>This page is all about <?php echo $myname ?></h1>

<h2>All About <?php echo $myname ?></h2>

[ theme image 설정 ]

이미지 폴더 : wordpress\app\public\wp-content\themes\fictional-university-theme
파일명 : screenshot.png(반드시 이 이름을 써야 함. 1200 x 900 해상도가 적당)

<?php 
  function greet($name, $color) {
      echo "<p>hi my name is $name and my favorite color is $color.</P>";
  }

  greet('John', 'blue');
  greet('Jane', 'green');
?>

<h1><?php bloginfo('name'); ?></h1>
<p><?php bloginfo('description') ?></p>

Array와 반복문

<?php 
$names = array('Brad', 'John', 'Jane', 'kim') ;
$count = 0;
while($count < count($names)) {
    echo"<li>Hi, my name is $names[$count]</li>";
    $count++;
}
?>

<p>Hi, my name is <?php echo $names[0]; ?>.</p>
<p>Hi, my name is <?php echo $names[1]; ?>.</p>
<p>Hi, my name is <?php echo $names[2]; ?>.</p>

while문과 html 태그를 이용하여 index.php에 제목과 본문 표시해보기

<?php 
while(have_posts()) {
    the_post(); ?>   
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <?php the_content(); ?>
    <hr>
<?php }
?>

개별 제목을 클릭하면 아래와 같이 표시되며
주소의 형태도 자동으로 제목이 주소로 만들어지는 것을 볼 수 있다.

single.php를 생성하고 첫 문장에 hello 123이라고 적고
첫페이지의 각 제목을 클릭하면
해당 글마다 동일한 내용이 나오는 것을 확인할 수 있다.

single.php가 index.php의 각 글의 title을 클릭하면 나오는
글 상세내역임을 알 수 있다.
그러면 글 상세내역(single.php)에서 제목의 하이퍼링크를 제거해보자.
먼저 index.php에 있는 코드를 복사해서 single.php에 붙여준다.
그리고 하이퍼링크가 걸리는 a태그 관련 내용을 삭제한다.
그리고 저장 후 브라우저를 새로고침한다.

아래와 같이 page를 만들고 미리보기로 브라우저 출력 결과를 확인한다.
아래의 브라우저의 화면과 같이 제목에 하이퍼링크가 걸려있다.
이 말은 index.php와 연계되어 있는 것이다.
워드프레스에서는 single.php는 개별 post와 page를 위해 사용되어진다.

page.php를 생성한다.
그리고 single.php의 코드를 복사해서 붙여넣기 한다.
내용도 추가해준다. 그리고 브라우저에서 새로고침을 해서 내용을 확인한다.

여기까지의 주요 내용은 index.php, single.php, page.php
모두 while문(반복문)이 사용된다는 것이 핵심이다.