Drupal 8: view not appearing on my custom theme - drupal

In D8, I have created a custom theme. Then, I created a view and assigned the same into a region. I see the view is not showing anywhere in the theme. To test further, I change the theme to Bartik and the view is showing in the Bartik theme. Can anyone suggest to me why the view is not appearing on my custom theme? Below are the codes for my custom theme:
//test.info.yml
name: Test
description: A custom theme
type: theme
core: 8.x
regions:
navigation: Navigation
header: Header
quote1: Quote1
content: Content
services: Services
works: Works
quote2: Quote2
blog: Blog
contact: Contact
footer: Footer
libraries:
- 'test/global-css'
- 'test/global-js'
below is the test.libraries.yml code
global-css:
css:
theme:
css/bootstrap-responsive.css: {}
css/style.css: {}
color/default.css: {}
global-js:
js:
js/jquery.js: {}
js/jquery.scrollTo.js: {}
js/jquery.nav.js: {}
js/jquery.localScroll.js: {}
js/bootstrap.js: {}
js/jquery.prettyPhoto.js: {}
js/isotope.js: {}
js/jquery.flexslider.js: {}
js/inview.js: {}
js/animate.js: {}
js/custom.js: {}
dependencies:
- core/jquery
Below is the code of page.html.twig:
{{ page.content }}
Note: I'm using Drupal version 8.7.3

You should be placing your view in the content region.
You can make sure of this by placing any other content on that specific region and seeing if it works. If it works, then see settings of your view.
Otherwise, see if your region is placed properly in your theme.
This article may help you.
Adding Regions to a Theme

Check the region Wich you assign the view block .and also check that the region printed on twig file.

Related

Template selector in WordPress Page Attributes disappear

The Page template selector disappear from the Page Attributes Option in the page/post editor. I'm using the last WordPress version(5.2.3) and Divi editor version(3.29.3). I cleaned up all the caches, but I'm not able to see that template selector. Any ideas?
After lot of time, I found the problem... I'm created a Child theme base on Divi, and for any reason the Page Attribute was not been displayed because the style.css file from my child theme was not including this line in the main header comment description:
/*
Theme Name: #####
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 3.29.3
Description: Child Theme from Divi created by ###
Author: Me
Author URI: http://www.###.com
Template: Divi
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
I added the line, recompile the LESS, and the option inside the page/post editor appeared again fortunately.

why is the Css file codes in wp child theme written as comment line?

i have style.css in the wp child theme. (Below is the sample code) and this code in the comment line. as far as I know comments have no effect on the layout of a document. well, why are these codes written in the comment line??
/*
Theme Name: kabasakal Childtheme
Description:
Author: Kabasakal Reklam Ajansı
Template: kabasakal (you must enter the name of the main theme here!!)
*/
I believe these lines are what Wordpress uses to get the metadata about a theme/file when allowing an admin to choose between themes
https://developer.wordpress.org/themes/basics/main-stylesheet-style-css/
WordPress uses the header comment section of a style.css to display information about the theme in the Appearance (Themes) dashboard panel.
This is a required header comment that goes at the very top of the child theme style.css.
This tells WordPress basic info about the theme, including the fact that it is a child theme with a particular parent.
https://developer.wordpress.org/themes/advanced-topics/child-themes/#2-create-a-stylesheet-style-css

Wordpress child theme not loading modified template PHP files inside subfolders

I'm starting learning Wordpress development, and I'm stuck trying to create a child theme. Below I enumerate the steps I followed to see if someone can help me:
Create a folder under 'wp-contents/themes' called 'shoptest'
Inside, I've created a file 'style.css' with the following content:
/* Theme Name: Shoptest
Theme URI: http://www.testsite.com
Description: Shop Isle child theme
Author: Felip
Template: shop-isle
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: shop-isle
*/
I created a file 'functions.php' with the following:
I've activated the theme in Wordpress dashboard
I've created a couple of folders 'inc/structure' and copied the file original 'inc/structure/footer.php' inside.
So:
The original file is: 'wp-content/themes/shop-isle/inc/structure/footer.php'
The child file is: 'wp-content/themes/shoptest/inc/structure/footer.php'
In theory, if I change/add something in the child file, the webpage should reflect that change, right? I've tried but it does nothing. Just for testing, if I change anything on the original footer.php file, it's immediately changed in the website.
What am I doing wrong?
Wordpress doesn't work this way as you think.
You should write your changes as a function and put it in functions.php of your child theme.
Then use the wp_footer hook to hook your changes to the footer.
like below
function my_custom_changes() {
// add your code
}
add_action('wp_footer', 'my_custom_changes' );

Rendering a custom template in the content area of OrionJS admin section

