Advance WP Redirect

Advanced WP Redirect is a powerful plugin which provides the functionality redirect pages, posts, custom post types and custom source URL to another location quickly (for internal or external URLs). Includes individual post/page options, redirects for custom post types, non-existant 301 Redirects, New window functionality, and rel=nofollow functionality. All 404 error pages redirect to the homepage.

Feature:

Basic Options:

In basic options, you include redirecting Meta box in custom post type through switch button Custom Post Types. If you show redirect column in post list table you can switch ON of Show Redirect Column button. If you want to hidden redirect Meta box form page, post and custom posts type mark to check and click save changes.

Master Override Options:

Master Override Options are overriding to following options.

  • Turn OFF All Redirects is turn off all redirections.
  • All 404 Error Redirects To Homepage this option redirect all 404 error to the homepage.
  • Make All Redirects Have (rel=’nofollow’) this option all source URL make nofollow.
  • Make All Redirects Have New Window this option all redirect source URL open in new tab.
  • Make All Redirects GOTO This URL this option set one target URL of redirections
  • Default Query Matching this option set default option in add new redirect.

Groups

In this feature, you divide redirects into different groups. You can add, update and delete groups. You can view all the redirects of specific groups.

URL Nofollow and New tab:

  • Make this URL No Follow this option make source URL have a nofollow link.
  • Open this URL in new Tab this option open URL in new tab.

Query Parameters Matching:

  • Exact Match matches the URL query parameters in any order.
  • Ignore Query Parameters this option ignores query parameter in the URL.
  • Ignore and Pass Query Parameter to target URL this option ignores the query parameter and attach to the target URL.

URL Match Options:

  • URL Only: If you select URL Only option target URL Input appear only.
  • URL and Login status: If you select URL and Login status option two input box appears. One for if user login then redirects to this URL and second input if user logout then redirects to this URL.
  • URL and Role: If you select URL and Role option three input box appears. One for the select user role. Second input if user role match then redirects to this URL and Third input if user unmatched then redirect to this URL.
  • URL and IP: If you select URL and IP option three input box appears. One for input IP Address. Second input if IP matches then redirect to this URL and third input if IP unmatched then redirect to this URL.

Redirect Match Options:

  • Redirect to URL: Redirect to URL with following http codes (301,302,303,304,307,308).
    301 code move permanently your source URL so 301 code use carefully.
  • Redirect to Random Post: This option redirects to a random post in your WordPress blog post with following Http codes (301,302,303,304,307,308).301 code move permanently your source URL so 301 code use carefully.
  • Pass-Through: Pass through ignore the Http code direct to redirect your target URL.
  • Error 404: This option redirect to Error 404 with http code errors with following http codes (400,401,403,404,410).
  • Do nothing: This option do nothing if source URL match current URL.

Edit and Delete Redirect:

If you want to edit and delete the redirect. Click on Highlight edit and delete icons.

Clean Up Options:

Advanced WP Redirect provides feature if you delete all redirects and all setting of redirects. Following action highlight in below Image.

WP Post Hide

Control the visibility of post type items like pages, posts and custom post type. Hidden in a specific part. But another part still visible.
Control the visibility of a post in various views:

  • The Front Page (Homepage, depending on your theme, this may not be relevant)
  • The Category Page (listing the posts belonging to a category)
  • The Tag Page (listing the posts tagged with a given tag) (pro version)
  • The Authors Page (listing the posts belonging to an author) (pro version)
  • The Archive Pages (listing the posts belonging to the period: month, week, day, etc..) (pro version)
  • The Search Results
  • Feeds (pro version)
  • Recent Post( listing the most recent post widgets) (pro version)
  • Meta rel Link(Hidden the Single post previous and next post link) (pro version)
  • Control the visibility of a page in various views
  • Hide a page on the front page (homepage) only.
  • Hide a page everywhere in the blog (hiding the page in the search results is optional).

Features

  • Post hide from the front page
  • Post hide from category page
  • Post hide from tag page (pro version)
  •  Post hide from Author page (pro version)
  • Post hide from Archive page (pro version)
  • Post hide from a search result
  •  Post hide from recent posts (pro version)
  •  The page is hidden from the front page (pro version)
  •  The page is hidden everywhere (pro version)

Material Design Lite With Angular 7

This article shows you how to build a project using angular or material lite design. In this article, we use mdl-template and build its clone using angular or material-design lite. For this purpose we need to perform the following steps:

  • install angular cli
  • serve the application
  • install material lite design
  • generate components
  • make changes to the application
  • Routing the modules
  • Deployment

For this purpose, we use an mdl template. Simply copy pastes all of its HTML pages, styling, and images in angular project. Firstly we create a page template which remains the same for each page and the template includes mdl-waterfall header or footer. Then create four components one for each page. By using router-outlet tag include these components into the template. Add images into the assets folder. Add consistent style for the whole website in the styles.css file and add private style for a specific component in the components.css file. Route the modules give them the path. See the whole changes in the browser window.

Prerequisites

Before you begin, make sure your development environment includes Node.js® and an npm package manager.

Node.js

Angular requires Node.js version 8.x or 10.x.

  • To check your version, run node -v in a terminal/console window.
  • To get Node.js, go to https://nodejs.org/en/

npm package manager

Angular, the Angular CLI, and Angular apps depend on features and functionality provided by libraries that are available as npm packages. To download and install npm packages, you must have an npm package manager.
This Quick Start uses the npm client command line interface, which is installed with Node.js by default.
To check that you have the npm client installed, run npm -v in a terminal/console window.

