WordPress >

https://automattic.com/
https://wordpress.com/theme/parament

A dark theme with orange highlights.

I ended up making a child theme. See Parament-spiralofhope.

Abandoned.

https://wordpress.org/support/theme/parament/
blog.spiralofhope.com/wp-admin/themes.php
blog.spiralofhope.com/wp-admin/customize.php?theme=parament
See also Testing WordPress themes.
a responsive version (mobile) was being worked on by one user but I don't know if it was completed.

Table of Contents [hide]

1 Configuration
- 1.1 Style changes
  - 1.1.1 Remove the background striping.
  - 1.1.2 Remove the navigation bar.
2 Remove the header
- 2.1 Remove the menu
3 Remove the "powered by" footer
4 Edit content.php

Configuration ∞

https://blog.spiralofhope.com/wp-admin/customize.php?theme=parament

[_] Display Header Text

Style changes ∞

Edit style.css

Remove the background striping. ∞

body {
        /* background: #202228 url( images/diagonal-stripes-010.png ); */
        color: #989eae;
        font-size: 14px;
        margin: 0;
        padding: 15px 0 30px;
}

#menu {
        display: none;
        background: #070707;
        background: -moz-linear-gradient( top, #272727 1%, #070707 100% );
        background: -webkit-gradient( linear, left top, left bottom, color-stop( 1%, #272727 ), color-stop( 100%, #070707 ) );
        background: -webkit-linear-gradient( top, #272727 1%, #070707 100% );
        background: -o-linear-gradient( top, #272727 1%, #070707 100% );
        background: -ms-linear-gradient( top, #272727 1%, #070707 100% );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#070707', GradientType=0 );
        background: linear-gradient( top, #272727 1%, #070707 100% );
        border: 1px solid #444855;
        border-radius: 7px;
        clear: both;
        float: left;
        margin: 0;
        padding: 7px 0 0;
        width: 1000px;
}

Remove the header ∞

/* =Header
-------------------------------------------------------------- */

/*
#branding {
        font-size: 12px;
        margin: 0 auto 15px;
        min-height: 100px;
        text-shadow: #000 1px 1px 2px;
        width: 950px;
}
h1#site-title {
        font-size: 40px;
        font-weight: normal;
        line-height: 47px;
        margin: 20px 0 0 15px;
}
h2#site-description {
        font-size: 16px;
        line-height: 1.5;
        margin: 0 0 20px 15px;
}
h1#site-title a,
h2#site-description a {
        color: #cccfd7;
        display: block;
        text-decoration: none;
}
*/

remove the menu

/* =Menu
-------------------------------------------------------------- */

#menu {
        display: none;
/*
        display: none;
        background: #070707;
        background: -moz-linear-gradient( top, #272727 1%, #070707 100% );
        background: -webkit-gradient( linear, left top, left bottom, color-stop( 1%, #272727 ), color-stop( 100%, #070707 ) );
        background: -webkit-linear-gradient( top, #272727 1%, #070707 100% );
        background: -o-linear-gradient( top, #272727 1%, #070707 100% );
        background: -ms-linear-gradient( top, #272727 1%, #070707 100% );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#070707', GradientType=0 );
        background: linear-gradient( top, #272727 1%, #070707 100% );
        border: 1px solid #444855;
        border-radius: 7px;
        clear: both;
        float: left;
        margin: 0;
        padding: 7px 0 0;
        width: 1000px;
}
#menu:empty {
        display: none;
}
#menu ul {
        font-size: 13px;
        list-style: none;
        margin: 0;
        padding-left: 0;
}
#menu li {
        float: left;
        margin: 0 0 7px 7px;
        position: relative;
}
#menu li li {
        margin: 0;
}
#menu a {
        color: #989eae;
        display: block;
        line-height: 40px;
        padding: 0 15px;
        text-decoration: none;
        text-transform: uppercase;
}
#menu ul ul {
        border-top: 1px solid #444855;
        -moz-box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
        -webkit-box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
        box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        top: 37px; /* offset 3px to hide bottom border-radius. */
        left: 0;
        width: 213px;
        z-index: 99999;
}
#menu ul ul ul {
        border-top-width: 0;
        left: 100%;
        top: 0;
}
#menu ul ul a {
        background: #202228;
        border-bottom: 1px dotted #444855;
        color: #989eae;
        font-size: 13px;
        font-weight: normal;
        line-height: 1.5;
        padding: 6px 15px;
        text-transform: none;
        width: 183px;
        height: auto;
}
#menu li:hover > a,
#menu a:focus {
        background: #272a31;
}
#menu a:focus,
#menu a:active,
#menu li:hover > a {
        color: #fff;
}
#menu li.current-menu-item > a,
#menu li.current-menu-ancestor > a,
#menu li.current_page_item > a,
#menu li.current_page_ancestor > a {
        background-color: #33353d;
        color: #fff;
        font-weight: bold;
}
#menu li li.current-menu-item > a,
#menu li li.current-menu-ancestor > a,
#menu li li.current_page_item > a
#menu li li.current_page_ancestor > a {
        border-radius: 0;
}
#menu ul li:hover > ul {
        display: block;
}
/* First selector is for wp_nav_menu(), second is for wp_list_pages(). */
#menu .menu > li > a,
#menu div.menu > ul > li > a {
        border-radius: 3px;
