Nostalgia - Portfolio WordPress Theme

Nostalgia is a portfolio theme - personal or corporate, based on full-screen slider and sliding pages. The template is maintained in a minimalist, contrasting style. Background images kept in retro tones contrast with modern minimalist content. It is possible to add unlimited number of pages in the form of scrolling menu. Template contains typical descriptive pages like about and services, portfolio page with categories based on accordion, build-in lightbox and possibility to play youtube and vimeo videos, main blog page and single post page with categories, comments and lightbox build-in, contact page with map of location and with working contact form. Template fullscreen background will adapt to any screen resolution.

Theme Features

  • jQuery Powered
  • Ajax technology
  • Fullscreen slideshow
  • Background music player
  • Unlimited number of pages
  • Custom theme/single page color from colorpicker
  • 6 predefined page icons
  • 10 predefined page header icons
  • 10 predefined social icons
  • Fully customizable
  • Blog template
  • Build-in portfolio page template with Lightbox
  • Build-in about page template implemented with shortcode
  • Build-in services page template implemented with shortcode
  • Build-in Google Map shortcode
  • Working Contact Form with configuration page under Settings submenu
  • Support for back/next browser buttons
  • Support for SEO links
  • Font Face Fonts
  • Valid XHTML code
  • Documentation included

On this video you can see how to activate theme and import dummy-content to it (from included - nostalgia-content.xml file).

CSS Styles

The project uses the following cascade of template styles (in order):

  • style/jquery.jScrollPane.css - default styles for scrollbars,
  • style/jquery.qtip.css - default styles for tooltips,
  • style/jquery-ui.css - default styles for UI elements,
  • style/fancybox/jquery.fancybox.css - default styles for fancybox,
  • style.css - base styles for whole project.

Theme Structure

Project is divided by four main files: index.php, header.php, footer.php and functions.php


index.php

It's main project file which calls other. It contains get_header and get_footer calls. There is also call of the theme_get function, which generate the menu.


header.php

The file contains head section of the html tree structure. You can find here also wp_head call.


footer.php

The file contains bottom part of the page, including copyright area and footer area. You can find here also wp_footer call.


functions.php

The file contains definition/includes of the functions for:

  • contact form, map,
  • portfolio, about, services shortcodes,
  • blog and post sidebars,
  • ajax calls,
  • load javascript and css files,
  • base configuration,
  • menu generation,
  • custom meta box and options pages.

Javascript Files

Plugins and library


Other files

  • script.js - script contains a few simple functions used in this project,
  • main.js - script contains a call jquery plugins which are used in main page,
  • prestige.js - script contains a call jquery plugins which are used in pages.

Plugins & Shortcodes

Home page widgets

