일상을 코딩하다

우선 워드프레스에 기존에 없는 url이 있을 때 (예시. /events) 추가하고 난 후에는 permalink 설정을 업데이트 해줄 필요가 있습니다. 위에서 볼 수 있는 것처럼 /event 라는 새로운 url이 추가되었습니다. 워드프레서에서 새로 만든 custom post type에 대한 페이지를 코딩하고 싶을 때는 single.php가 아닌 single-내가만든포스트타입.php 파일을 새로 만들어줄 필요가 있습니다. 그리고 위와 같이 어떻게 보일지 설정해줄 필요가 있습니다. 위의 코드로 인해 아래와 같은 이벤트 결과 확인이 가능합니다. 그리고 Events Home 즉 모든 이벤트를 나열하고 싶을 때 (블로그와 비슷하게) 워드프레스의 archive 기능을 사용할 필요가 있습니다. 이전에 새로운 custo..

워드프레스에서는 기본적으로 포스트와 페이지에 대한 옵션만 제공해 주고 있습니다. 하지만 이벤트와 같이 새로운 타입을 만들고 싶다면 custom post type 을 사용하면 됩니다. 이러한 경우 기본 옵션이 아니기 때문에 워드프레스 테마 폴더에 저장을 하게되면 테마를 변경하면 더 이상 관리자 패널에서 표시가 안됩니다. 따라서 아래와 같이 테마 폴더가 아니라 플러그인 폴더 이하에 mu-plugin 폴더를 새로 생성하여 워드프레스가 꼭 불러와야하는 기본 폴더 설정으로 만들 수가 있습니다. 그리고 해당 플러그인 안에 아래와 같이 custom post type을 위한 php코드를 아래와 같이 추가할 수 있습니다. 위와 같이 기능과 action을 추가해 주고 있습니다. 'init' 단계에서 'university_..

ul> li if (is_page('about-us') or wp_get_post_parent_id(0)==14) echo 'class="current-menu-item"'?>>a href=" echo site_url('/about-us') ?>">About Usa>li> li>a href="#">Programsa>li> li>a href="#">Eventsa>li> li>a href="#">Campusesa>li> li if (get_post_type() == 'post') echo 'class="current-menu-item"'?>>a href=" echo site_url('/blog'); ?>">Bloga>li> ul>위에서 워드프레스 메뉴 블로그 부분을 설정하였습니다. 우선..

Custom Query를 사용하여 홈페이지를 꾸미는 방법 워드프레스에서는 특정한 Php 코드와 관련하여 지금 있는 url 및 페이지 주소에 따라 자동으로 불러오는 기능들이 있습니다. 예를 들어, have_posts(); 기능을 그냥 사용하게 되면 해당 페이지에 있는 포스트들만 불러오게 된다. 볼르그 (/blog) 페이지에서는 잘 작동할 수 있지만 홈페이지에서는 블로그 포스트가 없기 때문에 제대로 불러오지 않을 수 있습니다. 따라서 Custom Query를 사용해서 해당 페이지가 아니더라도 원하는 기능을 불러오게 될 수 있습니다. div class="full-width-split__two"> From Our Blogs the_permalink();드 = 페이지/포스트의 url 주소 불러옴 the_time(..

워드프레스에서 Archive는 archive.php 파일을 사용한다.

get_header();while(have_posts()) {the_post(); ?>샘플 텍스트 우선 블로그를 위해 페이지 배너 div class를 가지고 옵니다. 다른 페이지에 있는 코드를 복사해 왔습니다. 상단 배너와 사진 그리고 배너 페이지 내용이 보입니다. div class="page-banner"> div class="page-banner__bg-image" style="background-image: url( echo get_theme_file_uri('/images/ocean.jpg') ?>)">div> div class="page-banner__content container container--narrow"> h1 class="page-banner__title..

블로그 페이지가 어떻게 워드프레스 포스트를 보이게 할지 설정해 주고 있습니다. 아래서 함께 보겠습니다. 워드프레서 헤더를 가지고 오는 php 코드입니다.

워드프레스 HTML 메뉴 리스트를 사용하기로 결정하였다면 유용한 기능입니다. 특정한 페이지에 있을 때 해당 페이지의 메뉴의 색상을 변경해주어 해당 페이지에 있다는 것을 사용자들에게 알려줄 수 있습니다. 에서 i와 > 사이에 php 코드 사입이 가능합니다. 그리고 if 기능을 사용하여 만약에 is_page 즉 현재 페이지가 about-us 페이지라면 echo 즉 보여줘라 class="current-menu-item" 그리고 아래와 같이 자식 페이지인 경우라면 계속해서 부모 페이지를 메뉴에 색상 표시해 주면 좋기 때문에 if에서 or 또는 기능을 사용하여 wp_get_post_parent_id(0) == 14 즉 현재 페이지의 부모 페이지 아이디가 14 (지금 경우에는 부모 페이지가 14가 맞습니다)라면 색..

워드프레스에서 html 리스트 기능을 사용해서 메뉴를 추가할 수 있지만 function과 wp_nav_menu 워드프레스 기능을 사용해서 관리자 패널에서 쉽게 워드프레스 메뉴를 수정하고 저장할 수 있도록 할 수 있습니다. function에서 register_nav_menu 기능을 사용하여 argument 2개를 추가할 수 있습니다. 'headerMenuLocation' 그리고 'Header Menu Location'이 추가되었습니다. 헤더 메뉴를 위한 기능 추가입니다. 그럼 아래와 같이 관리자 패널에서 테마 메뉴 옵션이 생깁니다. 코드를 삭제하지 않고 보존하면서 숨기기 위해서는 를 추가하면 위와 같이 그 사이에 있는 코드는 모두 숨겨집니다. 그리고 그 위에 wp_nav_menu php 코드를 추가합니다...

자식 페이지가 있는 경우에 자식 페이지 목록을 보여주기 위해 wp_list_pages(); 기능을 사용할 수 있습니다. 하지만 그냥 사용하게 될 경우 모든 페이지가 표시됩니다. 사이트에 있는 모든 페이지가 표시되고 심지어 'Pages'라는 제목까지도 기본 텍스트로 표시가 됩니다. 따라서 array기능에 더해 associative array까지 함께 사용할 필요가 있습니다. 'A' => 'B' A는 B가 되도록 사용할 수 있는 기능입니다. 하지만 echo에서 'A'만 넣으면 아래서 볼 수 있는 것처럼 B가 표시됩니다. 이 경우에는 'dog'이기 때문에 사이트에 'bark'가 표시됩니다. 우선 wp_list_pages에 associate array를 사용하겠습니다. 첫 번째로 리스트의 제목인 'page'를 ..