tagDiv

With version 10.3 of the Newspaper Theme comes a bunch of new features and PRO demos for you to try out. One of these demos is the unique and outstanding Beauty Demo. Combining the beautiful colors of blue and pink to form stunning gradients, it certainly leaves an impact upon the viewer. What’s the story behind its creation, and what elements were taken into account throughout the entire work process? Find out more through this article.

Beauty PRO Demo: the intro

As a beauty demo, it needed to be brilliant and glamorous. How do you add glamour to it? By choosing appropriate fonts. It needed a bold font to capture the attention of its readers and a sans-serif for most of the body. The choice ended up being Righteous for most of the titles on the page, and Work Sans for the text. What else does a website need? A motive behind it.

A magazine of a sort that deals with an online shop about cosmetics, after all the keyword here is beauty. What would be the topics of interest to such a website? Skincare, Wellness, Fashion, Bodycare, and more. These were all added as categories and then began the post entitling. Catchy, attention-grabbing titles that made you want to keep clicking and reading.

Let’s not forget the photos which were supposed to be the central part of the website. It needed to be highly visual, so most of the photos were chosen to serve this purpose. Portraits mostly, and a few other subjects in between, picked carefully in regards to the theme behind the demo. This was the start, the base, the foundation upon which the Beauty PRO demo was built.

Pizzazz as the main ingredient

One of the essential aspects of designing this demo was the gradients, which were plentiful and on each page or template. Boundless pink and blue that repeated on each page to make it homogenous. Uniformity was the key.

The gradients are also present in the posts with the new Blending Modes feature. Flex Blocks and Posts Loops that give an impression of a polaroid photograph are also present. Ads also had to fit in with the website. Each template was created with the same ideas behind them. Shapes, gradients, pink & blue, polaroid-style elements, and hover letter-spacing are just a few of the characteristics each page had in common.

Installing the Beauty PRO Demo

When you update the Newspaper Theme to 10.3, you get access to this astonishing new demo. If you need more information about updating the WordPress theme, check out our helpful article on making the chance. From the Admin Dashboard, travel to Newspaper > Install Demos. Scroll down to the “Beauty PRO” demo and hover over the preview image.

You have a choice between installing the demo with all its content, and with no content. If your website already contains articles and posts, you should click on the button to change it to “Design Only.” However, if you’re just starting, you could include the content. Keep in mind that any demo content is removed upon uninstallation of it. Whichever choice, once installed, your site now has an entirely different look to it!

Adjustments & Headers

Before you logout and shut down the computer, you need to make a few changes. Go to your website’s homepage and open the tagDiv Composer. Start by clicking on the Logo element. This is the moment when you either insert your website’s Logo image or write its name in the “Logo Text” box. You can also choose an icon to go along with it. Now hit Save.

Let’s move on to the menu element and choose an already-crafted menu. To craft a menu with your site’s categories and pages, you need to navigate to the Admin Dashboard > Appearance > Menus. Give it a name, choose pages, categories, and drag-and-drop them. Change any categories you want into mega-menu ones. Save it, then go back to the homepage. Now choose the finished menu for the element.

Above the menu, you can find two text elements. Add appropriate links to pages on the website and change the text to match it. Repeat these steps for the sticky menu (which you can access through the Website Manager button), the mobile, and the sticky mobile menu. There are two Header Templates you need to be aware of: the overlay and the global one. The homepage currently has the overlay one assigned to it. Travel to a different page or template and open it through tagDiv Composer. Repeat the process. Brilliant!

Body & Footer

Open the homepage with the tagDiv Composer. Click on the “Bring your inner beauty” elements. Change each one with a short sentence that describes what your website’s all about. You could also take the time to replace the background image assigned to the row you’re editing, and adjust the Flex Block, Inline Single Image, and the two Shape Icons.

The next row contains two different Flex Blocks. To have them display a different post each, you can either choose to filter them by a different category, author, or tag, or to offset the posts by 1. To offset the posts, go to the “General” tab and input a number in the “Offset posts” box. Hit save!

