Wordpress/Melville
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added top level menu item with styling

Browse Source
This commit is contained in:
Jacob Haddon 2020-03-19 18:01:57 -04:00
parent 0543e34fd9
commit 7705fa81c7
3 changed files with 54 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
functions.php
View File

@ -2,11 +2,11 @@
/** /**
* Based on TwentyTen functions and definitions * Based on TwentyTen functions and definitions
**/ **/
// enqueue styles // enqueue styles
wp_enqueue_style( 'style', get_stylesheet_uri() ); wp_enqueue_style( 'style', get_stylesheet_uri() );
//include 'plugins/drop-caps/wp_drop_caps.php'; //include 'plugins/drop-caps/wp_drop_caps.php';
if (!function_exists('arl_kottke_archives')) { if (!function_exists('arl_kottke_archives')) {
include 'plugins/arl_kottke_archives.php'; include 'plugins/arl_kottke_archives.php';
@ -59,6 +59,7 @@ function twentyten_setup() {
// This theme uses wp_nav_menu() in one locations. // This theme uses wp_nav_menu() in one locations.
register_nav_menus( array( register_nav_menus( array(
'header-menu' => __( 'Header Menu', 'twentyten'),
'primary' => __( 'Footer Navigation Menu', 'twentyten' ) 'primary' => __( 'Footer Navigation Menu', 'twentyten' )
) ); ) );
} }
@ -268,9 +269,9 @@ add_shortcode('dropcap', 'theme_shortcode_dropcaps');
//build out our Portfolio Theme options //build out our Portfolio Theme options
add_option("melville_theme_footer", 'show'); add_option("melville_theme_footer", 'show');
$melville_footer = get_option('melville_theme_footer'); $melville_footer = get_option('melville_theme_footer');
define('melville_footer',$melville_footer); define('melville_footer',$melville_footer);
@ -300,11 +301,11 @@ function melville_theme_options_page() { ?>
<option value="hide" <?php if(melville_footer == hide) echo " selected='selected'";?>>False</option> <option value="hide" <?php if(melville_footer == hide) echo " selected='selected'";?>>False</option>
</select> </select>
</td> </td>
</tr> </tr>
</table> </table>
<input type="hidden" name="page_options" value="melville_theme_footer" /> <input type="hidden" name="page_options" value="melville_theme_footer" />
<input type="hidden" name="action" value="update" /> <input type="hidden" name="action" value="update" />
<p class="submit"> <p class="submit">
<input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" /> <input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
</p> </p>
@ -312,4 +313,4 @@ function melville_theme_options_page() { ?>
<p>Melville theme for WordPress, made by <a href="http://madebyraygun.com">Raygun</a>. <p>Melville theme for WordPress, made by <a href="http://madebyraygun.com">Raygun</a>.
</div> </div>
<?php } ?> <?php } ?>

14
header.php
View File

@ -4,7 +4,7 @@
* *
* Displays all of the <head> section and everything up till <div id="content"> * Displays all of the <head> section and everything up till <div id="content">
*/ */
?><!DOCTYPE html> ?><!DOCTYPE html>
<!--[if IE ]> <html <?php language_attributes(); ?> class="ie"> <![endif]--> <!--[if IE ]> <html <?php language_attributes(); ?> class="ie"> <![endif]-->
<!--[if !(IE)]><!--> <html <?php language_attributes(); ?>> <!--<![endif]--> <!--[if !(IE)]><!--> <html <?php language_attributes(); ?>> <!--<![endif]-->
@ -14,7 +14,6 @@
<meta charset="<?php bloginfo( 'charset' ); ?>" /> <meta charset="<?php bloginfo( 'charset' ); ?>" />
<link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="profile" href="http://gmpg.org/xfn/11" />
<script type="text/javascript"> <script type="text/javascript">
WebFontConfig = { WebFontConfig = {
custom: { families: ['OFLSortsMillGoudyRegular', 'OFLSortsMillGoudyItalic'], custom: { families: ['OFLSortsMillGoudyRegular', 'OFLSortsMillGoudyItalic'],
@ -31,7 +30,7 @@
s.parentNode.insertBefore(wf, s); s.parentNode.insertBefore(wf, s);
})(); })();
</script> </script>
<noscript><link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/css/noscript.css" /></noscript> <noscript><link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/css/noscript.css" /></noscript>
<title><?php <title><?php
/* /*
* Print the <title> tag based on what is being viewed. * Print the <title> tag based on what is being viewed.
@ -62,14 +61,15 @@
<body <?php body_class(); ?>> <body <?php body_class(); ?>>
<div id="wrapper"> <div id="wrapper">
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'container_class' => 'melville_menu', 'theme_location' => 'header-menu' ) ); ?>
<div id="header"> <div id="header">
<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?> <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
<<?php echo $heading_tag; ?> id="site-title"> <<?php echo $heading_tag; ?> id="site-title">
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a> <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
</<?php echo $heading_tag; ?>> </<?php echo $heading_tag; ?>>
<div id="site-description"><?php bloginfo( 'description' ); ?></div> <div id="site-description"><?php bloginfo( 'description' ); ?></div>
</div><!--#header--> </div><!--#header-->
<div id="content"> <div id="content">

56
style.css
View File

@ -3,7 +3,7 @@ Theme Name: Melville
Theme URI: http://jacobhaddon.com/themes Theme URI: http://jacobhaddon.com/themes
Description: A clean journal theme with great typography Description: A clean journal theme with great typography
Version: 1.0.3 Version: 1.0.3
Author: Jacob Haddon / Dalton Rooney Author: Jacob Haddon / Dalton Rooney
Author URI: jacobhaddon.com Author URI: jacobhaddon.com
Tags: clean, basic, typography, minimalist, white, single column Tags: clean, basic, typography, minimalist, white, single column
@ -20,7 +20,7 @@ Original theme, Dalton Rooney - http://madebyraygun.com
.wf-active #site-title a, .wf-active #site-title a, .wf-active #content h1.entry-title, .wf-active #content h1.page-title, .wf-active #content h2.entry-title, .wf-active span.cap, .wf-inactive #site-title a, .wf-inactive #site-title a, .wf-inactive #content h1.entry-title, .wf-inactive #content h1.page-title, .wf-inactive #content h2.entry-title, .wf-inactive span.cap { .wf-active #site-title a, .wf-active #site-title a, .wf-active #content h1.entry-title, .wf-active #content h1.page-title, .wf-active #content h2.entry-title, .wf-active span.cap, .wf-inactive #site-title a, .wf-inactive #site-title a, .wf-inactive #content h1.entry-title, .wf-inactive #content h1.page-title, .wf-inactive #content h2.entry-title, .wf-inactive span.cap {
visibility: visible; visibility: visible;
} }
/* @end */ /* @end */
/* @group Reset */ /* @group Reset */
@ -160,12 +160,12 @@ hr {
span.dropcap{ span.dropcap{
font-weight:bold; font-weight:bold;
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;
float:left; float:left;
font-size: 3em; font-size: 3em;
line-height:1em; line-height:1em;
margin: 8px 2px -10px 0; margin: 8px 2px -10px 0;
position:relative; position:relative;
} }
#content ul, #content ol { #content ul, #content ol {
@ -185,7 +185,7 @@ span.dropcap{
#content pre { #content pre {
margin: 20px 0; margin: 20px 0;
padding: 10px; padding: 10px;
background-color: #fdfdfd; background-color: #fdfdfd;
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
} }
@ -202,7 +202,7 @@ span.dropcap{
text-align: center; text-align: center;
margin: 0 0 30px 0; margin: 0 0 30px 0;
font-weight: normal; font-weight: normal;
font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;
font-size: 1.8em; font-size: 1.8em;
line-height:1.2em; line-height:1.2em;
text-decoration: none; text-decoration: none;
@ -285,7 +285,7 @@ p.wp-caption-text {
.page-link { .page-link {
margin: 20px 0 22px 0; margin: 20px 0 22px 0;
} }
.page-link a:link, .page-link a:visited { .page-link a:link, .page-link a:visited {
background: #f1f1f1; background: #f1f1f1;
color: #333; color: #333;
@ -334,8 +334,8 @@ div#header {
} }
div#site-description { div#site-description {
text-align: center; text-align: center;
} }
/* @end */ /* @end */
@ -526,11 +526,11 @@ img.avatar {
} }
#comments ol li.depth-2, #comments ol li.depth-3 { #comments ol li.depth-2, #comments ol li.depth-3 {
margin: 10px 0 0 20px; margin: 10px 0 0 20px;
} }
#commentform p.logged-in-as { #commentform p.logged-in-as {
font-size: 11px; font-size: 11px;
} }
.comment-meta { .comment-meta {
@ -538,7 +538,7 @@ img.avatar {
} }
.comment-body p { .comment-body p {
margin: 10px 0 0 0; margin: 10px 0 0 0;
width: 450px; width: 450px;
} }
@ -559,7 +559,7 @@ p.form-allowed-tags {
/* @group Menu */ /* @group Menu */
#menu { #menu {
width:810px; width:810px;
margin: 0 auto; margin: 0 auto;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc; border-left: 1px solid #cccccc;
@ -568,13 +568,13 @@ p.form-allowed-tags {
box-shadow: 1px 4 20px #dddddd; box-shadow: 1px 4 20px #dddddd;
} }
#menu div.menu, #menu div.menu-footer { background-color: #dadada; border-bottom-style: double; #menu div.menu, #menu div.menu-footer { background-color: #dadada; border-bottom-style: double;
border-bottom-color: #bbb; border-bottom-color: #bbb;
border-bottom-width: 3px; border-bottom-width: 3px;
border-top-style: double; border-top-style: double;
border-top-color: #bbb; border-top-color: #bbb;
border-top-width: 3px;} #menu div.menu ul, #menu div.menu-footer ul { margin: 0 0 0 0; padding: 10px 0 6px; border-bottom: 1px solid #dddddd; border-top-width: 3px;} #menu div.menu ul, #menu div.menu-footer ul { margin: 0 0 0 0; padding: 10px 0 6px; border-bottom: 1px solid #dddddd;
text-align: center; } #menu div.menu li, #menu div.menu-footer li { display: inline; margin: 0 15px; } #menu div.menu li a, #menu div.menu-footer li a { text-decoration: none; font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; font-size: 18px; font-style: italic; text-decoration: none; color: #555555; } #menu div.menu li a:hover, #menu div.menu-footer li a:hover { color: #333333; } #menu div.menu ul li.current_page_item a, #menu div.menu-footer ul li.current_page_item a{ text-decoration: underline; text-align: center; } #menu div.menu li, #menu div.menu-footer li { display: inline; margin: 0 15px; } #menu div.menu li a, #menu div.menu-footer li a { text-decoration: none; font-family: 'OFLSortsMillGoudyRegular', Georgia, serif; font-size: 18px; font-style: italic; text-decoration: none; color: #555555; } #menu div.menu li a:hover, #menu div.menu-footer li a:hover { color: #333333; } #menu div.menu ul li.current_page_item a, #menu div.menu-footer ul li.current_page_item a{ text-decoration: underline;
color: #333333; color: #333333;
} }
@ -610,4 +610,22 @@ span.older-posts a, span.newer-posts a{
margin-right: 20px; margin-right: 20px;
} }
/* @end */ /* NEW THINGS! */
#site-title {
padding-top: 30px;
}
/* menu styles */
.melville_menu ul {list-style: none; padding:0px;}
.melville_menu ul ul {display: none;position:absolute;background-color: white;}
.melville_menu li {display:inline-block; padding-right: 20px;}
.melville_menu li a {text-decoration: none;}
.melville_menu li:hover ul {display: block;}
.melville_menu li li {display:block; text-align: left; padding-top: 10px; padding-left: 5px;}
.melville_menu li ul {}
.melville_menu li li a {}
.melville_menu { text-align: center; font-variant: small-caps;}
/* @end */