BLOGIZ Documentation

Blog & Magazine Drupal 9 Theme

Introduction

BLOGIZ is a modern, clean and fully responsive blogging Drupal 9 theme, perfect for magazines, news or anyone who wants to start their own blog.

Setup and implementation

BLOGIZ is a Drupal 9 distribution, provide features and functions for blogging website, with many contributed modules, theme, and pre-defined configuration. It make it possible to quickly set up your new website in fewer steps than if installing and configuring elements individually. Following steps will guide you through the installation process.

1. Extract the downloaded file [product-blogiz.zip], you will find two files:[blogiz.zip] and [blogiz.sql.gz].

2. Extract the file [blogiz.zip], it contains all drupal files.

3. You need to set the correct name of your public data directory, this depends on the kind of server you're using. I mention some examples here it may be:

  • In case you're using a local XAMP on Windows, the server root folder is C:\xampp\htdocs\ ;your public data directory is [htdocs]
  • In case you're using a local AppServ on Windows, the server root folder is C:\Appserv\www\ ;your public data directory is [www]
  • In case you're using a local MAMP on OSX, the server root folder is Aplications/MAMP/htdocs/ ;your public data directory is [htdocs]
  • In case you're using a remote/local WebServer on Linux, the server root folder usually is /home/user/public_html/ ;your public data directory is [public_html]

if your public data directory is [public_html] move to step 4, if not you have to:
A- Edit /composer.json file and find extra section:

          
            "extra": {
              "installer-paths": {
                "public_html/core": ["type:drupal-core"],
                "public_html/libraries/{$name}": ["type:drupal-library"],
                "public_html/modules/contrib/{$name}": ["type:drupal-module"],
                "public_html/profiles/contrib/{$name}": ["type:drupal-profile"],
                "public_html/themes/contrib/{$name}": ["type:drupal-theme"],
                "drush/Commands/{$name}": ["type:drupal-drush"]
              },
              "drupal-scaffold": {
                "locations": {
                  "web-root": "public_html/"
                  }
                }
              }
          
          
        

B- Change public_html, to your public data directory, for example htdocs. So /composer.json become:

        
          "extra": {
            "installer-paths": {
              "htdocs/core": ["type:drupal-core"],
              "htdocs/libraries/{$name}": ["type:drupal-library"],
              "htdocs/modules/contrib/{$name}": ["type:drupal-module"],
              "htdocs/profiles/contrib/{$name}": ["type:drupal-profile"],
              "htdocs/themes/contrib/{$name}": ["type:drupal-theme"],
              "drush/Commands/{$name}": ["type:drupal-drush"]
            },
            "drupal-scaffold": {
              "locations": {
                "web-root": "htdocs/"
                }
              }
            }
        
        
      

C- You need to regenerate autoload declarations, for that you need composer installed on your machie you can get it from https://getcomposer.org/. To refresh autoloading from composer, run command:

          
          composer dump-autoload
        
      

D- Rename /public_html to /htdocs.

4. Import the database to your server:
Now it’s time to import the database. First, make a new MySQL database on your server in order to import the database. Take a note of the “database,” “username,” “password,” and “host” — you'll need soon.
To make the import, open your new database, click "Import" at the top, click "Choose file," select the file [blogiz.sql.gz], and hit “Go.”

5. Configure the settings.php
Now go to the [your public data directory]/sites/default/ folder and open the [settings.php] file. Find the lines for the “database,” “username,” “password,” and “host” and write the new ones there.

6. Import the files to the server
Now it’s time to upload your site’s files to your server. This can be done via an FTP client. Connect there and upload the files to your server. please respect the directory structures.

7. Now you can visit your new website. You can login with the admin account [username: admin / Password: admin]

8. Is it too complicated for you, contact us and we will assist you with pleasure.

Customize appearance

To customize your website, you should visit the theme configuration page: /admin/appearance/settings/blogiz

Change Site Logo

This is one of the first things you'll want to do when you have BLOGIZ installed. Here I show you how:

1. Browse to /admin/appearance/settings/blogiz
Scroll down to the section named "Override Global Settings" then "Logo image" tab.

2. Browse for your logo file locally. Once you find it, select it, and click “Save Configuration” at the bottom of the page. It will be uploaded to your webserver and will replace the default one.

It's done.

Managing Content

Drupal is a powerful cms, so Managing content must be very easy:

Add a new Category/Tag

BLOGIZ use Category/Tag as taxonomies, to add/edit/delete a Category or Tag:
1. Brows to /admin/structure/taxonomy
2. Click on "list terms"
3. add/edit/delete a category or tag.

Add a new Blog article

1. Brows to /node/add/article
2. Fill in the form by the blog article informations.
2. Click save.

Customize Blocks

Add a new Slideshow

1. Edit the blog article you need to add it to Slideshow
2. Scroll down to the section named "SLIDESHOW" and check the checkbox "Add to slideshow".
2. Click save.

Edit the Blogger block

1. Hover over the block with your mouse
2. Click on "Edit"
3. Set the correct informations and click "Save"

Edit the Twitter block

1. Hover over the block with your mouse
2. Click on "Configure block"
3. Set the correct "Username" of your account Twitter and the "Type" of the block then click "Save"

Edit the Facebook block

1. Hover over the block with your mouse
2. Click on "Configure block"
3. Set the "Facebook Page URL" of your Facebook page and set the other options then click "Save"

Best Photo Dimensions

The website will automatically try to resize specific images for you, however it’s always good to have the image the way you want it before uploading.

Slideshow: 1920px X 900px
Blog image: 750px X 500px