PLAYME – Documentation
- Setup Demo
- Fresh Installation
- Activate Plugins
- Custom Menu
- Theme Settings - Navbar and Logos
- Theme Settings - Options
- Theme Settings - Posts, Archives and Search
- Theme Settings - Styling
- Home Slider
- Featured Reviews, Posts, Games and Categories
- 404 Page
- Social media links
- Add Authors
- Page Templates
- Contact Page
- Sources and Credits
Thank you very much for choosing PLAYME. We truly appreciate and really hope that you’ll enjoy our theme and our future updates and improvements. If you have any questions or recommendations, see the FAQ section in our website or feel free to contact us.
You need to make sure that your web host has the minimum WordPress and Elementor requirements to run themes-based sites:
- WordPress installation
- PHP 7.3+
- Basic Knowledge of WordPress (create posts, upload images, install plugins, fill fields, etc.)
- MySQL version 5.6 and above
- The mod_rewrite Apache module
- The iconv extension with UTF-8 encoding
- HTTPS support
- max_execution_time more than 180, we recommend 300
- memory_limit at least 256M to run plugins without issues and avoid the Elementor “loading loop” bug
- Theme files
- .WPRESS file for demo import
Import .wpress file from All-in-One WP Migration
If you want to import the demo to your WordPress installation (looks exactly the same as demo site), when you make a clean install of WordPress on your server, first download the All-in-One WP Migration plugin and activate them. Now, go to Import page from the All-in-One WP Migration dropdown menu:
Once you have chosen the option, the application takes you to the Import page:
From this page you can select from where you want to import a backup using the dropdown menu:
If you chose ‘File’, the plugin will open a window showing your local files and folders and will let you chose a backup for import from there. Then, extract the zip file playmedemo.zip from the Demo Content folder. Next, a file called playmedemo.wpress appears. Choose them to begin the import process:
The import has an additional step which warns you that your website will be overwritten by the new backup including database, media, plugins and the activated theme. This is the last step from which you can cancel the process. After pressing ‘Proceed’ you cannot stop the import process anymore. The amount of time the import process will take depends on the size of the data and the speed of your internet connection.
Note: is important to previously check in your Hosting Service the File Size Upload option (800 MB recommended size or more, because the size of the import file is big, due to the images used)
When finished, a successful import will display this message:
At this step, it is recommended to click on Permalinks Settings link and save your permalinks twice in order to save them and generate .htaccess file.
Also, because the demo imports the original database, your admin user and password keys will change to the included in Theme documentation file.
Please, enter with this keys to your dashboard and change them in the Users/Your profile section to whatever you want.
If you don’t need to import the demo file, the ideal is to install theme from a fresh WP installation, to customize the theme options and start uploading the contents.
When you purchase the theme, the downloaded zip file contains:
- demo files (it contains the files for images and exported data for cloning the demo site described in Section 2)
- theme files (it contains the zipped installable WordPress theme file)
Extract the downloaded zip, and select the zip file playmewp.zip. It contains only the theme files. Now, you have two ways for installing the theme:
1 – Install theme via WordPress Dashboard
> Go to Appearance – Themes section and click Add New. In the next screen click the Upload Theme button
> Click the Choose File button, select the zip file and click Install Now. Next to the successful installation, click on Activate.
A child theme is a theme that has all the functionality and styling of another theme; referred to as the parent theme. Child themes are the recommended way of modifying the code of an existing theme, since a child theme preserves all custom code changes and modifications; even after a theme update. If you modify code directly from a parent theme, and then update the parent theme, your changes will be lost.
Although child themes can be a great way to add custom changes, they are most often used to customize core code taken from the parent theme. Because of this, please be aware that customizations of this nature fall outside our scope of support, and we will be unable to assist you with any issues that may arise. The child theme is primarily inserted in the package for developers’ convenience.
Always use a child theme when modifying core code. Child themes can also be used for custom CSS applications, template file modifications, and custom PHP functions and/or hooks. There are two ways to modify a child theme. Bear in mind that using child themes is no guarantee that an update of custom code on the parent theme will not require further maintenance.
If you want to make changes in theme’s templates or functions, we recommend that you install child theme and make changes there. To learn more about the purpose and basis of creation of child theme, visit WordPress Codex on Child Themes section.
2 – Install theme via FTP
Open your FTP program (i.e, FileZilla) to browse the folders of your server, and go to wp-content/themes directory.
Extract the zip file playmewp.zip on your computer, it extracts on the folder “playmewp”, which contains all the Theme files. Put (or drag and drop) this extracted folder in the wp-content/themes folder.
In the WordPress Dashboard, go to Appearance > Themes section. The Theme appears with his featured screenshot and the Child Theme, hover it and click the Activate button.
When you install and activate the Theme, there’ll be a message with a list of required and recommended plugins.
You can go to Appearance – Install Plugins section and install them
Required: Advanced Custom Fields Pro and RAMSTHEMES Addons (see more specifications in FAQ)
Recommended: Classic Editor, Contact Form 7, WP User Frontend, Yoast SEO
Optional: All-in-One WP Migration (but marked as required only to import demo content)
Go to Appareance – Menu in the Dashboard and build the menu dragging the elements you like.
After that, go to Appearance – Widgets in Dashboard and use the builded menu in the Navigation Menu Widget to display it in the Sidenav Sidebar
Theme Settings - Navbar and Logos
Logo in navbar
In addition to configuring the navbar, you can upload two logos, one for the Normal mode and other for Responsive mode. Recommended logos in PNG or SVG format for better definition.
Navbar / Logo height: the height of the header navbar and/or logo in pixels.
Navbar Shrink: shrink effect when you choose a bigger logo (major navbar and logo heights).
Theme Settings - Options
Use Fade effect for load pages: activate a simple fade effect when a page is loaded.
Activate Load Bar: activate a thin load bar when a page is loaded, similar to YouTube.
Load Bar color: select a custom color for the thin load bar when activated.
Fixed Navbar: changes the header to a fixed position, making the entire navbar visible when scrolling.
Border navbar: adds a border-bottom line to header navbar.
Border menu: adds a border-right line to sidenav menu.
Border menu shadow: adds a border-right shadow to sidenav menu.
Border footer: adds a border-top line to footer.
Side menu font size: sets the size in px of the side menu sections.
Display sidenav: show or hide sidenav.
Display blog sidebar: show or hide the sidebar of single.
Rounded Corners: styles all the images and borders with a rounded corner style, similar to an “app-like” style.
Social Media Buttons: used for the default social media buttons. Disable if you’re using another plugin or social share tool (we recommend Yoast SEO for custom metadata).
Register, Login. Profile Page: set pages that contains the functions for sign in, sign up, and edit profile (when WP User Frontend plugin is activated)
Theme Settings - Posts, Archives and Search
FOR POSTS IN HOMEPAGE:
Latest article title: put a custom title for the articles home section.
Latest article title color: choose a custom color for the title of the section.
All articles page: set pages that contains all articles (posts).
FOR POST ARCHIVES AND SEARCH RESULTS PAGES:
Display Time: shows the date of post, configured on WP settings section.
Display categories: displays the category of the post.
Display tags: displays the tags of the post.
Display excerpt: shows post excerpt.
Display authors: shows the author of the post.
Display sidenav on posts: shows the sidenav sidebar in single posts.
Capital Letter (Drop Cap): Enables a capital letter in first letter of posts.
Slugs (reviews, games, platforms, developers, genres): change slugs for the post types and taxonomies. Recquires a refresh of Permalinks in WP settings.
Theme Settings - Styling
Body text color: the general color of the texts.
Navbar background: bg color of the header.
Hamburger menu color: colorize the hamburger “three line” menu in responsive view.
Sidenav background: bg color for the sidenav menu (and displayed when the hamburger menu is pressed).
Sidenav menu text color: the text color of the menu elements on the sidenav.
Sidenav menu item hover color: the hover background color of the menu elements on the sidenav.
Footer background: bg color of the footer.
Link color: color for the links, or the tag.
Hover color: color for the links when hovered.
Widget titles color: a custom color for the widgets titles.
Widget titles border: enable or disable a border-bottom below the widget title.
Search result term color: choose a custom color for the searched term in search result page.
Buttons background color: bg of the custom button class.
Buttons text color: text color of the custom button class.
Buttons background hover color: bg of the custom button class when hover it.
Buttons text hover color: text of the custom button class when hover it.
Card color: color of the posts cards in grid.
Comment card color: color of the comment card for post comments.
Card color: color of the Bootstrap card.
Search result term color: choose a custom color for the searched term in search result page.
Capital Letter color: choose a custom color for Capital letter as first letter of posts.
You can enable a slider for the homepage and add the slides what you want in columns, uploading image, setting the titles, color and linking them to anywhere.
Featured Reviews, Posts, Games and Categories
Configures the modules section in homepage choosing the posts or taxonomies to be displayed.
For example, Reviews:
Activate: show or hide block in homepage.
Feat. Reviews title: put a custom title for the Reviews home section.
Feat. Reviews title color: choose a custom color for the title of the section.
See all: enable a link to all reviews.
Select featured reviews: type the titles of the reviews that you write and publish, and simply select the reviews that you want to appear in the section with a slider.
The sections Home Featured Posts, Games and Categories had a similar quick configuration to enable modules in homepage.
You can customize the classic Error page. Simply add an image as background (1920×1080 recommended), add a title and a custom message to define an original variant of this page.
Social media links
You can simply fill the fields with the complete url’s of your fav and active social media profiles. Use to display in an HTML Widget in the footer section or another location with the shortcode
When create traditional posts, you can publish them with the default template
or choosing between three more schemes in the “Post Attributes” box:
The process is the same as that used to create a traditional post (see the basic WordPress documentation), simply fill in the title fields, excerpt, the author of the post, add images or videos from YouTube, use a featured image and the data with which the news will be linked, such as categories, taxonomies and tags. In the reviews post type, the possibility of placing a score is added.
In similar way to add any post, fill the content with a description and the fields with the correct data.
If you have a little staff of writers, everyone can have their own account as an author or editor, adding it in the Users – Your profile section. There, enter the necessary data (first name, last name, a mini biography and a personal image). Each post assigned to it or written by them will be located on its own author page.
A pre-defined set of page templates are ready to use. Simply create a page with any title and select the best fit:
Page Centered: display a full-width featured image and centered column content.
News: display a list of all the added posts (without Reviews) in a paged archive view.
Half: display a half-width featured image and right columned content.
Categories: display a list of all categories in a paged archive view.
Games: display a list of all Games taxonomy in a paged archive view.
Register: only valid use for the registration page.
Login: only valid use for the login page.
First, activate the Contact Form 7 plugin and add a new form.
To display the form exactly as in the demo, copy and paste the styled code:
Next, configure the settings (mail direction, fields received in the body mail), save changes and you can use the generated shortcode in any page. In the example, shortcode is highlighted in blue at top of page.
contact-form-7 id="307" title="Contact form demo"]
* See the full configuration of Contact Form 7 in the plugin author site.
Sources and Credits
* ACF Pro, © 2021 Elliot Condon, GNU GPL v2 or later.
* Bootstrap, © 2011-2018 The Bootstrap Authors, © 2011-2018 Twitter, Inc., MIT.
* PACE, © 2013-2018 HubSpot.
* Flickity, © 2019 metafizzy, GNU GPL v3.
* Font Awesome, © Fonticons, Inc.
* Bootstrap Comment Walker, 2017 Aymene Bourafai, GNU GPL v2.
* Simplebar, © 2019 Adrien Denat, MIT.
* TGM Plugin Activation, 2016 Thomas Griffin, @GaryJones, @jrfnl, GNU GPL v2.
* WP User Frontend, 2020 weDevs, GNU GPL v2 or later.
For WP User Frontend plugins (optionals in theme) usage and configuration, please contact the respective plugins authors. Demo of Theme only have a “ready to use” configuration for template.