The next few rows follow the same instructions and scheme. Alter texts to match your website’s message, attribute links wherever it’s necessary, offset posts to have a variation of articles the visitors can see and click on. The last part of the homepage is the footer. With the 10.3 update, you gain access to a new feature: the Footer Templates. So you can now edit them on the frontend from any page. Click on the Subscription box. Add a Mailchimp, Mailer Lite, or Feedburner code.

Now choose your menu for the List Menu element. Add social media links to the Social icons, modify the copyright text to include your website’s name and data, and you’re done! Save the settings.

Beauty PRO templates

Travel to the Tag or Date Template. Open the tagDiv Composer. Both of the Templates have an inline single image that you can change to anything else. There is also a text element that can be modified to express something else. All of your other templates use your website’s data and posts, so they change accordingly.

The 404 Template needs a link update, however. Open the template through the tagDiv Composer and click on the “Go Back” button. In the URL box, type out your website’s link. Whenever you saved the Headers and Footer, they changed globally. So, the only thing you have left to do is save the settings to the 404 Template. 

Embrace the Beauty PRO design as your own

For a total overhaul of the demo, whether it involves you changing the two primary colors that appear on the website, you would need to travel to each item and element to do so. Before you make any adjustments, you need to decide on a theme, a color palette, and fonts that work well together. Whenever the decision is made, the change can be done within a few minutes by going through the templates and pages.

Open any page or template with the tagDiv Composer and click on the row or element you want to alter. Change the necessary settings to match up with your vision: whether they are paddings, margins, gradients, or even fonts. Do this for the rest of your templates and pages, and you should be done within a few minutes. Prioritize responsiveness – click on the various devices to change the settings and make it a delight to scroll through no matter the screen size. You need to do this only if you’ve made any layout changes as the demo comes responsive itself.

Closing Notes

Whether you import the demo with its content or not, whether you decide to make alterations to the layout, you need to make a few adjustments before you make everything public. Adjust links, post offsets, and texts to fit with your website. These adjustments only take a couple of minutes, and should make your website stun the viewers. An impressive demo comes with an impressive structure and layout. If you decide that the Beauty PRO demo is the one for you, all you have to do is make sure you’ve updated to the latest version of Newspaper Theme and then install it.

What demo do you have installed on your website? Would you consider giving Beauty PRO a try? Let us know in the comment box below.

2020 is the year of new beginnings. It’s the year we launched another software into the international market. We are proud to tell you about our project, the iFlow App. It is an online timekeeping and HR software that helps you track the working hours and reports in your company. The app uses technology such as Vue.js, Bootstrap framework & PHP,  while the website is built upon the Newspaper WordPress Theme. The app and the website are interconnected; as new users must create an account right from the site to start using the app. And, since our news template is a great choice for any website, we have tailored it to design an amazing platform that combines both UI and UX best practices. 

The Beginning of the iFlow.ro

As a team of web developers and web designers, we are excited to share our Newspaper theme experience in creating a brand new website to feature different software. Well, we all know that Newspaper is an excellent way to build a site, including a product presentation. We focused all our efforts on the app development and created a simple, yet functional website. Let’s take a closer look at how the website was made and how we used your favorite theme to create a product presentation.

Homepage from Top to Bottom

Every new start is challenging. We are an experienced team, highly WordPress skilled, and yet, we’ve stumbled while redesigning to increase time on page and visitors engagement. All of it started with our desire to create a more welcoming environment for our audience and clients. Just as you do, we wanted a stunningly beautiful, easy to navigate site and, of course, more time to focus our attention on the product, not on the website.

We had to come up with some brilliant ideas to design and optimize everything. And when all was set in place, we began the journey into making the iFlow website into what it is today. For us, iFlow is a celebration of graphics and vivid colors that speaks out in the creative language. 

To communicate directly to the audience, we’ve redesigned the homepage using illustrations (SVG images). In chromatic terms, we chose white and soft blue shades as primary colors. Furthermore, to highlight the most important aspects of the website, we’ve used shadows around some elements.

In terms of speed, the iFlow website is fast and loads pages quickly. We’ve tested it with several online tools, specifically for this article, and, for example, iFlow has a 94 performance score based on Google Pagespeed Insights.