I'm using Meteor with OrionJS framework and I have a custom template I want to render in the content area of admin section after clicking a sidebar link I've added with orion.links.add. How should the route look like with FlowRouter? I can't figure it out. Something like this?
FlowRouter.route('/dashboard', {
action: function() {
BlazeLayout.render('orionBootstrapLayout', {content: 'dashboard'});
}
});

Template Dropdown not showing up within Wordpress administrator page

I am working on a Wordpress-based project, and I just added a new template to the installation by uploading a template file. I was creating a new page that will use my new template, when suddenly, the "Template" dropdown in the "Page Attributes" box is gone.
I am using Wordpress 3.0.1.
Update:
I saw a site which told me to revert to the default template, and back to my custom template. Apparently it worked, but I am still baffled on what triggers this bug. Also, any additional knowledge or pointers on this bug would be a great help since my job requires me to patch this (and possibly submit the bug fix to Wordpress). Thanks!
If you have disabled or removed the style.css from the template directory then also it will not work.
So there must be the style.css on template directory then the templates directory will be shown. When you try to remove the style.css from the template directory or using style.css from css folder, then you must be put one style.css on template directory.
Thanks
Morichika is spot on. I had the same problem, but then it sorted itself out by doing:
<?php
/**
* Template Name: Front Page
*/
?>
I have found a different solution for this. I reactivated my custom theme but then problem persisted.. then in the top most section of the code for the custom page template where it actually defines the name of the template like this:
<?php
/*
Template Name: Front Page
*/
?>
I did this:
<?php
/**
* Template Name: Front Page
*/
?>
Then refreshed the admin panel and it appeared.Seems a bit weird but it worked for me. Feel happy to share this.
I tried many of the suggested answers. None worked in my case.
A possible reason for the Template Dropdown not showing is a missing index.php in your Theme folder.
Just create an empty one, in case your hierarchy does not need one. But the existance of that file enables the option to choose the page template and suppresses an error message in the Choose-Theme page btw
Put style.css in your theme directory, instead of the css folder. Or
<?php
/*
Template Name: Front Page
*/
?>
There must not space between "Template Name:".
I managed to fix this by making sure the style.css in the theme root contained the theme comments. I deleted the whole stylesheet and it removed the templates dropdown.
Put this at the top of your theme root's style.css.
/wp-content/themes/YOUR_THEME/style.css
/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
https://codex.wordpress.org/Theme_Development#Theme_Stylesheet
Or if you have a custom theme...
/*
Theme Name: My Wordpress Theme
Theme URI: https://example.tk
Author: Me
Author URI: https://example.tk
Description: This is my custom theme
Version: 1.0
*/
I know is super late for this question, but I fix it adding
Version: 0.1 alpha
in the comments of the themeFolder/style.css
This is my style.css complete for my theme
/*
Theme Name: Stockout Theme
Theme URI: http://stockout.com.uy/myTheme
Author: MauriPastorini
Author URI: http://stockout.com.uy
Description: This is a theme for stockout page
Version: 0.1 alpha
*/
I hope someone find this useful
I had the exact same problem with WordPress 3.2.1. I added a new template and the menu disappeared from the page add/edit screen. The solution was to switch back to the default twentyeleven theme end then right back to my custom theme. The templates drop-down began appearing again.
BTW, you said "revert to the default template, and back to my custom template" but I'm pretty sure you meant theme. I'm guessing where you saw this was here:
http://wordpress.org/support/topic/template-file-drop-down-not-appearing
Looks like this bug has existed for a couple of years at least. I filed a report:
http://core.trac.wordpress.org/ticket/18324
Try this. template will be available for both page & post
<?php
/**
* Template Name: Blog Post
* Template Post Type: post, page
?>
In WordPress 5.8 they have moved the selectable custom templates out from under the Page Attributes section so no matter what you do you won't find it there (even if you spend 2hrs troubleshooting like I did, lol).
Custom selectable templates have now been moved into their own box call "Template". For me, it was at the top of my right-hand sidebar in the WP admin page editor. It's possible it may not show if it has been unchecked in your screen options settings which are now found under the three dots in top-right --> Preferences --> Panels --> Ensure "Templates" is checked.
I'm not sure if I just overlooked it for 2hrs straight or if it appeared only after I changed to a different theme then changed back.
I had this problem a while back and found one janky solution after a lot of search--sometimes switching to another theme in your install and then switching back to you primary theme will make your templates appear. I know that sounds weird, but worked for me for a while.
I've had this problem for two days. This forum and a couple of tests later did the work. Here is what was missing for my part.
Be sure that there is a style.css in your theme folder.
The style.css must have a valid comment section at the top of the file.
This means at least this:
/*!
Template: your-theme
*/
If you're using SASS or LESS, make sure that you have a "!" just after declaring your comment. It's to prevent SASS or LESS to delete your comment section.
To be sure that everything is settled fine. You may go to "Appearance > Themes". After the listing of themes, if there is nothing, than everything should be fine. Otherwise, it'll be written "Broken Themes" and you'll still have some issues to solve.
sass had deleted the content in my child style.css. The template drop down shows again once I added back the comments.
/*
Theme Name: Sometheme Child
Description: Child theme for Sometheme.
Template: sometheme
Version: 1.1
Text Domain: sometheme-child
*/
You will not see the dropdown if you have added 0 custom template files in your theme root.
When at least 1 template is available, the WordPress ecosystem picks it up and the dropdown will become visible.
Add this in your theme root to try it.
<?php
/*
Template Name: Front Page
*/
The Template Dropdown is now moved To Page Section and is located just between the Static and Visibility and Permalinks dropdown. But you will be able to see it if you are naming your custom file like
page-Yourfilename.php
and adding a comment on the top of the file
<?php
/*
Template Name: YOUR TEMPLATE NAME
*/
?>
I was just facing the same issue so, the problem is in spacing between 'Template Name' and that colon.
/*
Template Name: template-name
*/
Make sure there is no spacing before the colon.
I found the root of the problem.
It is the style.css file inside the theme root.
It must be in "UNIX encoding".
It must have all comments with "Theme Name", "Version", etc.
Jack Nicholson was right! You need to make sure your style.css contains the full comment. Example below:
Previously mine was:
/*
Theme Name: Acadata
Theme URI: https://www.factorypattern.co.uk
Description: Custom
Author: Factory Pattern
Version: 1
License: GNU General Public License
License URI: license.txt
*/
Then I changed it to the below and now I can see all my templates.
/*
Theme Name: Acadata
Theme URI: https://factorypattern.co.uk/
Description: Custom
Author: Factory Pattern
Author URI: https://factorypattern.co.uk/
Description: The Acadata theme for WordPress.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: acadata
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
Please set properly you style.css file specially if you are working on child-theme
/*
Theme Name: Theme Name
Theme URI: http: //mysite.com/
Description: This is a custom child theme for xxx theme
Author: My Name
Author URI: http: //mysite.com/
Template: template_name_in_lowercase
Version: 0.1
*/
This below is work for me and show template option in page attributes.Just place .php file in theme root folder.
<?php
/* template name: my custom template */
?>
There are a lot of great answers on this question, but one obvious solution, which initially escaped me, was to double-check that in Dashboard > Settings > Reading you want to set "Your homepage displays" to "Static Page" and then leave the "Posts Page" unselected.
While themes and a properly coded theme file play a role in the situation, the reason that the page attributes area on the edit page screen doesn't show the templates drop-down may be because you selected a particular page to be your "Posts Page", and so WordPress is not asking you for a custom template to use because it's already using front-page.php or home.php (See WordPress Template Visual Hierarchy).
Hope this helps someone like me who had a properly coded template file but didn't realize this setting had been selected.
This was also a problem for me and it was because of folder structure. The Theme Handbook told me a should organize my theme folder and files like so:
assets (dir)
- css (dir)
- images (dir)
- js (dir)
inc (dir)
template-parts (dir)
- footer (dir)
- header (dir)
- navigation (dir)
- page (dir)
- post (dir)
404.php
archive.php
comments.php
footer.php
front-page.php
function.php
header.php
index.php
page.php
README.txt
rtl.css
screenshot.png
search.php
searchform.php
sidebar.php
single.php
style.php
The page template I was trying to load was in /template-parts/page/template-contactus.php
I guess that was too deep for WordPress so I got ride of those directories and now my file structure looks like this:
assets (dir)
- css (dir)
- images (dir)
- js (dir)
inc (dir)
template-parts (dir)
- section-content.php
- template-contactus.php
404.php
archive.php
comments.php
footer.php
front-page.php
function.php
header.php
index.php
page.php
README.txt
rtl.css
screenshot.png
search.php
searchform.php
sidebar.php
single.php
style.php
I am now able to see the template drop-down and add templates.
Hope this helps someone.
In my case, I had called the template schedule-template-v2.php which won't work, the file name needs to be schedulev2-template.php. A simple mistake.
In addition to all of the above, make sure that you have 'page attributes' checked in the screen options panel in the top right, otherwise the page attributes section wont show regardless.
If you are trying todo with blog page the GOTO Dashboard > settings > and remove post page from select menu :)
After searching I have found a stupid solution that was obvious because. Couldn't catch it because the templates were put in other place of interface attaching screenshot

Resources