Way to conceal CSS/HTML from contributor?

  • Resolved okieman

    (@okieman)


    10 years, 11 months ago

    I have a church site under development with a page where mp3s of the Sunday meditation and talk are uploaded. I prettied this up with CSS including some styling to the built-in audio player.

    My challenge: For the admin assistant doing the weekly media upload, she’ll have know where to type the name for each file and not touch anything else. (She has used WordPress but never at the code level.) Tried to find an upload plugin that would present said person with a few simple form fields. No luck. I can’t be the only person who has ever needed to make a simple function user friendly? Sample below …

    <h3>April Theme: The Resurrection</h3>
<h4 class="datnm">April 5 ~ A New Life</h4>
<div class="bdbyx">Meditation / <a class="blckm" title="Right click -Save as" href="http://127.0.0.1/wp/wp-content/uploads/2015/04/150405_meditation.mp3">download <span class="dwnpt">↓</span></a> or Play:</div>
<div class="ado">[audio mp3="http://127.0.0.1/wp/wp-content/uploads/2015/04/150405_meditation.mp3"][/audio]</div>
<div class="bdbyx">“A New Life” / <a class="blckm" title="Right click -Save as" href="http://127.0.0.1/wp/wp-content/uploads/2015/04/150405_New-Life.mp3">download <span class="dwnpt">↓</span></a> or Play:</div>
<div class="ado">[audio mp3="http://127.0.0.1/wp/wp-content/uploads/2015/04/150405_New-Life.mp3"][/audio]</div>

Viewing 3 replies - 1 through 3 (of 3 total)
  • LyleChamney

    (@lylechamney)

    10 years, 11 months ago

    One method that may work is to use the lite (free) version of the Beaver Builder page layout plugin:

    https://wordpress.org/plugins/beaver-builder-lite-version/

    If the mp3s will be on the same page, it’s a snap to duplicate the previous entry, then change the audio file and text.

    If they are on different pages/posts, then there are a couple options:
    1) copy and paste the previous entry to a new one, then edit as required
    2) spring for the Standard Version of BB (paid) where you can easily create a template for this that can be easily added wherever needed.

    With both versions, you can easily add your custom class names to the module where the player and text are presented and then add the required CSS wherever you do so; the customized look will appear wherever those class names are added.

    Martin Robbins

    (@santeven)

    10 years, 11 months ago

    Another possibility is use custom fields for whatever she fills in. And write a template to output the custom fields, and all the html and shortcodes instead of putting it in the content editor. This kind of functionality can be implemented easily enough with the plugin Advanced Custom Fields.

    Thread Starter okieman

    (@okieman)

    10 years, 11 months ago

    Two good ideas! Beaver Builder didn’t come up in my plugin search, and I hadn’t heard about ACF, so thanks again.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Way to conceal CSS/HTML from contributor?’ is closed to new replies.