9 WordPress는 당신의 블로그를 양념을 치고 UX를 개량한다

  • 워드 프레스
  • 업데이트 : 08, 2019

WordPress는 쉽게 구성하고 설치할 수 있으므로 블로그를 게시하는 즉시 사용할 수 있습니다.

그러나 WordPress의 기본 옵션에 의존하면 사용자를 잃을 수 있습니다.

  • 기능 부족
  • 지루한 사용자 (비틀 거린 모든 WP 사이트에서 동일한 내용을 보는 사용자)
  • 검색 엔진 순위를 떨어 뜨립니다.

손에 유연한 도구가있어서 사용하기에 유쾌하고 효율적으로 사용할 수있는 도구로 바꿀 수 있습니다. 왜 당신의 사용자 (그리고 너 자신)를 위해 위로 양념을 치지 않습니까?

이 기사는 WordPress 기반 웹 사이트를 재미있게 만들고 흥미로운 내용을 추가하여 사용자에게 도움이되도록 도움을 드리고자합니다. 코드 스 니펫 그것은 또한 당신의 SEO를 향상시킬 것입니다.

WordPress에 블로그를 멋지게 꾸밀 수 있습니까?
WHSR은 전문 WP 개발 / 사용자 정의 서비스가 필요한 사용자를 지원하기 위해 Codeable.io와 파트너 관계를 유지하고 있습니다.

무료 견적을 받으려면, 이 신청서를 작성하십시오..

그들에게 시도해보고 그들이 어떻게 당신을 위해 일했는지 알려주세요! ;)

WordPress 블로그를 향상시키는 9 코드

이 게시물에 두 가지 유형의 코드 스 니펫을 제공하겠습니다.

  1. CODEX 코드
  2. 코드 스 니펫과 위젯

Codex 코드는 (약혼자 인 Simone의 도움을 받아) 필자가 직접 작성한 PHP 스 니펫입니다. WordPress.org Codex 참조로.

코드 스 니펫과 위젯은 다른 웹 사이트와 WordPress.org에서 자유롭게 사용할 수있는 PHP 코드 (또는 WordPress 플러그인)의 기성품이지만 내 약혼자와 개방형 및 Codex 참조를 사용하여 처음부터 작성한 스 니펫도 포함되어 있습니다.

두 가지 유형의 코드는 구현 및 설치가 쉽지만 코드 조작 방법을 잘 모를 경우 위젯 및 플러그인으로 시작할 수 있습니다.

9 코드 스 니펫은 많은 다른 코드를 실험하고 싶은 사람들에게는 충분하지 않을 수 있으므로 Robert Ludrosky의 WordPress 개발자를위한 25 편리한 코드 스 니펫 (적어도 잠시 동안) 당신의 굶주림을 만족시킬 것입니다. ;)

Codex 코드

1. 끈적 게시물 차별화

WordPress에서 현재 게시물이 끈적 포스트인지 확인하고 그에 맞게 표시하려면 Codex 부울 함수를 사용할 수 있습니다.

<? php is_sticky (); ?>

이 함수는 TRUE 또는 FALSE 값만 반환하므로 끈적한 게시물을 관리하기 위해 조건부 구문 (/ else)을 작성하는 경우 여기에서 수행 할 수있는 작업. 예 :

<? php if is_sticky () {the_title (); the_time ( 'M, d, Y'); the_excerpt (); } else {include 'post-template.php'; }

이 샘플 사용법에서는 다른 게시물에 대한 표준 템플릿이 post-template.php에 포함되어 있지만 제목, 게시물 날짜 및 발췌 부분 만 포함 된 상자로 스티커 포스트를 표시했습니다.

각 게시물 유형마다 고유 한 CSS 스타일 시트가 있지만 여기서는 스타일을 정의하지 않습니다. 템플릿 만.

Single.php는 단일 게시물의 기본 템플릿입니다 (모든 기본 WP 테마에 포함되어 있음).

자신 만의 WP 테마를 개발했지만 단일 게시물에 대한 템플릿을 설정하지 않은 경우 Codex 가이드 here.

2. 게시물 URL 표시

템플릿에 추가하는 것도 재미있을 것입니다. 독자가 각 페이지 (또는 게시물)의 URI를 얻으려면 single.php, page.php 또는 index.php 템플릿 내에서 다음 태그를 사용하십시오.

