Hide element by class name with PHP on WordPress [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

Want to improve this question? Guide the asker to update the question so it focuses on a single, specific problem. Narrowing the question will help others answer the question concisely. You may edit the question if you feel you can improve it yourself. If edited, the question will be reviewed and might be reopened.

Closed 4 years ago.

Improve this question

I want to completely hide the element if the user did not log in to my site on WordPress.

There is an identified class called .logged-in on WordPress, which is only for logged-in users. I can hide it by CSS, which is something like :not(.logged-in) .element{display: none;}, but this is unsafe because people still can inspect the element and set it to visible or view the page source.

Is there a way to really hide the element or remove it completely by a class name ( because I need to hide several elements with the same class name ) if the user did not log in by PHP?

.container {
  height: 100vh;
  width: 100%;
  background-color: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.element {
  font-size: 60px;
  background-color: blue;
  color: white;
  padding: 15px 30px;
}

<div class="container">
  <p class="element">Hide me please</p>
</div>

javascript can also be turned off. Do it on a server with PHP then. Google: "hide content if user not loged in wodpress" Also duplicate: stackoverflow.com/questions/15500346/… — ikiK
– ikiK, Commented Aug 6, 2021 at 13:01
Use the WordPress is_admin function. But what is generating that .element though? A plugin, the theme, etc? — AndrewL64
– AndrewL64, Commented Aug 6, 2021 at 13:02
@AndrewL64 The element is just an example, they are not generated by any plugin or theme. Instead, I make them. I just don't want people who did not log in to see them. — Nojus Piper
– Nojus Piper, Commented Aug 6, 2021 at 13:04
Does this answer your question? How to hide content for logged out users? — Chris Haas
– Chris Haas, Commented Aug 6, 2021 at 13:08
PHP is not "aware" of class names, nor HTML or JavaScript, it just spits out text that happens to look like that. If you want it to be aware, then you'd have to buffer it and run it through an HTML-aware parser such as DOMDocument. If security is your concern, then the text should be outputted in a non-secure context. As you pointed out, if you just hide things in CSS, that's not secure. JS would effectively do the same thing, too. I'm willing to flag this for re-open if you can elaborate further. — Chris Haas
– Chris Haas, Commented Aug 6, 2021 at 13:23

CountKyle · Accepted Answer · 2021-08-06 13:06:23Z

1

You need to wrap the code in an if statement, something like this:

<div class="container">
  <?php if (is_user_logged_in()): ?>
    <p class="element">I will only be visible to logged-in users.</p>
  <?php endif; ?>
</div>

Read the docs here.

answered Aug 6, 2021 at 13:06

CountKyle

4584 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nojus Piper Over a year ago

It seem like PHP can't target the element by a class name instead of wrapping the element into the function? My elements are not all in the same section and pages. I'll have to add this one by one which is time-consuming.

Aurel D · Accepted Answer · 2021-08-06 13:06:00Z

0

If you can't add a php condition where the actual div is generated then I can only think of two options:

Javascript which can be bypassed - so that's not reliable
PHP output buffering which would allow you to edit the html content after it has been generated. take a look at this. It might help.

answered Aug 6, 2021 at 13:06

Aurel D

1

Collectives™ on Stack Overflow

Hide element by class name with PHP on WordPress [closed]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related