Header

So, let’s begin with the first thing you see when landing on a new website: the header section. Before all else, it’s necessary to mention that the website was released in 2018 in Romania, a European country. The website’s primary language is Romanian, but recently we launched it for the international market as well. iFlow uses a simple and clean menu that facilitates navigation without cluttering the page. Currently, there are four items linked on the menu, the country flag and search icons. On the upper right side, you’ll see two buttons that help you enter the app’s account or create a brand new one. This is the bridge between the site and the app. 

The iFlow site is translated in English for 8 more countries that use it as a primary language, such as Australia, Canada, Great Britain, Ireland, Jamaica, New Zealand, and South Africa. To make the translation functionality, the developers have used the WPML plugin. There’s a country flag icon placed on the menu that displays the other available website’s versions in an elegant dropdown. 

Website’s Welcome Area

Below the logo, there’s a custom video that loops and shows you the three main features of the iFlow app as a presentation.

Content

The next part of the website includes a combination of SVG images, rounded buttons with gradients, titles, and descriptions that show the main benefits of the app. There’s also a typography mix consisting of Montserrat, Open Sans, and Verdana Geneva fonts. Every feature is customized with the frontend, tagDiv Composer page builder, and some of the used elements are the column title, inline text, buttons, and single images. 

Every app benefit is placed within its own row and framed by white space to gain more exposure. It’s important to have a proportion of negative space in your designs if you want to give your site a minimal and modern touch. With plenty of white space, your visitors can scan the page easily to understand your message and find what they are looking for. 

Blogging

Before the footer area, there’s a nice section where you can preview the latest blog articles, and you can easily navigate to the one that catches your attention. You can also replicate this by simply selecting the Flex Block 1 from the tagDiv Composer and drag it into the designated area. You go to Style > Blend Modes, and you choose a color/gradient and the effect from the dropdown menu. 

The Footer Section

The footer consists of a row divided into four columns. The first column shows the website’s description and the other three essential links you can quickly navigate through. 

Curious about iFlow as an HR software? 

So, what is the iFlow project? If you haven’t seen the website yet, iFlow is a timekeeping and HR app that helps companies digitalize the Human Resources efforts. After helping companies and bloggers around the world to create a great presence online, the iFlow comes to help them save time and focus on their projects instead of spending amounts of time on creating endless sheets tracking the employees worked time.

Besides having an accessible price, iFlow has more advantages you should know about. Let’s highlight below the most important benefits this app could bring in your company:

• Helps business owners and their staff to stay productive
• It’s an employee self-service app
• Anyone can Check-in/Check-out of work from any device
• It’s a real-time software
• Automatically calculates overtime and leave hours
• Live chat assistance in the app
• Integrated with the Payroll software

Conclusions

We’ve built dozens of demo websites for our customers over the last five years. Creating the iFlow App site was different because we needed it to work seamlessly in real, competitive conditions, rank on search engines, keep the visitors engaged, convert users; exactly what you expect, and desire from your website. Creating a website from scratch with Newspaper to brand the new iFlow software was a truly one-on-one experience with the best theme on the market. We had to share the news with you in this case study. 

The reasons behind choosing the Newspaper theme to build the iFlow website are beyond the fact it’s our item, and we’re proud of it. The WordPress template has everything we needed to design a product presentation site: frontend customization, drag and drop functionality, responsive tools, and so on. If you also have a product and designed a Newspaper website for it, show us below in the comments.

Whoa! Today is the day we hit 90,000 sales on ThemeForest! We’ve dreamed of reaching this milestone since the release of the Newspaper WordPress theme back in 2013. We are enthusiastic about sharing this important achievement with you. We are celebrating this amazing moment by showing our gratitude to you. Thank you all for your support, feedback, and help to keep improving and maintaining our theme up to date. Let’s take a look back and remember how the Newspaper Theme came to be.

Newspaper theme is the Art of Publishing

