<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>wordpress -</title>
	<atom:link href="https://customizepress.ca/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://customizepress.ca</link>
	<description></description>
	<lastBuildDate>Sat, 05 Dec 2020 23:15:34 +0000</lastBuildDate>
	<language>en-CA</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.8</generator>
	<item>
		<title>Best Website BuilderChoosing the best website platform</title>
		<link>https://customizepress.ca/website-builder/</link>
		
		<dc:creator><![CDATA[customizepress_admin]]></dc:creator>
		<pubDate>Sat, 15 Dec 2018 16:48:18 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://customizepress.ca/?p=2112</guid>

					<description><![CDATA[<p>There are various means and mediums to create a website. Whether you need a business website, personal website or an eCommerce website to sell your services &#38; products, finding the best platform can take a lot of time and knowledge. Also choosing a wrong platform can cost you a lot of money in both long&#160;term [&#8230;]</p>
<p>The post <a href="https://customizepress.ca/website-builder/">Best Website Builder<h2>Choosing the best website platform</h2></a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>There are various means and mediums to create a website. Whether you need a business website, personal website or an eCommerce website to sell your services &amp; products, finding the <strong>best platform</strong> can take a lot of time and knowledge. Also choosing a wrong platform can cost you a lot of money in both <g class="gr_ gr_5 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins replaceWithoutSep" id="5" data-gr-id="5">long</g>&nbsp;term and short term.</p>



<p>In this article, we will help to streamline the process so that you can find the best possible <strong>website builder</strong> for your next project.</p>



<h2 class="wp-block-heading" style="padding-left:0">How to design a website </h2>



<p>Traditionally <strong>building a website</strong> required coding experience &amp; background. Web developers were the only expensive option available for the small business owners. A lot has happened since then. </p>



<p>Moore’s law state that the computers’ <strong>processing power doubles</strong> every 2 years. With the advancement in <strong>website design &amp; development technology</strong>, various free and affordable options are available for small business owners. Currently, businesses can own high-end and <a href="https://customizepress.ca/pricing/">affordable web design in Vancouver</a>, Coquitlam, Surrey and surrounding areas.</p>



<p>Lets classify the website builder based on the 2 important components &#8211; <strong>time and budget</strong>. </p>



<p><strong>Scenario 1: You have very limited time and budget</strong></p>



<p>You might not know but there are artificial intelligence (AI) building thousands of websites worldwide.  </p>



<p><strong>Artificial Design Intelligence</strong>: If you are a busy professional with limited resources you might want to consider the <strong>artificial design intelligence (ADI)</strong> that helps to create your website automatically. Some big tech companies like Wix &amp; <a href="https://thegrid.io/">TheGrid</a> are offering to <strong>automatically build a website</strong> based on your content. If you can’t afford a web developer this cost-effective method is the best option for you.</p>



<p><em>Not ready to work with AI yet? Let’s try website builder software.</em></p>



<hr class="wp-block-separator"/>



<p><strong>Scenario 2: You have time but very limited budget</strong></p>



<p>Discover some of the most popular website builders that are both user-friendly and affordable.</p>



<h2 class="wp-block-heading" style="padding-left:0;font-size: 18px;color: #e97100;">Closed Source &amp; Proprietary Content Management System (CMS):</h2>



<h4 class="wp-block-heading"><strong>WIX Website Builder </strong></h4>



<p>If you are not a tech savvy person and looking for a simple drag and drop editor, Wix is the best option for you. There are hundreds of template to choose from. Once you choose the web design template, you’ll simply change the images and content to depict your business. If you want to go a step further, use their drag &amp; drop features to add and remove layout &amp; sections. No need to hire a web developer. </p>



<p>Wix allows you to create a website for FREE. You can try your website design before publishing it. </p>



<h4 class="wp-block-heading"><strong>Squarespace Website Builder </strong></h4>



<p>With visually appealing website templates <a href="https://www.squarespace.com/">Squarespace</a> is the closest competitor to Wix. If you are in a creative field, Squarespace template might be the answer to own an expensive-looking and sleek website. </p>



<p>However, unlike Wix, it doesn’t offer any free trials and options. It comes with the hosting plan and all you need to do is connect your 3rd party domain using their domain mapping process.  </p>



<p>Note: It’s a closed source platform that uses proprietary CMS. </p>



<h4 class="wp-block-heading"><strong>Weebly Website Builder </strong></h4>



<p>Weebly is considered by many as one of the easiest website builder available for free. If you have a limited budget and need a simple and elegant website design you should <a href="https://www.weebly.com">try Weebly</a>. It has more features and <g class="gr_ gr_44 gr-alert gr_gramm gr_inline_cards gr_disable_anim_appear Grammar only-ins doubleReplace replaceWithoutSep" id="44" data-gr-id="44">large</g>r selection of apps than Wix. It offers an&nbsp;<g class="gr_ gr_8 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins replaceWithoutSep" id="8" data-gr-id="8">ability</g> to <g class="gr_ gr_9 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins doubleReplace replaceWithoutSep" id="9" data-gr-id="9">backup</g> and export <g class="gr_ gr_10 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins replaceWithoutSep" id="10" data-gr-id="10">entire</g> website to a new host.</p>



<p>Like any other closed source software, the only drawback is the limited functionality and customization options. However it is worth noting that Weebly offers access to its source code. If you have a coding knowledge you can easily change the HTML and CSS to rewrite site layout, structure and design. </p>



<p>Note: It’s a closed source platform that uses proprietary CMS.</p>



<hr class="wp-block-separator"/>



<p><strong>Scenario 3: You have Time &amp; Budget</strong></p>



<h2 class="wp-block-heading" style="padding-left:0;font-size: 18px;color: #e97100;">Open Source Content Management System (CMS):</h2>



<h4 class="wp-block-heading"><strong>WordPress </strong></h4>



<p>More than 75 million (more than 60% of the market share) websites&nbsp;<g class="gr_ gr_7 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar multiReplace" id="7" data-gr-id="7">are build</g> on WordPress. It is an open source CMS with huge support based community. Most of the plugins are free and thousands of templates are available to choose from.</p>



<p>Learn more about the <a href="https://customizepress.ca/content-management-system-cms/">WordPress and why you should choose Open source CMS</a></p>



<p><a href="https://en-ca.wordpress.org/">WordPress</a> also comes with drag &amp; drop website builder that are easy to learn and use. Most of the premium WordPress themes come with built-in theme customizer, demo imports and documentation that allows you to upload and customize the theme at a relatively short period of time.</p>



<p>As the responsive web design ( <a href="https://customizepress.ca/responsive-web-design/">mobile-friendly website</a> ) is the ranking criteria of the search engine like Google, the responsive website builder customizes sites for all the screen sizes. When you compare the website builder you should compare their flexibility, usability, user-friendliness, price, responsiveness and real-time customization.</p>



<p>Here are the top 3 WordPress page builder  </p>



<h5 class="wp-block-heading" style="padding-left:0;"><strong>Elementor </strong></h5>



<p>Elementor is an intuitive drag and drop interface that allows pixel perfect design to the WordPress websites. You can control each and every aspect of your workflow and create a powerful design. This plugin allows you to outsmart your competition and brand your business with<g class="gr_ gr_52 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins doubleReplace replaceWithoutSep" id="52" data-gr-id="52">custom-made</g> website.</p>



<p>Besides creating a webpage, it offers the utmost flexibility to build landing pages and opt-in pages as well. Whether you are capturing leads through your ad campaigns or using dynamic content on your landing page, Elementor offers easy drag and drop solution to your complex project.</p>



<p>You can try <a href="https://elementor.com/">Elementor for free</a> with limited design elements or buy a premium package with additional add-ons. You don’t need to install and activate too many plugins. The complete set of design elements are capable of handling complex features &amp; functionalities. If you need a multilingual site it is compatible with WordPress translator like WPML.  </p>



<h5 class="wp-block-heading" style="padding-left:0;"><strong>SiteOrigin Page Builder </strong></h5>



<p>SiteOrigin is the most popular page builder with 1+ million active installs and it allows you to build complex website layout using drag and drop tool. It is FREE to use in any WordPress site. The main attractive feature of this page builder is its ability to create the responsive grid-based layout &amp; enabling them to populate with WordPress widgets. </p>



<p>You can download a free version from <a href="http://WordPress.org">WordPress.org</a> or directly from <a href="https://siteorigin.com/page-builder/">their site</a>. </p>



<p>It is SEO friendly and generates light-weight codes without having to type a single code. Any changes you make can be previewed directly in a real-time. If you make any mistakes along the way, you can restore the history with a click. You can also add custom class and CSS to build&nbsp;<g class="gr_ gr_7 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del" id="7" data-gr-id="7">advance</g> design.</p>



<p>It is free and comes with the lifetime updates. </p>



<h5 class="wp-block-heading" style="padding-left:0;"><strong>WPBakery Page </strong><g class="gr_ gr_13 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="13" data-gr-id="13"><strong>Builder</strong></g></h5>



<p><g class="gr_ gr_13 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="13" data-gr-id="13"><g class="gr_ gr_9 gr-alert gr_gramm gr_inline_cards gr_disable_anim_appear Style replaceWithoutSep" id="9" data-gr-id="9">Formerly</g></g><g class="gr_ gr_9 gr-alert gr_gramm gr_inline_cards gr_disable_anim_appear Style replaceWithoutSep" id="9" data-gr-id="9"> </g>known as Visual Composer, WPBakery Page Builder is the most used page builder on the premium WordPress themes. Almost all of the themes purchased from <a href="http://themeforest.net">themeforest.net</a> have this page builder installed on them.</p>



<p><a href="https://wpbakery.com/">WPBakery page builder</a> offers online support via support tickets. It offers both front-end as well as back-end editing and comes with 39 design elements. It has more than 80 templates &amp; layouts and fully compatible with WooCommerce and WPML translator.</p><p>The post <a href="https://customizepress.ca/website-builder/">Best Website Builder<h2>Choosing the best website platform</h2></a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to translate a website Google Language Translator</title>
		<link>https://customizepress.ca/how-to-translate-a-website/</link>
					<comments>https://customizepress.ca/how-to-translate-a-website/#respond</comments>
		
		<dc:creator><![CDATA[customizepress_admin]]></dc:creator>
		<pubDate>Wed, 14 Nov 2018 22:23:18 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://customizepress.ca/?p=1934</guid>

					<description><![CDATA[<p>If you do business in a multicultural society like Vancouver and Coquitlam, you will soon realize that targeting ONLY the English speaking audience will limit your business growth. This applies especially to the Vancouver eCommerce and real estate websites. Customers are more likely to convert if the information about the products and services are available [&#8230;]</p>
<p>The post <a href="https://customizepress.ca/how-to-translate-a-website/">How to translate a website <h2>Google Language Translator</h2></a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="p1"><span class="s1">If you do business in a multicultural society like Vancouver and Coquitlam, you will soon realize that targeting <b>ONLY</b> the English speaking audience will limit your business growth. This applies especially to the Vancouver eCommerce and real estate websites. Customers are more likely to convert if the information about the products and services are available in their own language. Website localization can add value to your business and opens up new markets for your business.</span></p>
<h2 class="p1" style="padding-left: 0;"><span class="s1"><b>How to translate a page</b></span></h2>
<p class="p1"><span class="s1">If you own a WordPress site, it is easy to integrate language translator into your website using free plugins as well Google’s free translation service. With this method, you can translate the site into 100+ languages using multilingual plugins and snippets. </span></p>
<p class="p1"><span class="s1">In this blog, we will learn about the free and premium multilingual plugins to translate website for all languages. </span></p>
<h4 class="p1"><span class="s1"><b>Google Translate Website ( without plugin )</b></span></h4>
<p class="p1"><span class="s1">If you have used google to translate words and sentences in the past, you can use the same translation library and include it into your website. Google offers this website translator service for free. Here is how to do it,</span></p>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Go to this link <a href="https://translate.google.com/manager/website/" target="_blank" rel="noopener noreferrer"><span class="s4">https://translate.google.com/manager/website/</span></a></span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Add your website URL</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Choose the original language of your website</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Choose the translation languages</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Get the code</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li class="li3"><span class="s3">Copy &amp; Paste the translation code into your website pages or posts</span></li>
</ul>
<p class="p1"><span class="s1">That&#8217;s it. Once you complete the process, you will see a google translator with all the selected languages readily available on your website. </span></p>
<h4 class="p1"><span class="s1"><b>Google language translator using the multilingual plugin</b></span></h4>
<p class="p1"><span class="s1">Google multilingual plugins use the same concept &amp; library but they are easier to add compared to the raw google translation code. Some plugins provide additional customization to match the google translator with your website design. Here are a few popular google website translator that you can use on your website for free,</span></p>
<p class="p1"><span class="s1"><span style="color: #ff6600;"><b>Google Language Translator by Rob Myrick:</b></span> With more than 100,000+ active installation on WordPress sites, this plugin ranks higher with great clients reviews. We have used <a href="https://en-ca.wordpress.org/plugins/google-language-translator/" target="_blank" rel="noopener noreferrer">this free plugin</a> on various sites (we have developed) without any issues. Follow these simple steps to start transforming your website into a <a href="https://customizepress.ca/portfolio/">multilingual site</a>. </span></p>
<p class="p1"><span class="s1">Installation Part 1:</span></p>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Go to your WordPress dashboard</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Click on <em>Plugins</em></span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Click on <em>Add new</em></span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Search for “google language translator ”</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Select <em>Google Language Translator by Rob Myrick</em></span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li class="li3"><span class="s3">Install and activate the plugin</span></li>
</ul>
</li>
</ul>
<p class="p1"><span class="s1">Installation Part 2:</span></p>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Find the recently installed google translator under <em>Dashboard &gt; Settings &gt; Google Language Translator</em></span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Click the checkbox to activate the plugin under Plugin Status</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Select your languages and adjust the setting based on your requirement</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">To use this plugin into your website copy and paste various codes under Usage</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li class="li3"><span class="s3">Click on <em>Save Changes</em></span></li>
</ul>
</li>
</ul>
<p class="p1"><span class="s1"><span style="color: #ff6600;"><b>Translate WordPress with GTranslate by Translate AI Multilingual Solutions:</b></span> Another popular <a href="https://en-ca.wordpress.org/plugins/gtranslate/" target="_blank" rel="noopener noreferrer">translator plugin</a> with 100,000+ active installations and 640 5-star reviews to translate your website into 100+ languages. </span></p>
<p class="p1"><span class="s1">Installation Part 1:</span></p>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Go to the WordPress dashboard</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Click on <em>Plugins</em></span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Click on <em>Add new</em></span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Search for “google GTranslate”</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Select Translate WordPress with <em>GTranslate by Translate AI Multilingual Solutions</em></span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li class="li3"><span class="s3">Install and activate the plugin</span></li>
</ul>
</li>
</ul>
<p class="p1"><span class="s1">Installation Part 2:</span></p>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Find your recently installed plugin under <em>Dashboard &gt; Settings &gt; GTranslate</em></span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Select various options to customize the plugin</span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li style="list-style-type: none;">
<ul class="ul1">
<li class="li3"><span class="s3">Select the languages you want to translate </span></li>
</ul>
</li>
</ul>
<ul class="ul1">
<li class="li3"><span class="s3">Copy and paste the shortcode into the header and footer of your website files to start using the translator. </span></li>
</ul>
</li>
</ul>
<p class="p1"><span class="s1">If you are targeting a particular niche and language plays an important role, merely using google translator might not be professional enough for your business. You might need a platform to manually translate the website into 1 specific language rather than using a translator for all languages. To offer precise translation with manually translated content, there are 2 highly rated plugins</span></p>
<p class="p1"><span class="s1"><span style="color: #ff6600;"><b>Polylang:</b></span> Polylang is a free WordPress multilingual manual translator. Besides your normal web pages, Polylang also translates custom post types, taxonomies, menus, widgets and links (URLs). It is also compatible with the multisite. <a href="https://polylang.pro/downloads/polylang/" target="_blank" rel="noopener noreferrer"><span class="s4">Click here </span></a>to compare features and plans. With the premium plan, you can unlock advanced features and premium support. </span></p>
<p class="p1"><span class="s1">If you want to use the automatic translation with Polylang you can add free add-on called Lingotek. When you activate Polylang, Lingotek add-on is automatically added to your dashboard. </span></p>
<p class="p1"><span class="s1"><span style="color: #ff6600;"><b>WPML:</b></span> WordPress Multilingual Plugin is a powerful premium plugin that is widely used by almost all of the multilingual premium WordPress theme. The pricing starts at $29 unto $159. It comes with a 30 days money back guarantee and translates over 40 languages. <a href="https://wpml.org/home/about-us/" target="_blank" rel="noopener noreferrer">WPML site</a> states that there are 600,000+ sites currently running this plugin around the world. </span></p>
<p class="p1"><span class="s1">Also, with this plugin, you can take advantage of their string translation interface and directly translate plugins through your WordPress admin dashboard. This translation management software allows you to connect your website with any translation service provider.&nbsp;</span></p>
<p class="p1"><span class="s1">If you are running a simple informative business website (or blogging website) and need to translate site into other languages, google translator is easy and ready to integrate. Simply follow the google language translator steps above start reaching a wider audience.&nbsp;</span></p>
<p class="p1"><span class="s1">If you are looking to target more specific audience and planning to use precise translated content, WPML and Polylang are your best options. These plugins come with detail documentation and you can customize them based on your unique needs and requirements. </span></p>
<p class="p1"><span class="s1">Before you implement any changes to your existing site, you should first run a test site and see how everything works. If the plugin you’ve chosen address the demand and meet your expectation, you can insta</span>ll it into your site.</p><p>The post <a href="https://customizepress.ca/how-to-translate-a-website/">How to translate a website <h2>Google Language Translator</h2></a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://customizepress.ca/how-to-translate-a-website/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>5 Essential WordPress WidgetsHOW TO USE BEST WIDGETS? </title>
		<link>https://customizepress.ca/5-essential-wordpress-widgets/</link>
					<comments>https://customizepress.ca/5-essential-wordpress-widgets/#respond</comments>
		
		<dc:creator><![CDATA[customizepress_admin]]></dc:creator>
		<pubDate>Wed, 11 Oct 2017 23:46:38 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[widget]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">http://customizepress.ca/?p=1157</guid>

					<description><![CDATA[<p>What is a widget? A widget is a special section on a website that are designed to perform a specific task. Widgets are the important features of web design and development process. The most common use of widgets are seen on footer and sidebars. Widgets provide variation to the webpage by allowing users to add [&#8230;]</p>
<p>The post <a href="https://customizepress.ca/5-essential-wordpress-widgets/">5 Essential WordPress Widgets<h2>HOW TO USE BEST WIDGETS? </h2></a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></description>
										<content:encoded><![CDATA[<h4 class="p1"><span class="s1"><b>What is a widget?</b></span></h4>
<p class="p1"><span class="s1">A widget is a special section on a website that are designed to perform a specific task. Widgets are the important features of <a href="https://customizepress.ca/services/web-design/">web design and development</a> process. The most common use of widgets are seen on footer and sidebars.</span></p>
<p class="p1"><span class="s1">Widgets provide <strong>variation to the webpage</strong> by allowing users to add custom sections, plugins, codes, menu etc. It offers you the freedom to arrange various content on your <strong>website</strong> without the knowledge of basic coding languages such as html, css, php and javascript.</span></p>
<p class="p1"><span class="s1">The most popular widgets that we find on a typical WordPress templates are calendar, search bar, custom menu, recent posts, archives and social media icons. WordPress comes with the list of <strong>built-in widgets</strong> and you have options to download more based on your requirements. Most of the plugins are available as widgets and works in the widget areas.&nbsp;</span></p>
<p class="p1"><span class="s1">Most of the <a href="https://customizepress.ca/portfolio/">modern websites</a> and especially WordPress themes and templates use widgets in the footer and sidebar. Continue reading to learn how to add and use widgets on WordPress themes. </span></p>
<h4 class="p1"><span class="s1"><b>How to use widgets on your website?</b></span></h4>
<p class="p1"><span class="s1">All the available widgets are accessible through your <strong>WordPress dashboard</strong>. Log into your dashboard and follow the path below,</span></p>
<p class="p1"><em><span class="s1">Dashboard &gt; Appearance &gt; Widgets</span></em></p>
<p class="p1"><span class="s1">Widget page is composed of 2 distinct columns</span></p>
<ul>
<li class="li1"><span class="s1">list of available widgets (on the left-hand side)</span></li>
<li class="li1"><span class="s1">widgets area (on the right-hand side)</span></li>
</ul>
<p class="p1"><span class="s1">To use a widget, simply <strong>drag and drop</strong> the appropriate widget to the widget area in the right. For example if you want to write a paragraph about your company in the footer section, drag the widget called <strong>“Text”</strong> and drop it into the widget area called <strong>“Footer”</strong>. Write your title and content on the available area and click on save. Now if you go to your website and refresh the page, you will be able to see the change. </span></p>
<p class="p1"><span class="s1">To remove a widget you can either drag &amp; drop it outside the widget area or click on delete. </span></p>
<p class="p1"><span class="s1">Now we will use the <b>5 best WordPress widgets</b> to enhance your websites functionality. </span></p>
<ol>
<li class="p1"><span class="s1"><a href="https://en-ca.wordpress.org/plugins/recent-posts-widget-with-thumbnails/">Recent Posts Widget with Thumbnails</a>: Although WordPress has built-in widget to display the list of recent posts, it doesn’t display the post thumbnail or image associated with it. In order to display your post’s <strong>featured image</strong> as a thumbnail and additional excerpts on your sidebar, you need a plugin called Recent Posts Widget with Thumbnails. </span><span class="s1">Once you download and activate this plugin, you can drag and drop it to the widget area.</span></li>
<li class="p1"><a href="https://en-ca.wordpress.org/plugins/ultimate-social-media-icons/">Social Share Icons &amp; Social Share Buttons</a>: This plugin allows you to add<strong> social media icons</strong> on the widget areas. You can use various features such as like or follow button on your sidebars and footer to maximize the traffic to your social media platforms. It allows you to choose many button designs with an option to display count next to your share icons. You can also use the built-in opt-in form to grow your email list.</li>
<li class="p1"><a href="https://en-ca.wordpress.org/plugins/optinmonster/">OptinMonster</a>: If you are into the online marketing and wants to <strong>grow your email list</strong>, OptinMonster allow you to build list for your posts. It uses subscribe form to collect users information and saves it into your dashboard. This lead-generation plugin is easy to use as a widget and easily integrates with popular email providers such as MaiChimp and Aweber. It is easy to use form builder to create signup forms and integrate them into your widget area.</li>
<li class="p1"><a href="https://en-ca.wordpress.org/plugins/strong-testimonials/">Testimonials Widget</a>: Testimonials widget allows you to<strong> create &amp; organize testimonials</strong> in most effective way using available widget area. Various options such as slider view or list view are available to offer variations to your widget content. Another great way to <strong>add testimonials</strong> with using the plugins is to use built-in WordPress Text widget. Simply type your testimonials and click on save.</li>
<li class="p1"><a href="https://en-ca.wordpress.org/plugins/image-widget/">Image Widget</a>: Research shows that image attracts more attention than a simple paragraph. It makes your <strong>webpage</strong> visually appealing. If you are not familiar or comfortable using html to add images to your widget areas, use Image widget. This plugin allows you to use WordPress media gallery to <strong>add images to your website</strong>. It is a very popular plugin with half a million active installs.</li>
</ol>
<p class="p1"><span class="s1"><strong>Note:</strong> If you didn’t find widget area such as sidebar widget and footer widget in <em>Dashboard &gt; Appearance &gt; Widget</em>, it means your theme doesn’t support the <strong>widget functionality</strong>. Some themes only allow widget on a sidebar. Before you buy any 3rd party template always make sure that it has enough widget area for you to add cool features to your website. Good <a href="https://customizepress.ca/web-design/">web design</a> integrates and promotes maximum use of widgets.&nbsp;</span></p><p>The post <a href="https://customizepress.ca/5-essential-wordpress-widgets/">5 Essential WordPress Widgets<h2>HOW TO USE BEST WIDGETS? </h2></a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://customizepress.ca/5-essential-wordpress-widgets/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to create WordPress menu</title>
		<link>https://customizepress.ca/wordpress-navigation-menu/</link>
					<comments>https://customizepress.ca/wordpress-navigation-menu/#respond</comments>
		
		<dc:creator><![CDATA[customizepress_admin]]></dc:creator>
		<pubDate>Thu, 04 Aug 2016 23:28:39 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">http://customizepress.ca/?p=746</guid>

					<description><![CDATA[<p>In this WordPress Theme Development Video Tutorial (Part 3) you will learn to Create Header Menu Create Footer Menu Create menu using custom links Assign pages to your navigation menu Adding sub menu &#160; Video Transcript In the previous tutorial, you created posts and pages for your website. In this tutorial, you will create a [&#8230;]</p>
<p>The post <a href="https://customizepress.ca/wordpress-navigation-menu/">How to create WordPress menu</a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>In this <strong>WordPress Theme Development Video Tutorial</strong> (Part 3) you will learn to</p>
<ul>
<li>Create Header Menu</li>
<li>Create Footer Menu</li>
<li>Create menu using custom links</li>
<li>Assign pages to your navigation menu</li>
<li>Adding sub menu</li>
</ul>
<p>&nbsp;</p>
<div class="videoWrapper"><iframe src="https://www.youtube.com/embed/HexIIiEDDKI?rel=0&amp;showinfo=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<h4>Video Transcript</h4>
<p>In the previous tutorial, you created posts and pages for your website. In this tutorial, you will create a <strong>navigation menu</strong> and assigned those pages to it.</p>
<ul>
<li>Go to your dashboard and hover your mouse over appearance and</li>
<li>Click on Menu</li>
<li>Enter the menu name and call it Main Navigation</li>
<li>Click on Create Menu</li>
<li>From the menu settings, click on the checkbox that says Primary Header Navigation</li>
<li>Click on Save Menu.</li>
</ul>
<p>Now we will add pages to this<strong> header menu</strong>. To do so,</p>
<ul>
<li>Locate the section called Pages on the left hand side</li>
<li>Click the checkbox next to the following pages and add them to the Primary Navigation Menu
<ul>
<li>Search</li>
<li>Home</li>
<li>Contact Us</li>
<li>Blog</li>
<li>Vertical Navigation</li>
<li>Hamburger Navigation</li>
<li>Left Sidebar</li>
<li>Right Sidebar</li>
<li>Full Width</li>
</ul>
</li>
<li>Then click on add to menu</li>
</ul>
<p>Create one more <strong>menu item</strong>, using custom links below the Pages option. To do so,</p>
<ul>
<li>Click on Custom Links</li>
<li>Enter any URL (I will use customizepress.ca)</li>
<li>Type Pages into the Link Text field</li>
<li>And click on Add to Menu.</li>
</ul>
<p>All your menu items are displayed on the right. Now we will rank these items.</p>
<ul>
<li>Click on the menu item Home and drag it all the way to the top</li>
<li>Next click and drag Blog to rank it 2nd on the list</li>
<li>Click and drag Pages to rank it 3rd on the list.</li>
</ul>
<p>Lets create the <strong>sub menu</strong> inside the menu item Pages.</p>
<ul>
<li>Click and drag Full Width to rank 4th on the list, and drag it slightly to the right to create a sub menu</li>
<li>Do the same for the following items,
<ul>
<li>Right Sidebar</li>
<li>Vertical Navigation</li>
<li>Hamburger Navigation and</li>
<li>Left Sidebar</li>
</ul>
</li>
<li>Click and drag Contact Us to rank 9th on the list and</li>
<li>Search to rank 10th on the list</li>
<li>Click on Save Menu.</li>
</ul>
<p>Your final primary menu structure will look like this. Notice the position of the <strong>sub menu items</strong>.<br />
Lets go and check our menu on the homepage. As you can see, the menu items you have just created are all listed here.</p>
<p>Using the same procedure, we will create a <strong>footer navigation</strong></p>
<ul>
<li>Go to your dashboard and hover your mouse over Appearance and</li>
<li>Click on Menu</li>
<li>Click on Create A New Menu</li>
<li>Enter the menu name and call it Footer Navigation</li>
<li>Click on Create Menu</li>
<li>From the menu settings, click on the checkbox that says Footer navigation</li>
<li>Click on Save Menu</li>
</ul>
<p>We will add pages to this <strong>footer menu</strong>. To do so,</p>
<ul>
<li>Locate the section called Pages on the left hand side</li>
<li>Click the checkboxes next to the following pages and add them to the Footer Navigation Menu
<ul>
<li>Career</li>
<li>Team Member</li>
<li>FAQ</li>
</ul>
</li>
<li>Then click on Add To Menu</li>
<li>Click on Save Menu</li>
</ul>
<p>Your final footer navigation structure will look like this.</p>
<p>In the next tutorial, we will add some <strong>plugins to your website</strong>. Until then. Goodbye.</p><p>The post <a href="https://customizepress.ca/wordpress-navigation-menu/">How to create WordPress menu</a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://customizepress.ca/wordpress-navigation-menu/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to create pages &#038; posts</title>
		<link>https://customizepress.ca/how-to-create-pages-posts/</link>
					<comments>https://customizepress.ca/how-to-create-pages-posts/#respond</comments>
		
		<dc:creator><![CDATA[customizepress_admin]]></dc:creator>
		<pubDate>Thu, 04 Aug 2016 22:45:16 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[pages]]></category>
		<category><![CDATA[post]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">http://customizepress.ca/?p=738</guid>

					<description><![CDATA[<p>In this WordPress Theme Development Video Tutorial (Part 2) you will learn to Install wordpress theme on your localhost Activate 3rd party theme Import, manage and use media Create Pages Create Post Categories Add New Posts Set Featured Images Assign blog page &#38; homepage And much more &#160; Video Transcript Welcome to CustomizePress In this [&#8230;]</p>
<p>The post <a href="https://customizepress.ca/how-to-create-pages-posts/">How to create pages & posts</a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>In this <strong>WordPress Theme Development Video Tutorial</strong> (Part 2) you will learn to</p>
<ul>
<li>Install wordpress theme on your localhost</li>
<li>Activate 3rd party theme</li>
<li>Import, manage and use media</li>
<li>Create Pages</li>
<li>Create Post Categories</li>
<li>Add New Posts</li>
<li>Set Featured Images</li>
<li>Assign blog page &amp; homepage</li>
<li>And much more</li>
</ul>
<p>&nbsp;</p>
<div class="videoWrapper"><iframe src="https://www.youtube.com/embed/4eyDwj21nzY?rel=0&amp;showinfo=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<h4>Video Transcript</h4>
<p>Welcome to CustomizePress</p>
<p>In this tutorial, you will learn to install WordPress theme and <strong>create pages and posts</strong> for your website. So lets get started by installing the theme and customizing it for your business. If you are using a local host then your URL will be,</p>
<p>localhost:8888/your-wordpress-foldername/wp-login.php</p>
<p>( On our example, it will be: localhost:8888/firstsite/wp-login.php )</p>
<p>Enter your username and password to go to your WordPress dashboard.</p>
<ul>
<li>Click on Appearance</li>
<li>From the menu option click on themes.</li>
</ul>
<p>Currently there are only 3 default <strong>WordPress</strong> themes to choose from. If you want to use 3rd party <strong>premium theme</strong>, you will have to download it into your document root. In order to do so, unzip the folder that you receive from the theme <strong>developers</strong>.</p>
<p>For example, when you download <strong>Edpro Premium Theme</strong>, you will receive a zipped folder called, <strong>EdPro Installation Package</strong>. Locate and unzip that folder, to open its content. From the opened folder, find <strong>EdPro zip file</strong> and unzip its content as well.</p>
<p>Next, you will upload the unzipped Edpro folder into the <strong>Theme</strong> folder of your root directory. To do so, locate your root directory <strong>htdocs</strong> by going to your application folder and clicking on MAMP.</p>
<p>In the previous tutorial, you downloaded and installed wordpress folder inside your htdocs. I renamed my WordPress folder as <em>firstsite</em>. Click the folder <em>firstsite</em>, then click on <strong>wp-content</strong>. Inside this folder, you will find a folder called <strong>themes</strong>. Click on that folder.</p>
<p>As you can see, there are 3 themes already in it. Those are the <strong>3 default themes</strong> that you have noticed earlier by clicking on your dashboard =&gt; appearance =&gt; and themes. Now from the Edpro Installation Package folder, we will drag and drop the Edpro Unzipped Folder, inside the theme folder.</p>
<p>Go back to your WordPress dashboard, then click on appearance and themes. As you can see there is a new theme on a page called <strong>Edpro Premium Theme</strong>. Hover your mouse over it and click on Activate. Find your site name on the left corner top, right click and open it in a new tab. Lets preview your new theme and see how it looks.</p>
<p>As you can see, we need to add the menu and various other sections, to complete the site.</p>
<p>Lets create some quick sample <strong>pages &amp; posts</strong>, and assign it to the <strong>navigation</strong> menu. To create pages and posts, you can use the sample text and images that is inside your Edpro Installation Package. Lets start by uploading sample images from Edpro Installation Package folder.</p>
<p>For that,</p>
<ul>
<li>Go to your dashboard and</li>
<li>Click on Media</li>
<li>Click on Add New</li>
<li>Click on select files</li>
<li>Locate Edpro Installation Package</li>
<li>Click on Edpro Art &amp; Design</li>
<li>Click on the folder Upload Images (There are 12 images in the sub folders)</li>
<li>Select and upload all of them.</li>
</ul>
<p>Your final media library will look like this. We will use these images on our <strong>pages</strong>, <strong>posts</strong>, sliders, header, and other sections of our homepage.</p>
<p>We will create 12 pages using the sample text from Edpro Installation Package. To do so,</p>
<ul>
<li>Go to your dashboard and</li>
<li>Click on Pages</li>
<li>Click on Add New</li>
<li>Give it a title: Full Width</li>
<li>Locate page attributes section on the right hand side.</li>
<li>Click the dropdown menu under the template. From the menu choose Full Width Page Template. By doing so, you are assigning Edpro Page Templates to your pages.</li>
</ul>
<p>Now, we will add <strong>content</strong> to this page. If you do not have your content yet, go to Edpro Installation Package and use the sample content.</p>
<ul>
<li>Locate your Edpro Installation Package and</li>
<li>Click on Edpro Sample Content</li>
<li>Open the document called Sample Text &#8211; pages</li>
<li>Copy sample content</li>
<li>Go back to your Full Width page and</li>
<li>Click on Text (HTML) tab located on top of your text editor</li>
<li>Paste the content</li>
</ul>
<p>Now I will show you <strong>how to add image to the page</strong>.</p>
<ul>
<li>Click on visual on the top of text editor</li>
<li>Hit enter to create space for the image.</li>
<li>To centre the image click on the centre align button on the text editor</li>
<li>Click on Add media</li>
<li>Click on media library and</li>
<li>Select the image with ocean and clouds</li>
<li>Click on insert into page.</li>
</ul>
<p>Now you&#8217;re ready to publish your page. Click to publish your page. To visit your newly created page, click on preview changes.</p>
<p>Use the following table to create 11 more pages. The instruction is exactly same as creating the Full Width page. The only difference between these pages is their corresponding <strong>page templates</strong>. So pause this <strong>tutorial</strong> &amp; complete the table.</p>
<p>Once you complete the table, go to dashboard and click on pages. Make sure you have 12 pages and 1 WordPress default sample page. You might have noticed that many pages that you have just created are incomplete.</p>
<p>In the next few minutes, you will learn to create a complete page with all the required <strong>widgets and plugins</strong>. But before we do that, lets go and create some sample posts.</p>
<p>We will start by creating, <strong>post categories</strong>. We will use these categories to differentiate our various posts that we will be creating shortly.</p>
<ul>
<li>Go to your dashboard and click on posts</li>
<li>Click on categories</li>
<li>To create your first category, type the category name Blog</li>
<li>Type blog as a slug name (Make sure that your slug name is all small letters)</li>
<li>Click on Add new category</li>
<li>Your new category will appear on the right.</li>
</ul>
<p>Create second category called news.</p>
<ul>
<li>Type news on the name field</li>
<li>Type news as a slug with all small letters</li>
<li>Click on Add new category</li>
</ul>
<p>Create third category called Featured Category</p>
<ul>
<li>Type featured category on the name field</li>
<li>Type featuredcategory as a slug with all small letters. Notice that there is no space between the 2 words featured and category</li>
<li>Click on Add new category.</li>
</ul>
<p>Create fourth category called Upcoming Events.</p>
<ul>
<li>Type Upcoming Events on the name field</li>
<li>Type upcoming dash events as a slug with all small letters. Notice that there is a dash between the 2 words upcoming and events</li>
<li>Click on Add new category.</li>
</ul>
<p>Create the fifth and last category called Upcoming Workshops.</p>
<ul>
<li>Type Upcoming Workshops on the name field</li>
<li>Type upcoming dash workshops as a slug with all small letters. Notice that there is a</li>
<li>dash between the 2 words upcoming and workshops</li>
<li>Click on Add new category.</li>
</ul>
<p>You have created all the required categories. Now</p>
<ul>
<li>Go to your dashboard and</li>
<li>Click on posts</li>
<li>Click on Add New</li>
<li>Add title to your post and call it Blog Number 1</li>
</ul>
<p>For the post content,</p>
<ul>
<li>Locate your folder, Edpro Installlation Package and</li>
<li>Click on the sub folder, Edpro Sample Content</li>
<li>Open the document, Sample Text dash Posts 1</li>
<li>Copy the content and paste it into the text editor of Blog Number 1</li>
<li>On the right hand, under categories, click on blog and featured categories (These are the categories that you created earlier)</li>
<li>At the bottom, click on set featured image and</li>
<li>Choose the image called ep_blog1</li>
<li>Click on set featured image</li>
<li>Now go ahead and publish your site</li>
<li>Click on preview to see how it looks.</li>
</ul>
<p>Great Job!!!</p>
<p>Now you will use the following table to create 3 more posts. Always make sure to select the right <strong>category</strong>. Pause the video here and complete the posts.</p>
<p>Let me show you, how the posts that you have just created was used in your <strong>homepage</strong> design.</p>
<ul>
<li>Click on the visit site to go to your home page</li>
<li>Scroll down to the section called Recent Posts. All the posts under the category, blog, are listed here</li>
</ul>
<p>Similarly, if you scroll further down to the section called Bulletin Board, you will see 3 empty sub-sections. Lets create some posts to fill this section. Use the following table to create 6 more posts.</p>
<p>Pause the video here and complete the posts.</p>
<p>Once you complete the table, your posts listing will look like this. Now go back to your homepage and refresh the page. On the bulletin board section, you will see the newly created post.</p>
<p>Now lets set up our blog page. For that,</p>
<ul>
<li>Go to your dashboard and</li>
<li>Hover your mouse over the setting</li>
<li>From the menu, click on reading</li>
<li>Click on a static page</li>
<li>From the dropdown menu select Home as the front page and blog as the posts page</li>
<li>Click on save changes</li>
</ul>
<p>You have successfully created all the required <strong>posts and pages.</strong> In the next tutorial, I will show you how to <strong>create navigation menu, and assigned</strong> newly created pages to it.</p>
<p>Thankx for watching. Your feedback is very important to us. Please leave a comment and let us know your opinion.</p>
<p>See you on the next tutorial. Goodbye.</p><p>The post <a href="https://customizepress.ca/how-to-create-pages-posts/">How to create pages & posts</a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://customizepress.ca/how-to-create-pages-posts/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to install MAMP &#038; WordPress</title>
		<link>https://customizepress.ca/install-mamp-wordpress/</link>
					<comments>https://customizepress.ca/install-mamp-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[customizepress_admin]]></dc:creator>
		<pubDate>Thu, 04 Aug 2016 19:03:14 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[install]]></category>
		<category><![CDATA[mamp]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">http://customizepress.ca/?p=722</guid>

					<description><![CDATA[<p>This WordPress Video Tutorial For Beginners (2016) will guide you to install and customize, fully responsive, WordPress themes on a localhost using MAMP. If you want to develop WordPress website on a local server before launching it on a live server, this tutorial is for you. This six part series will help you to make [&#8230;]</p>
<p>The post <a href="https://customizepress.ca/install-mamp-wordpress/">How to install MAMP & WordPress</a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>This WordPress Video Tutorial For Beginners (2016) will guide you to install and customize, fully <strong>responsive</strong>, WordPress themes on a localhost using MAMP.</p>
<p>If you want to develop <strong>WordPress</strong> website on a local server before launching it on a live server, this tutorial is for you. This six part series will help you to make WordPress website without <strong>web hosting</strong> and <strong>domain name</strong>.</p>
<p>By the end of this series, you will have a beautiful website like this <a href="https://edpro.customizepress.ca">Edpro Theme</a></p>
<p>Tutorial (Series) Outline:</p>
<ul>
<li>Installing MAMP</li>
<li>Creating Database</li>
<li>Installing WordPress</li>
<li>Activating Theme</li>
<li>Creating Pages &amp; Posts</li>
<li>Adding Media</li>
<li>Assigning pages to the navigation menu</li>
<li>Installing &amp; activating popular (must-have) plugins</li>
<li>Adding Widgets</li>
</ul>
<div class="videoWrapper"><iframe src="https://www.youtube.com/embed/mkfQ6qWsR_I?rel=0&amp;showinfo=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<h4>Video Transcript</h4>
<p>Welcome to CustomizePress. The goal of this tutorial is to get the fully functional WordPress site up and running within an hour.</p>
<p>If you do not have any <strong>coding</strong> background and need a WordPress site, this tutorial is for you. For this tutorial we will use Edpro Premium Theme as an example and show you how fast and easy it is to create a WordPress site without any <strong>technical background</strong>.</p>
<p>The <strong>installation</strong> process is identical for all the themes so you can choose any other theme of your choice and follow the instructions on this <strong>tutorial</strong>. By the end of this tutorial you will create the exact copy of this beautiful site ( www.edpro.customizepress.ca ). If you want to see the <strong>demo version</strong> of this website go to <a href="https://customizepress.ca/portfolio/">customizepress.ca/portfolio</a> and click on Edpro Premium Theme.</p>
<p>In this video you&#8217;ll learn to build your website on a localhost before launching it on a live server. To do that you will complete the following steps</p>
<ul>
<li>Download and install <strong>MAMP </strong></li>
<li>Create MySQL database</li>
<li>Download and install <strong>WordPress</strong></li>
<li>Download and install WordPress theme</li>
</ul>
<p>By the end of this tutorial you&#8217;ll successfully run a WordPress theme on your computer.</p>
<p>So let&#8217;s get started.</p>
<ul>
<li>Go to your address bar and type <a href="https://www.mamp.info">www.mamp.info</a></li>
<li>On the next page click on <em>download</em></li>
<li>Choose whether you are using <em>Mac</em> or <em>Windows</em> computer</li>
<li>Click on <em>download</em></li>
<li>Save <em>file</em> and start your <strong>MAMP installation process</strong></li>
</ul>
<p>Once you complete the installation process,</p>
<ul>
<li>Open MAMP</li>
<li>Click on Preferences</li>
<li>Click on Web Server</li>
<li>Locate your document root (If you&#8217;re a beginner leave the default <strong>htdocs</strong> as your document root)</li>
</ul>
<p>In order to install WordPress theme, first you will need to <strong>create a database</strong>. WordPress will use this database to collect, organize and store your website data. Like many other platforms WordPress also manage its database using <strong>MySQL</strong>. In order to create your first database,</p>
<ul>
<li>Open MAMP</li>
<li>Click on Open WebStart Page</li>
<li>Click on Tools</li>
<li>Click on <strong>phpMyAdmin</strong></li>
<li>Click on new</li>
<li>Enter our database name and make a note on a paper</li>
<li>Select <strong>collation</strong> on the next column</li>
<li>Click on create</li>
</ul>
<p>Your newly created a database will appear on the left side of the page. Before we move on I would like you to make a note of your database-name, username and password. For that</p>
<ul>
<li>Open MAMP</li>
<li>Click on Open WebStart page</li>
<li>Write your host, username and password on a paper</li>
</ul>
<p>Now you will <strong>download and install WordPress</strong> into your root directory called htdocs. Let’s start by downloading wordpress,</p>
<ul>
<li>Go to <a href="https://www.wordpress.org/download">www.wordpress.org/download</a></li>
<li>Click on Download WordPress</li>
<li>Save and locate your downloaded WordPress zip file</li>
<li>Unzip WordPress</li>
<li>Rename the folder (firstsite)</li>
<li>Find the root directory htdocs and</li>
<li>Upload unzipped WordPress folder into it</li>
</ul>
<p>Now we are ready to <strong>install WordPress</strong>, for that</p>
<ul>
<li>Go to your address bar and type localhost:8888/firstsite ( your unzip wordpress folder name). Since I have renamed my WordPress on zip folder as firstsite my address bar will look like this<strong> localhost:8888/firstsite</strong></li>
<li>Next select your language and click on continue. As you have already written down your database-name, username and password on a piece of paper,</li>
<li>Click on let&#8217;s go to continue</li>
<li>Use the information from the paper to fill the following fields (Make sure your username and password are both spell <strong>ROOT</strong>)</li>
<li>Once you&#8217;re done submit the form</li>
</ul>
<p>At this stage you have successfully connected your WordPress with your database. Run the install and complete the <strong>WordPress form</strong>. Remember, you can always change these settings later.</p>
<p>Save your username and password. In the next step, you will need these information to log into your website. Once you complete the form click on <strong>Install WordPress.</strong> At this stage you have successfully installed WordPress. Now use the username and password to log into your WordPress <strong>account</strong>.</p>
<p><strong>Congratulations You Did A Great Job!!!</strong><br />
Welcome to your WordPress <strong>dashboard</strong>. From now on you will use this dashboard for all your website themes and settings. Now let&#8217;s go to your site and see how the <strong>default</strong> WordPress theme looks like.</p>
<ul>
<li>Find your site name on the top left corner of your computer screen and</li>
<li>Hover your mouse over it</li>
<li>Right click on visit site and</li>
<li>Open the site on a new window</li>
</ul>
<p>Currently this is how your website looks like. Your goal is to customize this theme and create a beautiful website out of it. There are <strong>three default WordPress themes</strong> to choose from. To <strong>change your WordPress theme</strong>,</p>
<ul>
<li>Go to your dashboard</li>
<li>Click on appearance =&gt; themes</li>
</ul>
<p>As you can see, on this page, you have three default WordPress themes to choose from. To activate a different theme, simply click on <em>Activate button</em>.</p>
<p>Now, if you go back to your site and refresh the page you will see a different theme on it.</p>
<p>In the next tutorial, I will show you, how you can <strong>download and install beautiful themes</strong> like this. While choosing the <strong>3rd party WordPress themes</strong>, you must consider the followings,</p>
<ul>
<li>Make sure that the theme is 100% fully responsive on all devices (<strong>mobile-friendly</strong>). Starting 2015 Google will not display non-responsive theme on the <strong>search engine result page (SERP).</strong></li>
<li>Various features will enhance the presentation of your products, testimonials and demos, so look for those features and see how impressive they look on the theme</li>
<li>The most important factor is whether you can customize the theme without any coding experience and if you can, do you receive any help and support to do it yourself.</li>
</ul>
<p>These questions will help to choose the best theme available out there and this will minimize any hidden costs that might incur in a long term.</p>
<p>Thanks for watching. Leave us your feedback.</p>
<p>See you in the next tutorial.</p><p>The post <a href="https://customizepress.ca/install-mamp-wordpress/">How to install MAMP & WordPress</a> first appeared on <a href="https://customizepress.ca"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://customizepress.ca/install-mamp-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/

Page Caching using disk: enhanced 
Content Delivery Network via N/A
Minified using disk

Served from: customizepress.ca @ 2026-06-02 13:08:03 by W3 Total Cache
-->