Skip to content

Commit c9ba408

Browse files
mrxkonmrxkon
committed
gwtd3 v1.0.3
Fixed css rules Added responsive css Added Off-Canvas Menu Added Scroll-To-Top Added SmoothScroll
1 parent 1bfd47a commit c9ba408

File tree

12 files changed

+1056
-64
lines changed

12 files changed

+1056
-64
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,5 +5,6 @@
55
!.gitignore
66
!wp-content/
77
!gwtd3.sql
8+
!dev.gwtd3.sql
89
!LICENSE
910
!README.md

‎README.md‎

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,22 @@
11
# wptranslationday.org
2-
Theme and custom plugins for wptranslationday.org
2+
**Theme and custom plugins for wptranslationday.org**
3+
4+
---
5+
6+
## gwtd3 theme
7+
8+
**Landing Page ( to be continued as a theme :D ) based on _s.**
9+
10+
Latest stable: **v1.0.3**
11+
12+
Currently includes:
13+
14+
* Responsive design
15+
* Off-Canvas mobile menu
16+
* Scroll-to-top
17+
* Smooth Scroll on # links.
18+
* Customizer - Main Header
19+
* Extra custom header for the non-landing page posts.
20+
* Dev stuff: .sql export (latest: dev.gwtd3.sql) for easy setup, wp-content folder with all the uploaded files.
21+
22+
Tested on latest: Chrome, Firefox, Edge, IE11

‎dev.gwtd3.sql‎

Lines changed: 799 additions & 0 deletions
Large diffs are not rendered by default.

‎wp-content/themes/gwtd3/footer.php‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -10,24 +10,27 @@
1010
*/
1111

1212
?>
13-
14-
<div class="section footer">
15-
<div class="container">
16-
<div class="row">
17-
<div class="six columns">
18-
<h2 class="value-multiplier">Stay tuned!</h2>
19-
</div>
20-
<div class="six columns text-right">
21-
<?php if ( is_active_sidebar( 'footer-social' ) ) : ?>
22-
<div id="footer-social">
23-
<?php dynamic_sidebar( 'footer-social' ); ?>
13+
<div class="section footer">
14+
<div class="container">
15+
<div class="row">
16+
<div class="six columns">
17+
<h2 class="value-multiplier">Stay tuned!</h2>
18+
</div>
19+
<div class="six columns text-right">
20+
<?php if ( is_active_sidebar( 'footer-social' ) ) : ?>
21+
<div id="footer-social">
22+
<?php dynamic_sidebar( 'footer-social' ); ?>
23+
</div>
24+
<?php endif; ?>
2425
</div>
25-
<?php endif; ?>
26+
</div>
2627
</div>
2728
</div>
2829
</div>
2930
</div>
30-
31+
<div id="to-top">
32+
<a href="#top" id="smoothup" title="Back to top"><img src="<?php echo get_template_directory_uri(); ?>/img/backtotop.png"/></a>
33+
</div>
3134
<?php wp_footer(); ?>
3235
</body>
3336
</html>

