Editing Carrington Mobile Theme from scratch- Step by step Guide

Follow this steps to customize and edit Carrington Mobile Theme for WordPress blog. If you want your site to look like Naijaloaded latest mobile theme then you are on the right page.
This is a full tutorial on how you can easily customize the popular theme. Carrington Mobile Theme is a very basic theme and the author never want to update the theme any longer but having gone through the comments on my last post, I found out that many are looking for a way to go about customizing  Carrington Mobile theme adding featured image, related post and more functions on the theme. Below is the simple way to customize the theme.

Steps To Easily Edit Carrington Mobile Themes

Customizing the themes is easy and for you to do that you need to log in to your root domain or go through the WordPress admin dashboard.

1. Login to your WP Dashboard
2. Goto “Appearance” > Themes > Editor
3. Under “select theme to edit”, Choose Carrington and click Select.
4. Click “Header’ > header-default.php
5. Then begin to edit anything you want to edit.

Header Folder: here you can customize the blog logo, top menu, categories and social media links.
Footer Folder: you can customize things like about us page, contact us, content remover, terms of use, blog copyright ©, social media links and footer menus.

How To Add Featured Image in Carrington Mobile

1. Login to your WP Dashboard
2. Goto “Appearance” > Themes > Editor
3. Under “select theme to edit”, Choose Carrington and click Select.
4. Click “Theme Function” (function.php)
5. Copy below code and paste it there

function thumb() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all (‘/<img.*?src=”((?!”).*?)”/i’, $post->post_content, $matches);
$first_img = $matches[1][0];
if(empty($first_img)){ //Defines a default image
$first_img = “default image link”;
}
return $first_img;
}
NB: After you have pasted the above code do remember to save it before the next step.

1. Now click “excerpt” > excerpt-default.php
2. Copy below code and paste it there
   <img src=”<?php echo thumb(); ?>” alt=”blablabla” />

Thats all, you are done with that part and now let us move to the next Step.

Steps To Changing Carrington Theme Color

1. Open the file “advanced.css” located inside the CSS folder.
2. Look for this line “a {color:blue;}”
3. Now change blue to green.

How To Add Site Logo and Menus

1. Login to your WP Dashboard
2. Goto “Appearance” > Themes > Editor
3. Under “select theme to edit”, Choose Carrington and click Select.
4. Click “Header” > header-default.php
5. Search for code that looks like the below code
   <h1 id=”site-name”><br /><center><a rel=”home” href=”javascript:textise(‘http://melody.com.ng/’)”>
6. Now replace “https://melody.com.ng/wp-content/uploads/2018/12/melody-logo.png” with your blog logo.
   Click “Update File” to save

Done and dusted. Hope you have been able to follow the tutorial from step 1 to the final step on how to customize Carrington Mobile Theme from scratch. If you have any further question on this do message me to be guided more.