<a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a>

_permalink를 사용하는 대신, 가장 확실한 선택이며 모든 경우에 작동합니다. WP를 사용하면 게시물과 페이지에 두 가지 대체 양식을 사용할 수 있습니다.

<? php echo get_post_permalink (); ?>
 <? php echo get_page_link(); ?> 

예를 들어, 페이지 템플리트에는 다음이 포함될 수 있습니다.

<p> 링크 : <a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a> </ p>

3. 게시물 ID 번호 검색 및 표시

퍼머 링크 구조를 사용자 및 SEO 친화적으로 설정 한 경우에도 다음 간단한 기능을 메타 행에 추가하여 방문자에게 여전히 게시 ID를 표시 할 수 있습니다.

<?php the_ID(); ?>

샘플 사용법 :

<p class = "meta"> 작성자 이름. 게시물 ID는 <? php the_ID (); ?> </ p>

4. ID로 목록 카테고리

WordPress 표준 기능은 다음과 같습니다.

<? php get_all_category_ids ()?>

다음은 블로그의 코드를 사용하여 작성한 블로그 중 하나에서 사용한 예입니다. 사본StackOverflow에 관한 주제:

<? php $ category_ids = get_all_category_ids (); foreach ($ category_ids as $ cat_id) {$ cat_name = get_cat_name ($ cat_id); $ category_link = get_category_link ($ cat_id); // URL이 작동하려면 cat 링크가 필요합니다! echo "<a href=\"{$category_link}\"> {$ cat_id} </a> : {$ cat_name} <br/>"; }?>

… 및 표시 방법 :

카테고리 WP 코드

참고 : get_all_category_ids ()는 이제 더 이상 사용되지 않는 기능이지만, 블로그 (위의 스크린 샷)에서와 마찬가지로 문제없이 사용할 수 있습니다. 그러나이 스 니펫에 새 함수를 사용하려면 get_terms () Codex 페이지.

이 코드는 무엇을합니까?

이 코드는 모든 카테고리 ID와 각 ID의 카테고리 이름을 얻은 다음 ID를 카테고리 링크에 연결하는 반면 카테고리 이름은 ":"다음에 표시하므로 - 에코() 표현 <a href=\"{$category_link}\"> {$ cat_id} </a> : {$ cat_name} <br/>.

5. 귀하의 블로그에 대한 자세한 사용자 / 작성자 페이지

플러그인을 사용하지 않고도 모든 블로그 작성자 또는 사용자를 표시하는 사용자 정의 페이지를 만들고 싶습니까?

당신을 잘 양철통 텍스트 편집기, FTP 업 로더 및 사랑하는 WordPress 대시 보드만으로 자신 만의 사용자 작성자 / 사용자 페이지를 만들 수 있습니다.

우선, page.php 파일의 복사본을 만들어야합니다. 사본 이름을 다른 이름으로 변경하십시오 - mine users.php로 이름을지었습니다.

추가 템플릿 태그 WordPress가 템플릿으로 인식 할 수 있도록이 템플릿의 맨 위로 이동 한 다음 대시 보드로 이동합니다. -> 페이지 -> 새로 추가 사용자 / 작성자 목록에 대한 페이지를 작성하십시오. 페이지 목록으로 돌아가서 새 페이지 제목 아래에서 빠른 편집을 클릭하고 템플릿 드롭 다운 메뉴에서 새 템플릿을 선택하십시오. 변경 사항을 저장하십시오.

이제 users.php 파일을 열어 다음 코드를 적용하십시오.

 <? php $ result = count_users (); echo 'There are are', $ result [ 'total_users'], 'total users'; foreach ($ result [ 'avail_roles']를 $ role => $ count로) echo ',', $ count, 'are', $ role, 's'; echo '.'; ?> 

이 코드는 count_users 기능은 Codex에서 "기본 사용"으로 나열됩니다. 이 코드의 실제 예제는에서 볼 수 있습니다. http://robocity.in/users/.

그 코드 다음에 블로그 관리자에 대해 뭔가를 추가해 보자.

<? php printf (__ ( '사용자'리더 '가 게시 한 게시물 수 : % d', 'text-dom-here'), count_user_posts (1)); ?>

내가 사용 count_user_posts Codex에서 제안한 사용 형식에 따라 여기에서 작동합니다.

기능 get_userdata 특정 사용자 이름과 그것을 사용하는 사람의 실제 이름 사이의 상관 관계를 보여주는 것이 좋습니다. 아래 참조 :

<? php $ user_info = get_userdata (1); $ username = $ user_info-> user_login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_name은 사용자 이름 $ username으로 자신의 WordPress 사이트에 로그인합니다."; ?>

이제는 작성자 / 사용자 페이지에서 사용할 수있는 가장 흥미로운 기능입니다. get_users 기능:

<? php $ blogusers = get_users ( 'blog_id = 1 & orderby = nicename & role = administrator'); // WP_User 객체의 배열. foreach ($ blogusers as $ user) {echo '<span>'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). '</ span> <br/>'; }?>

이 기능은 코드에서 구성 할 수있는 특정 매개 변수에 따라 사용자 목록을 검색합니다. 위의 예 (Codex 페이지에서 가져와 Robocity.in의 내 사용자 페이지에 맞게 편집)에서 'nicename'으로 주문한 블로그 ID 1 (현재 블로그)의 관리자 목록과 각 사용자에 대한 관리자 목록을 얻고 싶습니다. “Username – 유형의 문장으로 사용자 이름과 이메일을 표시하고 싶습니다 [이메일 보호]".

로그인 한 사용자에게 자신에 대한 정보를 표시하려면 get_currentuserinfo 사용자 이름과 주소를 검색하는 기능입니다. 필자는이 기능을 사용하지 않았지만 창의력은 한계를 알지 못합니다. ;)