*/
}

https://blog.spiralofhope.com/wp-admin/theme-editor.php?file=footer.php&theme=parament

<?php
/**
 * @package Parament
 */
?>

</div><!-- end page-wrap -->
<!--
<footer id="colophon" role="contentinfo">
        <div id="site-generator">
                <a href="https://wordpress.org" rel="generator">Proudly powered by WordPress</a>
                <?php printf( __( 'Theme: %1$s by %2$s.', 'parament' ), 'Parament', '<a href="https://automattic.com/" rel="designer">Automattic</a>' ); ?>
        </div>
</footer>
-->

<?php wp_footer(); ?>

</body>
</html>

Edit content.php ∞

https://blog.spiralofhope.com/wp-admin/theme-editor.php?file=content.php

Move the "Edit This" link to the left ∞

<?php edit_post_link(); ?>

I moved it up a little bit, just after

<div class="entry-byline">

So it's something like this:

                <?php endif; ?>
                <div class="entry-byline">
                        <?php edit_post_link(); ?>
                        <span><?php

Move the meta data below the content ∞

I moved all of this:

<div class="entry-meta">
  <?php
    /* translators: used between list items, there is a space after the comma. */
    $categories_list = get_the_category_list( __( ', ', 'parament' ) );
    if ( $categories_list ) :
  ?>
  <?php printf( __( 'Posted in: %1$s.', '       ' ), $categories_list ); ?>
  <?php endif; // End if $categories_list ?>

  <?php
    /* translators: used between list items, there is a space after the comma. */
    $tags_list = get_the_tag_list( '', __( ', ', 'parament' ) );
    if ( $tags_list ) :
  ?>
  <?php printf( __( 'Tagged: %1$s.', 'parament' ), $tags_list ); ?>
  <?php endif; // End if $tags_list ?>

  <?php if ( comments_open() && ! post_password_required() ) : ?>
    <span class="comments"><?php
      comments_popup_link(
        __( 'Leave a Comment', 'parament' ),
        __( '1 comment',   'parament' ),
        __( '% comments',  'parament' )
      );
    ?></span>
  <?php endif; ?>
</div><!-- entry-meta -->

I added a div wrapper around it:

<div class="title">

(it)

</div>

, I moved it after the div section created by:

<div class="entry-content">

I also inserted a <br /> tag in here:

<span class="comments"><br /><?php

TODO: Something more snazzy.

Remove "posted in" and categories ∞

Remove this content:

                        <?php
                                /* translators: used between list items, there is a space after the comma. */
                                $categories_list = get_the_category_list( __( ', ', 'parament' ) );
                                if ( $categories_list ) :
                        ?>
                        <?php printf( __( 'Posted in: %1$s.', 'parament' ), $categories_list ); ?>
                        <?php endif; // End if $categories_list ?>

Remove author ∞

There's only one author here, so don't bother displaying that.

Be careful not to remove too much.

printf( __( '   Posted by %1$s on %2$s', 'parament' ),
  sprintf( '<a href="%1$s" title="%2$s">%3$s</a>',
    esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
    esc_attr( sprintf( __( 'View all posts by %1$s', 'parament' ), get_the_author() ) ),
    esc_html( get_the_author() )
  ),
  '<a href="' . esc_url( get_permalink() ) . '">' . esc_html( get_the_date() ) . '</a>'
);

It should just be:

printf(
  '<a href="' . esc_url( get_permalink() ) . '">' . esc_html( get_the_date() ) . '</a>'
);

Removed "Tagged: " ∞

<?php printf( __( 'Tagged: %1$s.', 'parament' ), $tags_list ); ?>

to:

<?php printf( __( '%1$s', 'parament' ), $tags_list ); ?>

Note that I'm also removing the period after the list.

Customize the comment ∞

__( 'Leave a Comment', 'parament' ),

to:

__( '<img src="/wp-content/uploads/comment.png">Comment', 'parament' ),

Last updated 2023-06-12 at 17:50:32

2 comments on “Parament WordPress theme”

spiralofhope on 2015-07-15 at 1:58 pm said:

2019-11-22 - For some reason comments were purged from this page. The original commenter's comment is lost (though in very deep archives)

- spiralofhope on 2015-07-15 at 1:58 pm said:
  
  2019-11-22 - but my response was:
  
  ----
  
  I ended up making a child theme:
  
  blog.spiralofhope.com/2666-parament-spiralofhope.html
  
  But I haven't shared my style.css or other wordpress-related stuff.
  
  I'm currently working on other stuff. I'll make a note to put this stuff up somewhere, probably in this repository:
  
  https://github.com/spiralofhope/misc-configuration

spiralofhope

Parament WordPress theme