One day, two friends thought about creating a business that combines both their passions: design and software development. So, what did they come up with? A dream of having a web development company. And the first step was getting a  WordPress theme listed on ThemeForest. As impossible as it seemed at the beginning, the passion made them stronger and more determined than ever. They had many attempts to get a WordPress template listed on ThemeForest. They struck gold one day with the Newspaper Theme. It quickly became known and loved worldwide. This simple theme has been the foundation of our dreams and our futures. The very two who had first embarked on this ThemeForest journey alone grew and became the very leaders of their own company. As a source of inspiration for everyone, Newspaper WordPress theme conquered boundaries in the online environment and became the number one selling news theme in the website industry.

Rank does not confer privilege or give power. It imposes responsibility

Peter Drucker, author

We build and develop our themes (Newspaper & Newsmag) in a small town in Romania, in Alba county, in our only headquarters. A place where magic happens. Here, at tagDiv, it’s all about our supportive community. We help one another strive and become better. We are more than just coworkers, we’re friends who build memories together. We know that in the IT industry, to perform, you have to improve yourself constantly. And what better way to do this than with understanding and encouraging colleagues, a family whom you trust with your very being? When working side by side, the team evolves.  

How is it to be Number One in Sales? 

We’ve come a long way, and we owe it all to you. Newspaper is the leading WordPress theme in the news category. It rose up pretty fast because the news industry really needed a product like this.

Being the number one news theme in the world is challenging. The Canadian writer Robin Sharma says that “Small daily improvements over time lead to stunning results,” and I couldn’t agree more. Every added feature is a small step we take to make Newspaper Theme faster and more performant. Moreover, each new demo design shows you the stunning looks Newspaper Theme can have on your website. 

In other words, Newspaper WordPress theme combines: 

1. Functionality
2. Customizability
3. Intuitive
4. Flexibility
5. Professionalism

Newspaper Theme overview, with main changes

It took us a few years to create this amazing Newspaper theme solution that fits any website and fulfills any dream. Let’s take a quick view together to the main updates of the theme, and the most awaited features, such as:

Newspaper 7:  built-in structure dedicated to small screen users creating an immersive experience for your mobile users.

Newspaper 8: we launched the first version of the tagDiv Composer, the one-of-a-kind page builder for the frontend.

Newspaper 8.5: Landing page elements to help you create an online business without web design skills and large budgets.  

Newspaper 9: tagDiv Cloud Library is a massive collection of pre-made design templates for your articles and pages. 

Newspaper 9.5: introducing the Header Builder and the Infinite Loading feature that helps you keep the audience stay longer on your website.

Newspaper 9.8: the theme now has lightweight PRO Demo designs, ready at one click away.

Newspaper 10: Enjoy speed! We’ve made the theme lighter and faster, and designed a new interface for the tagDiv Composer.

Newspaper 10.3: introducing the Footer Builder within the Website Manager, for live editing.

For the full list of additions and fixes, please take a look at the Newspaper Changelog here. 

You Challenged Us to Do Better

You, our customers, are the real heroes. With your help, we’ve improved the Newspaper theme. You’ve challenged us to set our goals, and we accomplished this together. We appreciate the love and given trust coming from you. Stay tuned for new feature releases that will continue to make your website stand out from the crowd, and you, a happy website owner! Thank you for using the Newspaper, the best news WordPress theme we have ever built! We’re so delighted to discover our theme behind your amazing sites, so please feel free to Showcase Your Website and let everybody see it! Thank you all for the given support and confidence you gave us in the last (almost) 7 wonderful years. Why do you think Newspaper is the best choice for your website? Tell us below in the comment sections. Love, tagDiv.

This time, the magic number is 10. Yes! We’re releasing 10 more PRO demo designs for you to enjoy. As a quick reminder, a PRO Newspaper Demo is an entirely developed website, made from ground-up by using tagDiv Cloud Library Templates and the tagDiv Composer page builder. PRO demos are lighter, and your site pages load faster. Starting with the Newspaper 9.8 theme version, we’ve presented you the new and improved demos, labeled as PRO. Now, in Newspaper Theme 10.3 we’re taking this a step further with 10 outstanding full website designs.