코드 스 니펫 및 위젯

6. 대안 ... 기록 보관소!

더 좋은 블로그 아카이브이전 사이드 바 보관 목록을 교체 할 수 있다고 상상해보십시오 - 블로그가 성장함에 따라 계속 커지고 사용자가 스크롤하도록 강제하는 아카이브 목록 - 오른쪽에서 볼 수있는 것과 같은 스 니펫으로 스크롤하십시오.

독자가 블로그 연령과 아카이브 깊이를 한눈에 파악하기가 쉽지 않습니까? :)

제 약혼자와 저는 Codex의 get_post와 아카이브 목록의 간단한 드롭 다운 메뉴를 사용하여이 간단한 코드 조각을 작성했습니다. 우리는 아이디어를 잘 활용할 수있는 자체 기능을 만들었습니다.

<? php function formatPostDate ($ postId, $ format = '% F') {$ post = get_post ($ postId); $ output = strftime ($ format, strtotime ($ post-> post_date)); return $ output; } function getLastPostID () {list ($ post) = get_posts (array ( 'posts_per_page'=> 1)); return $ post-> ID; }?> <p>이 블로그에는 <? php echo formatPostDate (1, '% B % e, % Y') 이후 게시물이 있습니다. ?>. 마지막 게시물은 <? php echo formatPostDate (getLastPostID (), '% B % e, % Y'); ?> </ p> <p> 특정 아카이브를 방문 하시겠습니까? </ p> <select name = "archive-dropdown"onchange = "document.location.href = this.options [this.selectedIndex]. value; "> <option value =" "> <? php echo esc_attr (__ ( 'Select Archive')); ?> </ option> <? php wp_get_archives (array ( 'type'=> '월간', '형식'=> '옵션', 'show_post_count'=> 1)); ?> </ select>

이 코드는 무엇을합니까?

formatPostDate 함수는 게시물의 ID 및 날짜 형식을 사용하여 원하는 형식으로 날짜를 반환합니다. 두 번째 함수 인 getLastPostID는 하나의 게시물 만 포함하는 게시물 배열을 가져 와서 해당 ID를 반환합니다.

블로그의 첫 번째 게시물 (일반적으로 ID = 1)을 얻으려면 첫 번째 단락에 echo formatPostDate (1, '% B % e, % Y')를 작성합니다.이 코드는 formatPostDate 함수를 사용하고 게시물 ID를 매개 변수로 사용합니다. #1 및 날짜의 표준 영어 형식이며 날짜를 반환합니다.

블로그의 마지막 게시물을 얻으려면 formatPostDate (getLastPostID (), '% B % e, % Y')를 사용하여 마지막 게시물의 ID와 날짜 형식 (다시 영어)을 가져 와서 날짜를 인쇄하십시오. 화면.

