Web Design/Development
I’ve been busy researching GitHub and how Repositories, Forking, Branching and etc. work. It’s a bit confusing at the moment but shouldn’t be too difficult to grasp with a little use.
Continue reading “GitHub – Repositories, Forking, Branching, Etc.-ing”
What is SCSS/CSS?
SCSS is the updated version of Sass which prefers a CSS like syntax over indented syntax. SCSS stands for Sassy CSS.
SCSS is a CSS preprocessor which aids in the process of writing CSS saving valuable time and staying organized.
I’ve seen Node.js, GitHub, Bower, and Grunt mentioned many times while researching new coding techniques in the past but haven’t paid much attention to them… until now.
Continue reading “Node.js, GitHub Repositories, Bower, Grunt.”
I was browsing through some settings and I happened to come across the WordPress portfolio feature. This feature which seems to be disabled by default is located under Settings > Writing and is labeled “Portfolio Projects.”
Enabling this feature allows you to create a portfolio separate from the standard blog posts, tag them, and assign types such as photography, web design, logo design, etc.
Additionally, you can display the portfolio projects on a separate page in a grid type fashion.
Added the visual form builder plugin and created a contact form.
Began researching how to create a child theme for the form, but currently stuck. Will update later
I’ve discovered how to work with child themes which is ingenious. Child themes allow you to easily create alternative theme elements without modifying the base theme.
I’ve added the FontAwesome icon set to my TwentyFourteen-Child WordPress theme. The icon set link was added to the the header section within header.php.
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
Used the Rebel Alliance icon as a test to insure installation was successful.
While researching the proper method for adding header links into a WordPress theme, I found that some people are trimming the FontAwesome icon set down in order to decrease load times. Will have to research further and find out if this is a beneficial modification or an unnecessary tweak.
IE10 was displaying a scrollbar that appeared over the top of the site content. In order to fix this issue I added the following code to the style.css in the TwenetyFourteen theme under reset.
html {
-ms-overflow-style: scrollbar;
}
Since the creation of my WordPress account, I’ve began to understand the structure and inner workings of this powerful content management system. I’ve learned the basic functions such as posting and creating categories, creating and modifying new pages, and adjusting the GUI based settings of installed themes. Additionally I’ve learned how to install themes via the theme browser and manual installation.
I successfully installed the FoundationPress theme which is based off of the popular responsive theme Foundation. I’ve since reverted back to the TwentyFourteen theme until I have a better understanding of modifying themes.
I will need to continue my research in order to develop a greater understanding of the WordPress theme stylesheets, template files, and optional functions and how they interact with one another.
Obtaining a stronger understanding of PHP will greatly help with future development.
This is the beginning of my journey into the realm of wordpress.