Follow

DrupalMag Theme Guide

Functional structure of "DrupalMag" theme

1. The features of the theme files

/sites/all/themes/drupalmag/drupalmag.info
Contains information about the theme name, default settings, available regions, and also the enabling of stylesheet files and scripts

/sites/all/themes/drupalmag/page.tpl.php
Contains the template of appearance design for internal pages of the site

/sites/all/themes/drupalmag/node.tpl.php
Contains the template of appearance design for nodes of all content types except "Article", "Blog entry", "Product", "Forum topic" and "Review" content types

/sites/all/themes/drupalmag/node--blog.tpl.php
Contains the template of appearance design for nodes of "Blog entry" content type

/sites/all/themes/drupalmag/node--article.tpl.php
Contains the template of appearance design for nodes of "Article" content type

/sites/all/themes/drupalmag/node--review.tpl.php
Contains the template of appearance design for nodes of "Review" content type

/sites/all/themes/drupalmag/node--forum.tpl.php
Contains the template of appearance design for nodes of "Forum topic" content type

/sites/all/themes/drupalmag/node--product.tpl.php
Contains the template of appearance design for nodes of "Product" content type

/sites/all/themes/drupalmag/block.tpl.php
Contains the template of appearance design for blocks

/sites/all/themes/drupalmag/comment-wrapper.tpl.php
Contains the template of appearance design of comments container

/sites/all/themes/drupalmag/comment.tpl.php
Contains the template of appearance design of container of a separate comment

/sites/all/themes/drupalmag/views-view--reviews-category--block.tpl.php
/sites/all/themes/drupalmag/views-view-fields--latest-from-category--block.tpl.php
/sites/all/themes/drupalmag/views-view-fields--reviews-category--block.tpl.php
/sites/all/themes/drupalmag/views-view-fields--tags--block.tpl.php
/sites/all/themes/drupalmag/views-view-fields--users-home-block--page.tpl.php
/sites/all/themes/drupalmag/views-view-unformatted--featured-posts--block.tpl.php
/sites/all/themes/drupalmag/views-view-unformatted--latest-from-category--block.tpl.php
/sites/all/themes/drupalmag/views-view-unformatted--latest-product--block.tpl.php
/sites/all/themes/drupalmag/views-view-unformatted--reviews-category--block.tpl.php
/sites/all/themes/drupalmag/views-view-unformatted--reviews-content--page.tpl.php
/sites/all/themes/drupalmag/views-view-unformatted--tags--block.tpl.php
/sites/all/themes/drupalmag/views-view-unformatted--taxonomy-term--block-1.tpl.php
/sites/all/themes/drupalmag/views-view-unformatted--users-home-block--page.tpl.php
Contain the design template of Views

/sites/all/themes/drupalmag/html.tpl.php
Contains html titles and the theme container

/sites/all/themes/drupalmag/template.php
Contains the auxiliary php code that is required for the functioning of the theme

/sites/all/themes/drupalmag/theme-settings.php
Contains the description of the additional fields of the form settings of the theme

/sites/all/themes/drupalmag/rate-template-thumbs-up.tpl.php
Contains the design template of rating widget

/sites/all/themes/drupalmag/search-block-form.tpl.php
Contains the design template of search block

/sites/all/themes/drupalmag/user-profile.tpl.php
Contains the design template of user page

/sites/all/themes/drupalmag/screenshot.png
The screenshot of the theme

/sites/all/themes/drupalmag/logo.png
Default logo of the theme

/sites/all/themes/drupalmag/author-picture.gif
Default user avatar

/sites/all/themes/drupalmag/c/style.css
/sites/all/themes/drupalmag/c/style-rtl.css
The stylesheet files of the site design

/sites/all/themes/drupalmag/i
This folder contains image files for the theme design

/sites/all/themes/drupalmag/j
/sites/all/themes/drupalmag/jts
This folder contains JavaScript files that provide the functionality of the theme

2. The site structure

The pages consist of the following regions
Sidebar Top Text
Sidebar Top Menu
Sidebar Navigation Menu
Sidebar Banner
Content
Sidebar 1
Sidebar 2
Footer Sidebar 1
Footer Sidebar 2
Footer Sidebar 3
Footer Sidebar 4
Footer Copyright
Sidebar Bottom Menu
Regions Sidebar 1, Sidebar 2 are absent of the pages that are built by "Pages" module

Content types:
"Basic page" is used for separate pages such as "About Us"
"Blog entry" is used for articles of blogs section
"Article" is used for new articles
"Review" is used for reviews
"Forum topic" is used for forum topics
"Product" is used for posting products, different products can be sold with the help of this content type, this functionality is implemented with the help of "Commerce" module

"Article" content type is displayed on the main page and in categories section using "Category" taxonomy vocabulary
"Review" content type is displayed on the main page (in a separate block) and in "Review" section using "Category rеview" taxonomy vocabulary
"Product" content type is displayed in "Shop" section using "Catalog" taxonomy vocabulary
You can use all these content types together or one by one at your discretion