7. 방문자가 휴대 기기를 사용하는지 확인합니다.

WP-Snippets.com의 Muneeb은 사이트의 방문자가 휴대 기기를 사용하는지 확인하는 흥미로운 코드 스 니펫 (함수)을 공유했습니다.

코드를 사용할 수 있습니다. here.

이 기능은 모바일 사용자에게만 특정 기능을 표시하거나 특정 웹 사이트 기능에서 모바일 사용자를 제외하려는 경우 유용하므로 모바일 최적화에 도움이됩니다.

8. if / else 구문을 사용하여 페이지 사이드 바 콘텐츠를 조작하십시오.

이 코드 스 니펫은 WordPress의 코덱스를 기반으로하지만이 섹션에서는 창의성을 높이고 웹에서 기성품 스 니펫을 찾을 수 있기 때문에이 섹션에 배치했습니다.

사이트에서 여러 개의 사이드 바를 사용한다고 가정하십시오. div 및 섹션을 사용하여 사이드 바를 채울 수 있지만, 더 많은 파일이 생성되면 (위젯을 사용하는 경우에도) 그 파일이 커집니다.

Codex는 당신에게 get_sidebar ($ name) 기능. 사용법은 간단합니다.

  1. Quotes 스 니펫에 대한 사이드 바를 생성 (말하기)하십시오. 이름을 sidebar-quotes.php로 지정하십시오.
  2. 기본 sidebar.php 파일 (또는 WP 테마 구조에 따라 헤더 또는 색인 파일)에서 get_sidebar ( "quotes"); "sidebar-quotes.php"파일을 포함 시키십시오.

다른 하위 사이드 바를 호출하여 더 얇은 사이드 바를 얻을 수 있으며, WordPress 용 PHP 코딩을 알고있는 경우 if / else 구문을 사용하여 최적화 할 수 있습니다.

알지 못할 수도 있지만 일반적인 get_sidebar () 코드를 사용할 때는 $ name 인수를 추가하지 않았기 때문에“sidebar.php”가 포함됩니다. 이것이 기본 사용법입니다. "sidebar * .php"다음에 "-name"을 추가하면 $ name arg를 사용하여 해당 이름 addon을 호출 할 수 있습니다.

블로그 나 코드의 표준 페이지에 과부하가 걸리는 특정 페이지에 표시 할 광고, 특별 판매 또는 사이드 바 기능이있는 경우이 코드 조각은 UX의 생명을 구하는 도구입니다.

9. WordPress 사이트에 코드 스 니펫을 통합하는 도구

코드 니펫 스크린 샷

코드 스 니펫 Shea Bange가 만든 무료 WordPress 플러그인으로 블로그에 코드 스 니펫을 쉽게 추가 할 수 있습니다.

이 플러그인에 대한 좋은 점은 더 이상 functions.php 파일로 저장되지만 WordPress 대시 보드에서 직접 사용자 정의 코드를 추가 할 수 있습니다. 기본적으로 새 게시물이나 페이지를 추가하는 것처럼 코드 스 니펫을 추가 할 수 있습니다.

Tom Ewer, WPMUDev.org에서 이 플러그인에 대한 흥미로운 소개를 작성했지만 코드 스 니펫에 대해 지금까지 찾은 가장 유용한 리소스는 WordPress.org의 플러그인 지원 포럼.

너에게 끝이야!

아래 코멘트에서 WordPress 코딩 실험을 공유하십시오! 이 게시물에 소개 된 스 니펫에 대해 질문 할 수 있습니다.

Luana Spinetti 정보

루아 나 스피 네티 (Luana Spinetti)는 이탈리아에 거주하는 프리랜서 작가이자 예술가이며 열정적 인 컴퓨터 과학 학생입니다. 그녀는 심리학 및 교육 분야에서 고등학교 졸업장을 받았으며 3을 졸업 한 Comic Book Art에서 2008 과정을 수강했습니다. 그녀는 여러면을 가진 인물로서 SEO / SEM과 웹 마케팅에 큰 관심을 보이며 소셜 미디어에 대한 특별한 성향을 보였습니다. 그녀는 자신의 모국어 (이탈리아어)에서 소설 3 편을 연구 중입니다. 인디가 곧 발표합니다.