Nostalgia have 2 build in widgets: Latest Posts and Latest Portfolio. In live preview page/demo page there are also two external widgets presented: Twitter Widget Pro (http://wordpress.org/extend/plugins/twitter-widget-pro/) and Facebook Like Box (http://wordpress.org/extend/plugins/facebook-like-box-widget/). To use them, you need to install them from wordpress.org or straight under Plugins->Add new in your WordPress admin area. You can see sample configuration of that widgets on below screenshots:

  • Twitter Widget Pro sample configuration - screenshot,
  • Facebook Like Box sample configuration - screenshot.

Portfolio

Nostalgia have custom post type for portfolio. You can manage portfolio items in your admin area under Portfolio submenu.
Basically to put portfolio on your page, just use below shortcode: 

[nostalgia_portfolio]

There are five types of portfolio item available: image, video, audio, iframe, external url. To use video item, you need to set its url in Video URL (optional) textfield, analogously for audio, iframe and external url.

You can also display portfolio items from certain caregories. Examples: 

[nostalgia_portfolio category='image']
[nostalgia_portfolio category='video']
[nostalgia_portfolio category='image,video']

Available shortcode parameters:

Parameter Default value Description
category Specifies the category/categories from which portfolio items will be displayed. Example:
[nostalgia_portfolio category='image,video']
open false Specifies the category tab which should be opened on start. Example: 
[nostalgia_portfolio category='youtube,vimeo' open='youtube']
default_tab_title Portfolio Items Specifies the category tab which should be opened on start. Example: 
[nostalgia_portfolio default_tab_title='My custom default tab title']

Service

Nostalgia have custom post type for services page. You can manage services items in your admin area under Services submenu. For each service item you can define an icon under Options box on add/edit service item page.
Basically to put services on your page, just use below shortcode: 

[nostalgia_service]

You can also display service items from certain caregories. Examples: 

[nostalgia_service category='applications']
[nostalgia_service category='applications,works']

About

Nostalgia have custom post type for about page. You can manage about items in your admin area under About submenu. For each about item you can define an icon under Options box on add/edit about item page.
Basically to put about on your page, just use below shortcode: 

[nostalgia_about]

You can also display about items from certain caregories. Example: 

[nostalgia_about category='websites']

Contact form

This project includes a contact form ready for use.
All you need is to configure some constants located under Settings submenu (Nostalgia Contact Form Options position). Then you can use in page content below shortcode: 

[nostalgia_contact_form]

Google Map & Contact info/details

Nostalgia includes also Google Map shortcode.
It can be added to the page with [nostalgia_map] shortcode. Example: 

[nostalgia_map width='245' height='200' lat='48.864037' lng='2.353477' zoom='15' marker_lat='48.864037' marker_lng='2.353477']

Available shortcode parameters:

Parameter Default value Description
id map Specifies the identifier of the map. Should be unique for each map, if they are displayed in the same page.
width 245 Specifies the width of the map in pixels.
height 200 Specifies the height of the map in pixels.
lat 29.760193 Specifies the latitude coordinate of the map center point.
lng -95.36939 Specifies the longitude coordinate of the map center point.
marker_lat 29.760193 Specifies the latitude coordinate of the map marker.
marker_lng -95.36939 Specifies the longitude coordinate of the map marker.
zoom 10 Specifies the zoom value for the map.
arrow 1 Specifies if the map should have the arrow on the left side. That parameter is usefull if you're using map with [contact_info] and [contact_details] shortcodes.
streetviewcontrol false Specifies if the map should have street view control icons.
maptypecontrol false Specifies if the map should have map type control icons.

There are also contact details shortcodes.
It can be added to the page with [contact_info] shortcode and [contact_details] shortcode. Example: 

[contact_info]
	[contact_details phone='T: 877 123 0223' fax='F: 877 123 0224' email='E: keith@douglas.com']
	Keith Douglas
	Quai Henri IV
	75004 Paris, France
	[/contact_details][nostalgia_map lat='48.864037' lng='2.353477' zoom='15' marker_lat='48.864037' marker_lng='2.353477']
[/contact_info]
As you can see in [contact_details] shortcode you can use 3 parameters: phone, fax and email.
To reach nice looking contact details part of the page please put [contact_details] and [nostalgia_map] shortcodes into [contact_info] shortcode.

Languages

Theme supports translations. To create your language translation, please download this usefull tool Poedit. Then find in languages directory default.po file and open it in Poedit. Translate appropriate texts and save the file giving it appropriate name (check here for more). For example French: fr_FR, German: de_DE, etc.
The last step is setting the language in wp-config.php file. Please open it and find (or add if it doesn't exists) below line: 

define ('WPLANG', '');
Then set your language, for example French: 
define ('WPLANG', 'fr_FR');
That's all.

Credits

Fonts used


Icons

All icons by QuanticaLabs. Icons are an integral part of this template, please do not use it separately for other purposes.


Images

All images under Creative Commons Attribution 2.0 Generic for commercial use.
No Derivative Works or Share-Alike conditions waived by permission of copyright holders.


Music

Version history

30 December 2020, ver. 7.6

  • Fix for animations issue.
  • Minor code improvements.
header.php
js/jquery.easing.js
js/jquery.fancybox.js
languages/default.mo
languages/default.po

18 August 2020, ver. 7.5

  • Compatibility with WordPress 5.5 added.
  • Security improvements.
  • Minor code improvements.
blog.php
comments.php
comments-functions.php
functions.php
header.php
plugins_activator.php
style.css
admin/js/theme_admin.js
admin/style/style.css
js/jquery.ba-bbq.min.js
js/jquery.blockUI.js
js/jquery.fancybox.js
js/jquery.qtip.min.js
js/main.js
js/theme.js
js/theme_comment_form.js
languages/default.mo
languages/default.po
plugins/nostalgia_about.zip
plugins/nostalgia_portfolio.zip
plugins/nostalgia_service.zip
plugins/nostalgia_shortcodes.zip
style/jquery.qtip.css

10 April 2019, ver. 7.4

  • Fix for background proportions issue.
style.css

30 February 2019, ver. 7.3

  • Styling improvements for Gutenberg blocks.
  • Custom post types functionality now included as plugins.
  • Prefixes added to function names.
  • Translation improvements.
blog.php
comments.php
comments-form.php
comments-functions.php
contact-form-options.php
custom_colors.php
footer.php
form-functions.php
functions.php
header.php
index.php
meta-box.php
nostalgia-content.xml
pagination.php
post-meta-box.php
shortcodes.php
single-blog.php
style.css
theme-options.php
widget-latest-portfolio.php
widget-latest-post.php
admin/functions.php
admin/style/style.css
js/theme.js
languages/default.po
languages/default.mo
--- new files ---
class-tgm-plugin-activation.php
plugins_activator.php
plugins/nostalgia_about.zip
plugins/nostalgia_portfolio.zip
plugins/nostalgia_service.zip
plugins/nostalgia_shortcodes.zip
--- removed files ---
about_post_type.php
portfolio_post_type.php
service_post_type.php

04 January 2019, ver. 7.2

  • Minor code fixes.
form-functions.php
shortcodes.php
widget-latest-portfolio.php
widget-latest-post.php
languages/default.mo
langauges/default.po

21 March 2017, ver. 7.1

  • Fix for bug in SMTP port setting.
  • $themename variable removed from translation domain.
about_post_type.php
blog.php
blog-category-walker.php
comments.php
comments-form.php
comments-functions.php
contact-form-options.php
footer.php
form-functions.php
functions.php
index.php
meta-box.php
portfolio_post_type.php
post-meta-box.php
service_post_type.php
shortcodes.php
single-blog.php
style.css
theme-options.php
widget-latest-portfolio.php
widget-latest-post.php

03 March 2017, ver. 7.0

  • Added support for responsive mode.
  • Email send function changed to wp_mail().
blog.php
blog-category-walker.php
contact-form-options.php
footer.php
form-functions.php
functions.php
header.php
index.php
screenshot.png
shortcodes.php
style.css
js/theme.js
js/theme_comment_form.js
js/theme_contact_form.js
languages/default.mo
languages/default.po
style/responsive.css
--- new files ---
custom_colors.php
images/click_here_arrow_2.png
style/responsive-height.css
--- removed files ---
images/background_overlay.png
phpMailer directory

19 July 2016, ver. 6.5

  • Fix for Google Maps component – Google API key is now required.
  • Updated Media Library window for selecting files.
  • Minor code fixes.
about_post_type.php
blog.php
comments.php
comments-functions.php
form-functions.php
functions.php
meta-box.php
nostalgia-content.xml
pagination.php
portfolio_post_type.php
post-meta-box.php
screenshot.png
service_post_type.php
shortcodes.php
theme-ajax.php
theme-options.php
widget-latest-portfolio.php
widget-latest-post.php
admin/functions.php
admin/js/theme_admin.js
js/theme_contact_form.js
languages/default.mo
languages/default.po

08 January 2015, ver. 6.4

  • WordPress 4.1 compatibility (accordion margin fix).
style.css

17 February 2014, ver. 6.3

  • Fix for email template option in Nostalgia Contact Form panel.
contact-form-options.php

05 November 2013, ver. 6.2

  • WP 3.7 compatibility
  • Fix for portfolio accordion
js/theme.js

02 August 2013, ver. 6.1

  • WP 3.6 compatibility
  • Fix for portfolio lightbox loop
portfolio_post_type.php
js/jquery.blockUI.js

07 May 2013, ver. 6.0

  • Ability to assign background images to specific pages
  • Small improvement of contact form
functions.php
meta-box.php
shortcodes.php
js/theme.js

08 March 2013, ver. 5.9

  • Improvement for displaying browser bar page title
functions.php
js/main.js
js/theme.js

20 February 2013, ver. 5.8

  • Fix for music 'Loop' option
js/main.js

15 February 2013, ver. 5.7

  • Support for YouTube and Vimeo videos in portfolio on iPhone and iPad
portfolio_post_type.php
js/main.js
js/theme.js

11 February 2013, ver. 5.6

  • Fix for scroll issue on mobile devices
theme.js

28 January 2013, ver. 5.5

  • Changeable page title in browser header bar, while switching pages

23 January 2013, ver. 5.4

  • Many featured images in lightbox for portfolio item feature added

10 January 2013, ver. 5.3

  • Many featured images in lightbox for blog post feature added

21 December 2012, ver. 5.2

  • Fix for not working background overlay option

25 October 2012, ver. 5.1

  • Custom URL for menu position bug fix
  • Contact Form 7 compatibility improvements

5 September 2012, ver. 5.0

  • Url structure improvements
  • SEO improvements

14 August 2012, ver. 4.5

  • Ability to display menu on page load
  • Ability to disable dropdown menu on mobile devices

02 August 2012, ver. 4.1

  • Widget area display issue fix
  • Menu display issue on mobile devices fix

25 June 2012, ver. 4.0

  • Widget area on the home page added
  • Latest post & latest portfolio widgets added

21 June 2012, ver. 3.7

  • Fix for bug - music player can't be disabled on mobile devices

21 June 2012, ver. 3.6

  • New options added: slideshow transition, slideshow transition speed, slideshow slide interval

19 June 2012, ver. 3.5

  • Option to set number of items displayed in menu
  • Scroll issue in blog & portfolio (overlapping images) on mobile devices fix
  • Portfolio issue in IE7 & IE8 fix
  • Portfolio bug when displayed in blog post fix

14 June 2012, ver. 3.1

  • Autoplay option bug fix in music player

13 June 2012, ver. 3.0

  • Music player added
  • Blog sorting order option added
  • Option to disable background overlay added
  • Audio item type in portfolio added
  • Portfolio item description settings added (can be displayed also in lightbox now)

09 June 2012, ver. 2.0

  • Custom theme/single page color feature added

08 June 2012, ver. 1.1

  • Contact form fix

01 June 2012, ver. 1.0

  • First release

Support

Support for all our items is conducted through our Support Forum.
Please register an account and search the forum or create a new topic, we'll answer as soon as possible.

We're in GMT +1 and we aim to answer all questions within 24 hours (Monday – Friday). In some cases the waiting time can be extended to 48 hours.
Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.


Need HTML (non - WordPress) version?

There is also HTML version of this theme available. You can find it here: Nostalgia - Responsive Minimal Portfolio Template

© 2020 QuanticaLabs