The main page is implemented using Page manager, Panels and Views, 2 variants of the main page template are available (can be switched in the "Pages" settings), the settings are available on Pages ( http://drupalmag.7/admin/structure/pages/edit/page-home ), Panels ( http://drupalmag.7/admin/structure/panels/layouts/list/home/edit and http://drupalmag.7/admin/structure/panels/layouts/list/clone_of_home/edit ) and Views ( http://drupalmag.7/admin/structure/views ) pages

The page of node display is implemented using Page manager, Panels and Views, 2 variants of node display template are available (can be switched in the "Pages" settings), the settings are available on Pages ( http://drupalmag.7/admin/structure/pages/edit/node_view ), Panels ( http://drupalmag.7/admin/structure/panels/layouts/list/layout_1/edit and http://drupalmag.7/admin/structure/panels/layouts/list/layout_2/edit ) and Views ( http://drupalmag.7/admin/structure/views ) pages

"Category" section is implemented using "Views" module, the settings are available on Views Taxonomy term page ( http://drupalmag.7/admin/structure/views/view/taxonomy_term/edit )

"Blogs" section is based on standard "Blog" module

"Review" section is implemented using Views, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/review/edit ) , Views Taxonomy term is used for categories display ( http://drupalmag.7/admin/structure/views/view/taxonomy_term/edit )

"Shop" section is implemented using Page manager, Panels and Views, 2 variants of node display template are available (can be switched in the "Pages" settings), the settings are available on Pages ( http://drupalmag.7/admin/structure/pages/edit/page-shop ), Panels ( http://drupalmag.7/admin/structure/panels/layouts/list/layout_1/edit and http://drupalmag.7/admin/structure/panels/layouts/list/layout_2/edit ) and Views ( http://drupalmag.7/admin/structure/views/view/latest_product/edit ) , Page manager ( http://drupalmag.7/admin/structure/pages/edit/page-catalog ) and Views Taxonomy term ( http://drupalmag.7/admin/structure/views/view/taxonomy_term/edit/block_1 ) are used for categories display

"Top Slide Show" block is implemented using Views, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/topslideshow/edit/block ) , to make a publication appear in this block you need to select "Show in Top Slideshow" checkbox, pulications without images are not displayed

"Four Blocks" block is implemented using Views, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/four_blocks/edit/block ) , to make a publication appear in this block you need to select "Show in Four Blocks" checkbox, pulications without images are not displayed

"Featured Posts" block is implemented using Views, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/featured_posts/edit/block ) , to make a publication appear in this block you need to select "Show in Featured Post" checkbox

"BigSlideShow" block is implemented using Views, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/bigslideshow/edit/block ) , to make a publication appear in this block you need to select "Show in Big Slideshow" checkbox, pulications without images are not displayed

"Users" block on the main page is implemented using Views and Block, the settings are available on Views ( http://drupalmag.7/admin/structure/views/view/users_home_block/edit ), Block ( http://drupalmag.7/admin/structure/block/manage/block/8/configure ) pages, additional JS is used for the support of this block

"Reviews" block on the main page is implemented using Views Reviews: Category and Reviews: Content, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/reviews_category/edit and http://drupalmag.7/admin/structure/views/view/reviews_content/edit ), additional JS is used for the support of this block

"Latest From" block is implemented using Views Latest From: Category and Latest From: Content, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/latest_from_category/edit and http://drupalmag.7/admin/structure/views/view/latest_from_content/edit ), additional JS is used for the support of this block

"Popular posts" block on the main page is implemented using Views and Block, the settings are available on Views ( http://drupalmag.7/admin/structure/views/view/popular_posts/edit ), Block ( http://drupalmag.7/admin/structure/block/manage/block/7/configure ) pages, additional JS is used for the support of this block

"Search" block is a standard block of "Search"

"Tags" block is implemented using Views, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/tags/edit/block )

"Related posts" block is implemented using Views, the settings are available on Views page( http://drupalmag.7/admin/structure/views/view/related_posts/edit/block )

"Catalog" block is a custom block that is built by drupalmag_helper module

"Most Popular" block is implemented using Views, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/most_popular_product/edit/block )

"Related products" block is implemented using Views, the settings are available on Views page ( http://drupalmag.7/admin/structure/views/view/related_products/edit/block )

"Useful Links" block is a standard block of "Menu" module, the settings are available on Useful Links menu page ( http://drupalmag.7/admin/structure/menu/manage/menu-useful-links )

"Newsletter" block is a standard block of "Simplenews" module

"Main menu" block is implemented on the basis of standard menu, the settings are available on "Main menu" menu page( http://drupalmag.7/admin/structure/menu/manage/main-menu ), additional fields ( Icon and Url (ajax) ) are available in the settings of menu link, the information from these fields is used only for a first level menu and only for a given menu, Url (ajax) is the link to the page that will be loaded into the block when hovering over a first level of a menu, when creating your own pages take into account that the link must start with drupalmagajax e.g. drupalmagajax/anons/10, MOST POPULAR ARTICLES page is created as an example, this page implemented with the help of Views Menu Anons: Content ( http://drupalmag.7/admin/structure/views/view/menu_anons_content/edit )

"Sponsored ads", "Latest Tweets", "Follow us", "About us blocks" are standard text blocks


3. Warnings

It's necessary to make a backup of all files and a database before updating any modules, theme or Drupal core.

Additional theme settings are in the section of the settings of drupalmag 7.x-1.0 theme that is set by default for this site http://drupalmag.7/admin/appearance/settings/drupalmag
The following additional theme settings are available:
Bootstrap - indicates to the location where Bootstrap must be taken from: localy or Bootstrap CDN
Colors - allows to change the colors of the basic elements of pages, if the field is empty then a standard color that is specified in the theme is used
Font settings are on @font-your-face page ( http://drupalmag.7/admin/appearance/fontyourface )
To have a correctly functioning login through social services you need configure these services, these settings are individual for each site, the settings are available on the page of HybridAuth ( http://drupalmag.7/admin/config/people/hybridauth ), see the instructions on "HybridAuth" module configurations

2 Comments

  • Avatar
    ladycebuana

    how to change the font color of the top  slideshow

  • Avatar
    Trevon

    Hi, 
    file style.css line #1555:

    .view-topslideshow a {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
    }

     

    Thanks

Please sign in to leave a comment.