All the demos are created by our skilled web designers and represent a fresh source of inspiration. With balanced elements, clean layouts, and vivid colors, a PRO demo shows your content’s quality, outlined by impressive aesthetics. Let’s take a tour of the new PRO demos that you’ll find in your Newspaper theme.

Gadgets PRO

Break the gadgets’ and tech websites’ monotony with a new, stunning appearance! The Gadgets Pro demo displays the latest news on technology in a modern, minimal look. The demo comes with a stylish mega menu, bold typography in titles and elegant shadows that break the negative space to highlight content. The overall feeling of this demo design is vivid and dynamic.

The Critic

Recreate the immersive experience of reading your favorite book on your review blog! The Critic PRO Demo challenges your visitors’ imagination combining warm with cold touches and borders to create breaks in the design. Give them reasons to come back with wide content on articles merged with impressive visuals for a mind-blowing, surprisingly addictive effect!

Gossip PRO & Pulses PRO

In the month of love, let’s explore colors that evoke emotions! The pink Gossip Demo turns red. The Gossip PRO Demo makes it easy for you to break through the noise and reach the heart of your audience. With a modern, sensational, fashion & lifestyle vibe, it’s easy to create a website that stands out from the crowd. The Pulses PRO Demo, created for the heavy-loaded content websites, challenges your audience’s attention with an elegant contrast between the dark purple accent color with light grays & intense yellow. With cool, overlay block titles for categories and asymmetrical three-column design, everything you need, it’s right here, into your theme. Inspired? Start today!

Black PRO

Are you ready to join the websites on the dark side? Discover the elegant black version of Newspaper Theme with orange hues. With all the features you love, the Black PRO Demo is ready to make your website unforgettable. The black, negative space combined with white typography, clean menus, and hues from images creates a modern, spectacular design. Take a look!

Beauty PRO

Is it the right time to give your website a facelift? Definitely! The Beauty Pro Demo introduces a unique concept in the Newspaper Theme. Stronger than ever visuals, gradients that stun, hover letter-spacing on category names, blending modes, polaroid style on Flex blocks, meta info on hover. These are just a few reasons for you to check out the new Beauty Pro Demo!

Classic Blog PRO & Sports PRO

Are you dreaming of a beautiful and engaging design for your blog? We’ve giving you two professional demos to inspire you. The first one goes back to basics with black and white. Classic Blog PRO is perfect for any blog you have in mind, including family or personal blog.  Sports PRO is designed to highlight and emphasize your content using large white spaces with touches of bright red color. Try the demos that bring wide images, bold titles, rounded author images, date, and stylish typography, while keeping things simple.

Gourmet PRO

Whether you’re a chef or a foodie blogger, a website is the perfect place to share your passions. So, we’ve created a fresh recipe for a gourmet blog that promotes specialties using highly appealing visuals. With the delicate green accent color, a spectacular header, and the elegant combination between sans serif & serif fonts, the Gourmet PRO is the right design.

Style News PRO

In a full genderless trend, can a website have a gender? The Style PRO Demo is a minimalistic, monochromatic website that skillfully combines large white spaces with dark ones. It balances the black & white typography with grayscale design. The result? You should check out this awe-inspiring, powerful, moody, and almost masculine design!

The magic at your fingers

You have 10 extraordinary new demos to inspire you. However, they can do much more than that. Install the one that makes your heart jump and change the overall design of your website in minutes. Whether you’re a beginner, or an advanced user, with the Newspaper theme demos, your site will get all the attention and the appreciation of your audience.

Even more, if you feel like diving into details, you can tweak every aspect of your website. In a few words, the new PRO demos are a great start! Try the spectacular layouts, exquisite typography in a perfect balance to give you the results you are aiming for. The full PRO demo websites have the ideal UX and UI balance. Which one is your favorite PRO demo ❤? Let us know in the comment section below.

Let’s kick off the year with a new series of helpful articles for you and your website. For today, we’ll be talking about the importance of “headlines” in the online environment. We’ll also share some neat tips and tricks to improve your headlines and draw attention to your content.

Use Headlines to Unlock Your Stories