‎wp-content/themes/gwtd3/functions.php‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -132,12 +132,16 @@ function gwtd3_scripts() {
132132

133133
wp_enqueue_style( 'gwtd3-style', get_stylesheet_uri() );
134134

135+
wp_enqueue_style( 'dashicons' );
136+
135137
wp_enqueue_style( 'gwtd3-fonts', 'https://fonts.googleapis.com/css?family=Changa:400,700|Open+Sans:400,400i,600,700' );
136138

137139
wp_enqueue_script( 'gwtd3-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20170725', true );
138140

139141
wp_enqueue_script( 'gwtd3-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20170725', true );
140142

143+
wp_enqueue_script( 'jquery' );
144+
141145
wp_enqueue_script( 'gwtd3-custom-scripts', get_template_directory_uri() . '/js/scripts.js', array(), '20170725', true );
142146

143147
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {

‎wp-content/themes/gwtd3/header.php‎

Lines changed: 56 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -21,52 +21,68 @@
2121
</head>
2222

2323
<body <?php body_class(); ?>>
24-
<?php if ( is_front_page() ) { ?>
25-
<div class="section hero">
26-
<div class="container">
27-
<div class="row">
28-
<div class="twelve columns text-center">
29-
<?php the_header_image_tag(); ?>
24+
<div id="site-wrapper">
25+
<div id="site-canvas">
26+
<div id="mobile-menu-trigger">
27+
<span class="dashicons dashicons-menu"></span>
28+
</div>
29+
<div id="site-menu">
30+
<?php
31+
wp_nav_menu( array(
32+
'theme_location' => 'primary-menu',
33+
'menu_id' => 'primary-menu',
34+
) );
35+
36+
wp_nav_menu( array(
37+
'theme_location' => 'gwtd-menu',
38+
'menu_id' => 'gwtd-menu',
39+
) );
40+
?>
41+
</div>
42+
<?php if ( is_front_page() ) { ?>
43+
<div class="section hero">
44+
<div class="container">
45+
<div class="row">
46+
<div class="twelve columns text-center">
47+
<?php the_header_image_tag(); ?>
48+
</div>
3049
</div>
3150
</div>
3251
</div>
33-
</div>
34-
<?php } else { ?>
35-
<div class="section hero header">
36-
<div class="container">
37-
<div class="row">
38-
<div class="twelve columns text-center">
39-
<?php
40-
$post = get_page_by_title( 'Internal Banner' );
41-
the_post_thumbnail();
42-
?>
52+
<?php } else { ?>
53+
<div class="section hero header">
54+
<div class="container">
55+
<div class="row">
56+
<div class="twelve columns text-center">
57+
<?php
58+
$post = get_page_by_title( 'Internal Banner' );
59+
the_post_thumbnail();
60+
?>
61+
</div>
4362
</div>
4463
</div>
4564
</div>
46-
</div>
47-
<?php } ?>
48-
<div class="section primary-menus">
49-
<div class="container">
50-
<div class="row">
51-
<!-- <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">-->
52-
<?php //esc_html_e( 'Primary Menu', 'gwtd3' ); ?><!--</button>-->
53-
<div class="five columns text-left">
54-
<?php
55-
wp_nav_menu( array(
56-
'theme_location' => 'gwtd-menu',
57-
'menu_id' => 'gwtd-menu',
58-
) );
59-
?>
60-
</div>
61-
<div class="seven columns text-right">
62-
<?php
63-
wp_nav_menu( array(
64-
'theme_location' => 'primary-menu',
65-
'menu_id' => 'primary-menu',
66-
) );
67-
?>
65+
<?php } ?>
66+
<div class="section primary-menus">
67+
<div class="container">
68+
<div class="row">
69+
<div class="five columns text-left">
70+
<?php
71+
wp_nav_menu( array(
72+
'theme_location' => 'gwtd-menu',
73+
'menu_id' => 'gwtd-menu',
74+
) );
75+
?>
76+
</div>
77+
<div class="seven columns text-right">
78+
<?php
79+
wp_nav_menu( array(
80+
'theme_location' => 'primary-menu',
81+
'menu_id' => 'primary-menu',
82+
) );
83+
?>
84+
</div>
85+
</div>
6886
</div>
6987
</div>
70-
</div>
71-
</div>
7288

‎wp-content/themes/gwtd3/img/backtotop.png‎

2.08 KB
Loading

‎wp-content/themes/gwtd3/img/globe.png‎

7.24 KB
Loading

‎wp-content/themes/gwtd3/img/rocket.png‎

11.4 KB
Loading

‎wp-content/themes/gwtd3/js/scripts.js‎

Lines changed: 44 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,44 @@
1-
// Scripting goes here!
1+
(function( $ ) {
2+
$( document ).ready( function( $ ) {
3+
4+
$( '#mobile-menu-trigger' ).click( function() {
5+
toggleNav();
6+
});
7+
8+
function toggleNav() {
9+
if ( $( '#site-wrapper' ).hasClass( 'show-nav' ) ) {
10+
$( '#site-wrapper' ).removeClass( 'show-nav' );
11+
} else {
12+
$( '#site-wrapper' ).addClass( 'show-nav' );
13+
}
14+
}
15+
16+
17+
$( window ).scroll( function() {
18+
if ( $( this ).scrollTop() < 400 ) {
19+
$( '#to-top' ).fadeOut();
20+
} else {
21+
$( '#to-top' ).fadeIn();
22+
}
23+
} );
24+
25+
$( 'a[href*=\\#]' ).on( 'click', function( event ) {
26+
if ( $( this ).attr( 'id' ) === 'smoothup' ) {
27+
$( 'html, body' ).animate( {
28+
scrollTop: 0
29+
}, 500 );
30+
return false;
31+
} else {
32+
if ( $( this ).parent().parent().parent().parent().attr( 'id' ) === 'site-menu' ) {
33+
toggleNav();
34+
}
35+
event.preventDefault();
36+
$( 'html,body' ).animate( {
37+
scrollTop: $( this.hash ).offset().top
38+
}, 500 );
39+
return false;
40+
}
41+
} );
42+
43+
} );
44+
})( jQuery );

0 commit comments

Comments
 (0)