[WIP] Implement PSTT theme

.travis.yml

@@ -36,7 +36,7 @@ env:
   - WP_VERSION=trunk WP_MULTISITE=1
 
 install:
-  - npm install
+  - npm install github:xwp/wp-dev-lib
   - export DEV_LIB_PATH=node_modules/wp-dev-lib
   - source $DEV_LIB_PATH/travis.install.sh
 

404.php

@@ -0,0 +1,60 @@
+<?php
+/**
+ * The template for displaying 404 pages (not found)
+ *
+ * @link https://codex.wordpress.org/Creating_an_Error_404_Page
+ *
+ * @package WPAMPTheme
+ */
+
+get_header(); ?>
+
+	<main id="primary" class="site-main">
+
+		<section class="error-404 not-found">
+			<header class="page-header">
+				<h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'travel' ); ?></h1>
+			</header><!-- .page-header -->
+
+			<div class="page-content">
+				<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'travel' ); ?></p>
+
+				<?php
+					get_search_form();
+
+					the_widget( 'WP_Widget_Recent_Posts' );
+				?>
+
+				<div class="widget widget_categories">
+					<h2 class="widget-title"><?php esc_html_e( 'Most Used Categories', 'travel' ); ?></h2>
+					<ul>
+					<?php
+						wp_list_categories(
+							array(
+								'orderby'    => 'count',
+								'order'      => 'DESC',
+								'show_count' => 1,
+								'title_li'   => '',
+								'number'     => 10,
+							)
+						);
+					?>
+					</ul>
+				</div><!-- .widget -->
+
+				<?php
+
+					/* translators: %1$s: smiley */
+					$archive_content = '<p>' . sprintf( esc_html__( 'Try looking in the monthly archives. %1$s', 'travel' ), convert_smilies( ':)' ) ) . '</p>';
+					the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=</h2>$archive_content" );
+
+					the_widget( 'WP_Widget_Tag_Cloud' );
+				?>
+
+			</div><!-- .page-content -->
+		</section><!-- .error-404 -->
+
+	</main><!-- #primary -->
+
+<?php
+get_footer();

README.md

@@ -14,6 +14,21 @@ A WordPress theme showcasing canonical AMP functionality.
 
 Custom theme based on the [AMP Start Travel Theme](https://ampstart-iframes.firebaseapp.com/templates/travel/travel.amp), developed by XWP.
 
+## Developing
+Built on [PSTT theme](https://github.com/mor10/pstt).
+
+1. In command line, run `npm install` to install necessary node packages and dependencies.
+2. In command line, run `composer install` to install necessary PHP packages and dependencies.
+3. In command line, run `npm run build` to generate the theme.
+
+
+Travel uses a [Gulp](https://gulpjs.com/) build process to generate and optimize the code for the theme. All development is done in the `/dev` folder and Gulp preprocesses, transpiles, and compiles the files into the root folder. The root folder files become the active theme. WordPress ignores anything in the `/dev` folder.
+
+JavaScript files are automatically linted using [ESLint](https://eslint.org/) in accordance with [WordPress Codeing Standards](https://make.wordpress.org/core/handbook/best-practices/coding-standards/).
+
+PHP and CSS files are automatically linted using [PHP CodeSniffer](https://github.com/squizlabs/PHP_CodeSniffer) in accordance with [WordPress Codeing Standards](https://make.wordpress.org/core/handbook/best-practices/coding-standards/). To take full advantage of this setup, configure your code editor / IDE to automatically test for the WordPress Coding Standards. More details can be found at the [WordPres Coding Standards Wiki](https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/wiki).
+
+
 ## Installation ##
 
 1. In your admin panel, go to Appearance > Themes and click the Add New button.
@@ -24,4 +39,4 @@ Custom theme based on the [AMP Start Travel Theme](https://ampstart-iframes.fire
 ## Credits ##
 
 * Based on the [AMP Start Travel Theme](https://ampstart-iframes.firebaseapp.com/templates/travel/travel.amp)
-
+* Built with [PSTT theme](https://github.com/mor10/pstt)

css/comments.css

@@ -0,0 +1,10 @@
+/*--------------------------------------------------------------
+# Comments
+--------------------------------------------------------------*/
+.comment-content a {
+  word-wrap: break-word;
+}
+
+.bypostauthor {
+  display: block;
+}