Install Angular CLI

In this project first, we install the Angular CLI. We use Angular CLI to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.
Install the Angular CLI globally.
To install the CLI using npm, open a terminal/console window and enter the following command:

  • Run npm install –g @angular/cli
  • Run ng to see all the available commands
  • Run ng [command name] –help for more detailed help about any command

Create a workspace and initial application

A workspace contains the files for one or more projects. A project is the set of files that comprise an app, a library, or end-to-end (e2e) tests. For this tutorial, we will create a new workspace.
To create a new workspace and initial app project we need to follow the following steps:

  • Create a workspace folder provide the name angular
  • Run the CLI command ng new and provide the name portfolio, as shown in the picture ng new portfolio
  • The ng new command prompts you for information about features to include in the initial app project. Enter yes to add angular routing
  • Chose a style-sheet format (CSS, SCSS, SASS, less, stylus). Here we chose CSS. The Angular CLI installs the necessary Angular npm packages and other dependencies. This can take a few minutes.

It also creates the following workspace and starter project files:

  • A new workspace, with a root folder named portfolio
  • An initial skeleton app project also called app (in the src subfolder)
  • An end-to-end test project (in the e2e subfolder)
  • Related configuration files

The initial app project contains a simple Welcome app, ready to run.

Serve the Application

Angular includes a server so that you can easily build and serve your app locally.

  • Go to the workspace directory cd portfolio.
  • Launch the server by using the CLI command ng serve, with the –open option.
  • You can also write it ng s –o or ng serve –option

You can see the app running in your browser. The ng serve command launches the server watches your files and rebuilds the app as you make changes to those files. The –open (or just -o) option automatically opens your browser to http://localhost:4200/.Your app greets you with a message:

Install Material Design Lite

Install material design lite using npm. Include the Material design Lite CSS and JavaScript files in each HTML page in your project.
To install the Material Design Lite using npm, open a terminal/console window and enter the following command:

Principles Of Good Web Design For 2019

This month we introduced marketers to the high-value traveler. They are frequent travelers with high expectations who aren’t consistently loyal to a brand or company.

Consumer behavior is constantly shifting thanks to an abundance of choices and access to information, and the high-value traveler poses two challenges for travel brands: earning attitudinal loyalty (how loyal a traveler feels) and winning behavioral loyalty (how loyal a traveler acts).

The No. 1 reason a high-value traveler chooses to book with a particular brand is customer service, not a loyalty program.1 In fact, customer service is considered significantly more important than rewards programs. Think of every interaction you have as a chance to provide customer service to assist travelers as they are dreaming, planning, and experiencing travel.

During our introduction of the high-value traveler, we challenged travel marketers to think beyond the loyalty program. Now, we’re sharing three ways travel brands are already working to win real loyalty with technology and digital marketing.

1. Deliver assistance from the very first touchpoint

Assistance should start from the very first sign of intent. According to the recent travel research that we conducted with Greenberg, search is the channel these travelers turn to first,2 so it’s important that travel marketers surface the right information, at the right time, across devices.

Having a comprehensive strategy can pay off with your high-value customers. Allstate organized its customers into more than 40 different groups, and used insights to inform their messaging tactics. If a high-value customer who already has auto and home insurance searched for life insurance, they might be connected to a page describing the benefits of bundling policies. This approach paid off: Allstate found that cross-selling existing customers on search and YouTube is 4X more cost effective in generating sales than trying to acquire new customers.

2. Put the traveler in control

As exciting as travel is, the process comes with a certain amount of uncertainty — will my flight be delayed or even cancelled? Will the room look anything like it did in the pictures? What if I lose my luggage or something valuable?

Not surprisingly, online reviews are the third-most important consideration for choosing a travel brand.3 In the past six months, 70% of high-value travelers researched the best time to book a flight online,4 and 66% used an online service to track a flight.5 That reveals how much travelers crave useful, assistive information and assurance.

The ability to choose your seat is one of the most fundamental parts of the airline experience, but travelers have no idea where in a hotel they’ll be sleeping. Hilton changed that, letting Hilton Honors members choose their exact room ahead of time from its app. Its app now has an over 90% retention rate.

Likewise, Delta knows how stressful it is to lose your luggage. First, they introduced RFID tags to help airlines better identify bags, then they went one step further to reassure travelers by helping them track their bags from check-in to baggage claim.

3. Enable and augment the traveler experience

Easing common travel pain points helps create much needed differentiation in the industry. It’s how your brand goes from selling travel products to actually improving the experience.

Nearly 3 in 10 high-value travelers for hotels say not speaking foreign languages prevents them from traveling more.6 Hostelworld, the No 1. booking platform for hostels worldwide, wanted to address this barrier with technology. The company integrated a translation feature into its app, allowing users to engage in fluid conversations in up to 43 languages, which turned its app into a truly assistive travel companion. The results of Hostelworld’s “Speak the World” campaign show how relevant this utility was: it saw +259% increase in app installs at a 300% lower estimated consumer price index.

“Nearly 3 in 10 high-value travelers for hotels say not speaking foreign languages prevents them from traveling more.”

Taking customer service to the next level

Customer service has always been an integral part of the travel experience and the creation of loyalty. The difference now is that travel brands have countless opportunities to provide service before, during, and after a trip — and to know what type of service will be most useful. These examples show that digital marketing and technology can help companies exceed customer expectations — and drive both attitudinal and behavioral loyalty — like never before.