"Mr Branding" is a blog based on RSS for everything related to website branding and website design, it collects its posts from many sites in order to facilitate the updating to the latest technology.
To suggest any source, please contact me: Taha.baba@consultant.com
Friday, December 13, 2019
Facebook Messenger Gets Star Wars Theme Features to Add More to the Film Hype
[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]
by Aqsa Rasool via Digital Information World
Thursday, December 12, 2019
YouTube is taking more strict actions against any type of harassment with its new policy
[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]
by agha ali via Digital Information World
Article: How to create your first Squarespace site in under 5 minutes [video]
There is no question Squarespace has the best designed website templates of all the online builders.
Along with their intuitive backend controls, we can easily setup a One Page website within 5 minutes.
In this tutorial I’m going to walk you though the sign up process, template selection, basic editing and then publishing your first awesome Squarespace website.
One Page Love Exclusive Coupon
Yay! Squarespace has been kind enough to give One Page Love readers the exclusive coupon OPL10 for 10% Off your first website or domain purchase. (There is a free 14-day trial with no credit card needed, so you can try risk free.)
Step 1: Pick a Squarespace template
Head over to squarespace.com/templates and pick a template similar to your needs. Remember this is only a starting point and you are able to easily switch templates at any time.
If you need a little more help choosing a template, here are articles I wrote curating my favorite Personal and Landing Page Squarespace templates.
In this tutorial I’m using the Sofia template because of it’s clean, long-scrolling layout – perfect for a simple personal website.
Step 2: Create a free-trial account
Once you have selected your template starting point, you are prompted to quickly sign up so the template saves to your account. The trial period is 14 days and allows access to all 80 Squarespace templates, no credit card needed.
Step 3: Replace demo content with your own
After sign up, you are conveniently directed straight into editing mode. Before we begin editing I want to point out the left area is the main Squarespace navigation containing the editor links and account options. On the right is your actual website with interactive content blocks.
If you ever need to access this navigation; ensure you are logged in, hover your cursor over the top-left of your website until the arrow appears, then click it. Conversely clicking the arrow while the editor is open will toggle/close the navigation:
We can start our website build from scratch but it’s faster to replace the beautifully arranged demo content with our own.
Step 3.1 – Set Website Title: Head to Design in the main Squarespace navigation > Logo & Title > Site Title and add your name or company name. Hit Save on the top left and your changes should reflect. In this tutorial I’m creating a website for street photographer Samantha Smith:
Step 3.2 – Replace Text: Head back to Pages in the main Squarespace navigation. Now hover your cursor over the website introduction area to your right. You are promoted with 2 button links on your top-left: Edit and Settings. Click Edit.
We have now opened the Content Block editor. Click within the introduction text and replace the text with your own. Feel free to style with the options like I’ve done here with Bold text. Click Save on the top-left.
Step 3.3 – Replace Images: Scroll down slightly to the big image ie. the Banner section in the long-scrolling webpage. When prompted click the Banner link option on the top-left. Proceed to Remove the demo image, then upload an image of your own. Remember Squarespace resizes and optimizes your image size, so don’t stress, just upload what you have. Hit Save. And Magic – it looks great.
Continue to edit more text and images if needed. I’m simply going to edit the text within the demo rate card section which I’ll refer to later.
Step 3.4 – Remove Demo Content: Lastly we want to remove demo page sections we don’t need. Scroll up to the top of your page, then hover over the content until you see the Manage Sections button link:
Once clicked, you will be taken to a neat webpage overview where you can delete and even reorder sections by dragging them up and down:
In our demo I removed the Testimonials and Resume sections but kept the Contact section.
Step 4: Pay to publish
Once you are happy with your content, click the bottom-left area to visit your account dashboard:
The press the Subscribe button within your website thumbnail to kick off the payment process:
You are looking at $12/month if you pay annually (don’t forget to use the coupon OPL10 for 10% off). This gives you access to all 80 of their templates including website hosting, security and speed optimization. Enter in your Credit Card details and we are live!
Your website is now live! What to do next?
Here are a few tutorials to help optimize and promote your website:
- Connecting your custom domain to your Squarespace website
- How to improve Search Engine Optimization on your Squarespace website
- Send email campaigns using Squarespace Marketing Tools
FAQ: What are the benefits of using Squarespace?
Squarespace is a leading online website builder. What sets them apart from the rest is their superior level of design and customer support. They have a huge support team and are available 24/7. Other main benefits are:
- No Website Hosting Needed - their platform is fast and secure
- Online Content Management - all edits are done within your browser, no software needed
- Easily Drag and Drop Images - unlimited galleries with unlimited bandwidth
- Free Domain Name - when registering for your first website, if you pay annually (renews at standard rate)
- Beautifully Responsive - all templates work for all devices, so you only have to design your website once. Test and preview how your website will appear on a range of screen sizes.
- Blog Sections - can easily be added to start sharing your journey
- Commerce Solutions - are an upgrade away if you want to start selling products
- Email Marketing - gather email addresses, send marketing emails and analyze the reader email activity
That’s a wrap! Don’t forget your 10% Off coupon: OPL10
I hope you enjoyed this tutorial on creating your first Squarespace site. Props to Squarespace for creating a platform where we can create beautiful personal websites, easily. If you missed it curate my 10 favorite personal Squarespace template.
by Rob Hope @robhope via One Page Love
Bud
Bud’s roots are in solving these problems that real businesses face. We believe in being customer focused instead of channel focused; a one stop digital partner you can trust to grow your business.
by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery
VinVie
Winery in Matsukawa Town, Nagano Prefecture
by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery
Adverts of Britains Yesteryear
The official website of the book \\
by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery
6 Best Weather WordPress Widgets & Plugins
Running a venue is difficult to deal with as the weather can have a negative impact on your business. For golf courses, wedding destinations, and even restaurants with patios, bad weather can really take a toll on attendance.
Add a visually pleasing and powerful WordPress weather plugin on your WordPress website to let your potential customers know what weather they can expect at your venue.
Even though we’re powerless against Mother Nature, you and your customers can plan around it.
The weather WordPress plugins available on CodeCanyon will allow you to seamlessly integrate an upcoming weather forecast display on your website to keep everyone informed about the weather at your venue.
The Best WordPress Weather Plugins on CodeCanyon
Discover over seven thousand of the best WordPress plugins ever created on Envato Market's CodeCanyon. With a cheap one time payment, you can purchase these high-quality WordPress plugins.
Here are a few of the best weather WordPress plugins available on CodeCanyon for 2020.
6 Best Weather WordPress Plugins (From CodeCanyon For 2020)
Here are six of the top-rated WordPress weather plugins that are available for you to download on CodeCanyon:
1. Astero WordPress Weather Plugin
The Astero WordPress Weather Plugin includes much of what you'll ever want in a weather WordPress plugin. With its clean lines, multiple sizes and styles, and solid feature set, your weather widget will be looking good, even if the weather isn't. Here are a few of the features of this plugin:
- HTML5 geolocation with IP fallback
- supports 600+ Google Fonts
- fully responsive layout
- local cache
2. Weather for Visual Composer
If you’re using WPBakery (formerly Visual Composer), this plugin gives you a number of easy-to-use elements to drop into your site. With an easily customizable, modern look, this add-on is perfect for websites that need to add basic weather functionality in a stylish way.
With available support for 17 languages, an easily changeable Celsius/Fahrenheit setting, and a set of stylish icons, this plugin puts a heavy focus on getting weather data onto your site quickly, without sacrificing looks. For those used to working in WPBakery, getting everything set up is as easy as dragging the element into your layout and setting a location.
If you like how this plugin looks but aren’t using WPBakery on your site, the publisher also has a standalone version with similar functionality.
3. Always Sunny
One of the more in-depth weather plugins available for WordPress, the Always Sunny Plugin gives a wide range of data and implementation options.
When it comes to adding this plugin to your site, you can place it in your pages in two ways: the first being as a widget, and the second as an embeddable shortcode. This mix makes it just as easy to show weather data in your sidebar as it is to drop it within a page’s content.
Beyond the basic weather measurements of temperature and weather patterns, this plugin throws a few other data points into the mix. Cloud coverage, wind patterns, and humidity levels make it a great addition for golf course websites, vacation spots, and restaurants with outdoor dining.
4. aWeather Forecast
The aWeather Forecast plugin is one of the most uniquely designed weather WordPress widgets. It can display weather conditions with its cast of animated icons, animated headers, and full-color customization. This is one of the most charming weather widgets you'll find!
This widget can display:
- current weather icon and temperature
- current weather conditions
- wind speed and direction
- pressure, humidity, and more
Some features include, but are not limited to:
- Fahrenheit, Celsius, and Kelvin unit formats
- 18 animated icons and 4 animated headers
- select from over 700 Google Fonts
5. City Weather
This weather WordPress plugin allows you to easily add a stylish weather widget to your site. Whether you want to feature your weather widget in your sidebar or as the main display on a webpage, this plugin can easily do it. Here are a few of the features on the weather widget that you can customize to fit your businesses needs:
- background image
- background color
- forecast days
- Fahrenheit or Celsius display
6. WP Weather Widget and WPBakery Add-on
This plugin comes with a customizable element that can easily be dropped into your page template, but it also includes a widget that can be used by any WordPress build.
With all of the standard WPBakery element customization options and five layouts to choose from, you can quickly adjust your weather information to fit your page. Utilizing the OpenWeatherMap API, this plugin lets you display the temperature, daily highs and lows, humidity, and more.
Free Weather WordPress Plugins for Download in 2020
Without a doubt, paid weather WordPress plugins will offer you the most comprehensive set of tools and features. More features, customer support, and overall user experience will be higher with these premium plugins. However, you might not currently have the budget to spend on these premium weather plugins and still need to show the weather forecast to your website visitors.
That is why I have collected a list of five of the best free WordPress weather plugins available.
1. WP-Forecast
This WordPress weather plugin will let you display weather data from https://accuweather.com and https://weatherbug.com. You can also customize the display features such as location and language.
2. Weather Atlas Widget
The Weather Atlas Widget features a responsive design, a detailed forecast, and weather icons. This plugin is easy to set up and use.
3. Weather Underground
This is the great-looking weather forecast plugin for WordPress. It fits perfectly with many different templates out of the box, including the default WordPress theme.
4. Location Weather
Location Weather is an easy to use and customizable weather plugin that allows you to add unlimited weather widgets and get up-to-date weather information to your web pages or sidebar.
5. Weather Station
This weather WordPress plugin collects meteorological data from public or personal weather stations and to display it in many elegant ways on your website. Like most other weather WordPress plugins, it can be installed with a shortcode.
How to Customize the aWeather Forecast Weather WordPress Plugin
Now that we have already gone over all the best premium and free weather Wordpress plugins available, you might be wondering how you can add them to your website.
Let's take a look at how you can customize one this premium weather plugin so it can fit seamlessly into your website.
1. Insert aWeather Into Your Website
First, we need to insert the aWeather plugin into the site once the plugin is installed. Choose Appearance > Widgets from the WordPress admin sidebar. From there, we will look for the aWeather Forecast tab under Available Widgets. We would like the widget to appear in the footer of our website, so click on the tab and choose Footer. The widget will now be added to our website and we can begin customizing it.
Next, click on the aWeather widget under the Footer section of the widget editor. This will open up the customization options for the widget. In order for the widget to display the current weather forecast for your desired location, we must add an API key in the OpenWeatherMap APP ID text field. To do this, click on the Get APP ID link next to the field title. You will then need to create an account on the OpenWeather website in order to obtain the API keys. Click the Sign-Up link on the webpage. Once you have signed up with a valid email, click on the API keys link on the second level menu header. Copy and paste the API key called default back on the OpenWeatherMap APP ID text field. Your widget will now be ready to display current forecasts from around the world.
Finally, we can adjust the display of the widget, to display the weather forecast how we would like. Under the aWeather widget, type in "London, UK" as we would like to show the weather forecast for London. Next click the drop-down menu titled, Units format, and choose Fahrenheit. Lastly, click the save button at the bottom of the widget. You can now view the weather widget on the footer of all your pages.
Install a Weather WordPress Plugin Now!
If you've got a business that relies on the weather, then add a stylish looking weather WordPress plugin from CodeCanyon.
The plugins available will allow you to seamlessly integrate a weather display onto your website and give you the option to customize the display so it will fit with your website's theme.
Also, there are thousands of other high-quality WordPress plugins on CodeCanyon that can help enhance your businesses website. Have a look through this large collection of plugins and you will find helpful plugins in all different types of categories from marketing, to eCommerce, to social media.
Find the perfect WordPress plugin to help your business succeed and motivate your customers.
by Kyle Sloka-Frey via Envato Tuts+ Code