Title: Visibility Control for WPCourseware
Author: Pankaj Agrawal
Published: <strong>2023년 10월 26일</strong>
Last modified: 2025년 9월 11일

---

플러그인 검색

![](https://ps.w.org/visibility-control-for-wpcourseware/assets/banner-772x250.png?
rev=2984507)

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://ps.w.org/visibility-control-for-wpcourseware/assets/icon-256x256.png?
rev=2984507)

# Visibility Control for WPCourseware

 작성자: [Pankaj Agrawal](https://profiles.wordpress.org/liveaspankaj/)

[다운로드](https://downloads.wordpress.org/plugin/visibility-control-for-wpcourseware.zip)

 * [세부사항](https://ko.wordpress.org/plugins/visibility-control-for-wpcourseware/#description)
 * [평가](https://ko.wordpress.org/plugins/visibility-control-for-wpcourseware/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/visibility-control-for-wpcourseware/#installation)
 * [개발](https://ko.wordpress.org/plugins/visibility-control-for-wpcourseware/#developers)

 [지원](https://wordpress.org/support/plugin/visibility-control-for-wpcourseware/)

## 설명

Visibility Control for WP Courseware helps you hide messages and content for specific
criterion anywhere on your WordPress page.

You can show/hide HTML elements, menus, and other details based on:
 1. User’s access
to a particular **WP Courseware Course**, 2. User’s course completion status of 
a particular **WP Courseware Course**, Or 3. User is **Logged In** or **Logged Out**.
4. User’s role.

You simply need to add a CSS class to your element div or span. As explained here:

**Example:**

Login/Logout Status:

 * To show the element/menu item to a logged-in user, add this CSS class: **visible_to_logged_in**
   OR **hidden_to_logged_out**
 * To hide the element/menu item from a logged-in user, add this CSS class: **visible_to_logged_out**
   OR **hidden_to_logged_in**

For user’s role:
 * To show the element/menu item to a user will role administrator,
add this CSS class: **visible_to_role_administrator** OR **hidden_to_role_administrator***
Note: To show an element to multiple specific roles only, you need add the element
multiple times, one for each role. To hide an element/menu from specific multiple
roles only you can add the element once add multiple classes to the same element.

If Course ID is 123

 * To show the element/menu item to user with access to above Course, add this CSS
   class: **visible_to_course_123**
 * To hide the element/menu item from user with access to above Course, add this
   CSS class: **hidden_to_course_123**
 * To show the element/menu item to a logged-in user, add this CSS class: **visible_to_logged_in**
   OR **hidden_to_logged_out**
 * To hide the element/menu item from a logged-in user, add this CSS class: **visible_to_logged_out**
   OR **hidden_to_logged_in**

For a course completion status, if Course ID is 123:

 * To show the element/menu item to user who completed above course, add this CSS
   class: **visible_to_course_complete_123**
 * To hide the element/menu item from user who completed above course, add this 
   CSS class: **hidden_to_course_complete_123**
 * To show the element/menu item to user who has not completed above course, add
   this CSS class: **visible_to_course_incomplete_123**
 * To hide the element/menu item from user who has not completed above course, add
   this CSS class: **hidden_to_course_incomplete_123**

**Mechanism of Functioning**

 * **Multiple CSS Classes:** If multiple visibility control classes are added, ALL
   of them must meet the criterion to keep the element visible. If any one of them
   hides the element, it will be hidden. For example: visible_to_course_123 visible_to_course_124
   will show the element only to those who have access to both courses.
 * Hidden data/elements reaches the browser. Though user’s do not see it.
 * CSS is added to the page for all CSS elements that needs to be hidden based on
   above rules.
 * After page is loaded. These elements are removed from page using jQuery (if available),
   so it won’t be available on Inspect.
 * Elements rendered after the page load are hidden but not removed from DOM/page.

**Future Development**

Depending on the interest in this feature, we will decide on adding a shortcode 
and/or a Gutenberg Block to achieve this feature.

**Other Visibility Control Plugins:**
 – [Visibility Control for LearnDash LMS](https://www.nextsoftwaresolutions.com/learndash-visibility-control/)–
[Visibility Control for LearnPress LMS](https://www.nextsoftwaresolutions.com/visibility-control-for-learnpress/)–
[Visibility Control for LifterLMS](https://www.nextsoftwaresolutions.com/visibility-controlfor-lifterlms/)–
[Visibility Control for TutorLMS](https://www.nextsoftwaresolutions.com/visibility-control-for-tutorlms/)–
[Visibility Control for MasterStudyLMS](https://www.nextsoftwaresolutions.com/visibility-control-for-masterstudy/)–
[Visibility Control for Sensei LMS](https://www.nextsoftwaresolutions.com/visibility-control-for-sensei/)–
[Visibility Control for WooCommerce](https://www.nextsoftwaresolutions.com/woocommerce-visibility-control/)

**Related Plugins for WPCourseware LMS:**
 – [Experience API for WPCourseware LMS](https://www.nextsoftwaresolutions.com/experience-api-for-wp-courseware/)

## 스크린샷

[⌊Show/hide message using CSS in HTML anywhere.⌉⌊Show/hide message using CSS in 
HTML anywhere.⌉[

Show/hide message using CSS in HTML anywhere.

[⌊Show menu only to Loggout user⌉⌊Show menu only to Loggout user⌉[

Show menu only to Loggout user

[⌊Show menu only to Logged In user (or Course/Group access)⌉⌊Show menu only to Logged
In user (or Course/Group access)⌉[

Show menu only to Logged In user (or Course/Group access)

[⌊Show a message if user has access to course (using HTML anywhere)⌉⌊Show a message
if user has access to course (using HTML anywhere)⌉[

Show a message if user has access to course (using HTML anywhere)

[⌊Show a message if user doesn't have access to course (using Additional CSS class)⌉⌊
Show a message if user doesn't have access to course (using Additional CSS class
)⌉[

Show a message if user doesn’t have access to course (using Additional CSS class)

## 설치

This section describes how to install the plugin and get it working.

e.g.

 1. Upload the plugin files to the `/wp-content/plugins/visibility-control-for-wpcourseware`
    directory, or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Add the CSS classes to your HTML elements or Menu Items as described in the Details
    section.

## FAQ

### What is WPCourseware LMS?

WPCourseware LMS is a popular WordPress based Learning Management System (LMS) plugin.
It includes many advanced features including, quizzing engine, course management,
reports, certificates and payment methods.

You can also add [GrassBlade xAPI Companion plugin](https://www.nextsoftwaresolutions.com/grassblade-xapi-companion/)
and [GrassBlade LRS](https://www.nextsoftwaresolutions.com/grassblade-lrs-experience-api/)
to start using Experience API (xAPI) based contents with WPCourseware LMS.

### What is GrassBlade xAPI Companion plugin?

[GrassBlade xAPI Companion](https://www.nextsoftwaresolutions.com/grassblade-xapi-companion/)
is a paid WordPress plugin that enables support for Experience API (xAPI) based 
content on WordPress.

It also provides best in industry Advanced Video Tracking feature, that works with
YouTube, Vimeo and self-hosted MP4 videos. Tracking of MP3 audios is also supported.

It can be used independently without any LMS. However, to add advanced features,
it also has integrations with several LMSes.

### What is GrassBlade Cloud LRS?

[GrassBlade Cloud LRS](https://www.nextsoftwaresolutions.com/grassblade-lrs-experience-api/)
is a cloud-based Learning Record Store (LRS). An LRS is a required component in 
any xAPI-based ecosystem. It works as a data store of all eLearning data, as well
as a reporting and analysis platform. There is an installable version which can 
be installed on any PHP/MySQL based server.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“Visibility Control for WPCourseware”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이
이 플러그인에 기여하였습니다.

기여자

 *   [ Pankaj Agrawal ](https://profiles.wordpress.org/liveaspankaj/)

[자국어로 “Visibility Control for WPCourseware”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/visibility-control-for-wpcourseware)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/visibility-control-for-wpcourseware/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/visibility-control-for-wpcourseware/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/visibility-control-for-wpcourseware/)
을 [RSS](https://plugins.trac.wordpress.org/log/visibility-control-for-wpcourseware/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.0

Initial Commit

## 기초

 *  버전 **1.0**
 *  최근 업데이트: **1년 전**
 *  활성화된 설치 **10보다 적음**
 *  워드프레스 버전 ** 4.0 또는 그 이상 **
 *  다음까지 시험됨: **6.8.11**
 *  PHP 버전 ** 5.6 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/visibility-control-for-wpcourseware/)
 * 태그:
 * [elearning](https://ko.wordpress.org/plugins/tags/elearning/)[hide](https://ko.wordpress.org/plugins/tags/hide/)
   [hide content](https://ko.wordpress.org/plugins/tags/hide-content/)[lms](https://ko.wordpress.org/plugins/tags/lms/)
   [wp courseware](https://ko.wordpress.org/plugins/tags/wp-courseware/)
 *  [고급 보기](https://ko.wordpress.org/plugins/visibility-control-for-wpcourseware/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/visibility-control-for-wpcourseware/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/visibility-control-for-wpcourseware/reviews/)

## 기여자

 *   [ Pankaj Agrawal ](https://profiles.wordpress.org/liveaspankaj/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/visibility-control-for-wpcourseware/)