Congratulations! You are a publisher in a time of impossible short attention span. And your job is not getting any easier. Before publishing something on a website, you need to have a strategy, a plan for writing, editing, promoting, optimizing, and growing your audience. Writing a headline that reflects the whole text is the key to success. Your readers don’t want to be misled. They really appreciate a true approach.

You have to catch their attention in a few seconds. Otherwise, they’ll leave your website without even scanning for an interesting post. So, first, you should do your reader’s profile and know its interests. The best way to hook them is by publishing appealing headlines they relate to, which consist of call to action (CTA) words they cannot resist. This happens because usually, people are reading content that they identify with or that’s very useful to them. If they love what they see, they’ll stay longer than a couple of seconds.

What to Use in Your Headlines?

Earlier, we mentioned about CTAs. They consist of verbs and action words that compels your audience to do something immediately. Maybe you’re wondering why we gave this example since CTAs are used on buttons, mainly to encourage sales.

However, it’s the same with headlines, as you want the reader to take action and read your article further. A powerful title should deliver a story in a maximum of 100 characters. The ideal length is somewhere around 60. Also, by using numbers, superlative words, or quotations, you’re one step ahead to be more competitive as a website.

Creative Numbers

Usually, you’ll see headlines like “10 tips to learn something”. Have you ever tried to use 5 or 7 instead of 10? Give it a try and see what happens :). You can use numbers to publish a headline based on a list, how-to, question, and even for a resource article.

Examples:
How to Design Faster with the new Typography Presets
Why is Search Engine Optimization Vital for your WordPress website?
Newspaper Theme Case Study: 28 amazing websites, a single theme

Words, but not random

Just like numbers, some words have an emotional impact and may determine ourselves to react. As parts of speech, there are adverbs that “express manner, place, time, frequency, degree, level of certainty, etc., answering questions such as how?, in what way?, when?, where?” If you want to show manners in your headline, you will probably use words like slow, slowly, bad, badly, warm, warmly, sad, sadly, and so on. According to the Ginger website, an adverb of place will provide “context for direction, distance, and position: southeast, everywhere, up, left, close by, back, inside, around.” Check out the entire article to discover the explanations and full list of adverb examples.

Example:
Best Newsletter Practices You Need to Use in 2019

Besides adverbs, dare to use adjectives in your headlines. Despite adverbs that are used to change verbs (adjectives, clauses, or prepositions), adjectives are changing the details provided by the noun. There are multiple adjective types, including those of comparison, order – OSASCOMP (opinion, size, age, shape, color, origin, material, purpose), restrictiveness, and others too.

Example:
Which WP Host is Faster: Kinsta Hosting Review

The Right Fit between Content and Readers

Technology is the one that can help if you’re not so experienced in writing headlines or if you’re having trouble. There are many premium tools that can help you decide between titles, and the Blogging Wizard has summarized the best of them here. Of course, you can call this one the headline testing because you formulate various titles on the same subject. Furthermore, you can also test your titles using a newsletter software, to see how an audience division responds, and optimize them further. These methods to find the perfect headline will help you decide on the best ways to engage visitors read your articles or pieces of content. Don’t forget to match headlines with your story. For example, if you’re giving something as a giveaway, you should mention it in the title Free logo samples for starting web designers. This will definitely catch your readers’ eyes. Also, you might use comparison to drag attention. According to Quick Sprout’s article on headline tips, “curiosity sells”. And I couldn’t agree more :). The more interesting the topic is, the more curious it makes the reader.

A Headline is Your Article’s Mirror

The online environment has tons of information on headlines and content hacks. Not all of them are useful, and you’ll need to double-check. One of the most significant examples ever is Neil Patel, which keeps on to amaze with outstanding content marketing articles, including this one about headlines. The thing with headlines is that if you use a strong and catchy headline, your story should reflect the title. You all want a returning visitor on your website, right? The title length and valuable content really matter as they go beyond a website’s visible page. They can affect your site search ranking and even the conversion rate. Based on our research, the headlines of your articles should be emotional, engaging, genuine, and reflect reality. If you want to test them, you can use a handy tool called the Headline Analyzer. How does your best headline look like? Show us below, in comments :).