add_editor_style() does not seem to be implemented properly.

While developing WordPress theme you see the message:

RECOMMENDED: add_editor_style() does not seem to be implemented properly.

The reason is your themes style.css load ONLY ON front end.
So, While writing article end user not have an idea how it looks on front end.


# Why editor style is recommended?

The reason is end user does not

The reason of editor style is to Show the post design / look in post editor window!


# How it editor style works?

Check below example to know how editor style works.

E.g. If your single post design is look like below screenshot:

frontend


With editor style support:

with-editor-style

Without editor style support:

without-editor-style


# Add editor style support?

/**
 * Added Editor Style
 */
function _theme_slug_setup() {
     add_editor_style( 'editor-style.css' );
}
add_action( 'after_setup_theme', '_theme_slug_setup' );

# Add RTL Support for Editor Style

For editor style RTL support! Save the file with FILE_NAME-rtl.css

E.g. editor-style.css then editor-style-rtl.css
E.g. assets/inc/editor-style.css then assets/inc/editor-style-rtl.css

Advertisements

WordPress 4.7 Introduces Twenty Seventeen Default Theme and WP REST API Content Endpoints — WordPress Tavern

https://videopress.com/embed/AHz0Ca46?hd=0

photo credit: Wikimedia CommonsWordPress 4.7 “Vaughan” was released today, named in honor of American jazz vocalist Sarah “Sassy” Vaughan. This release makes significant improvements to the new theme setup experience, inspiring the tagline: “Your site, your way.” Twenty Seventeen is making its debut in 4.7 as the first default theme designed for business websites. It…

via WordPress 4.7 Introduces Twenty Seventeen Default Theme and WP REST API Content Endpoints — WordPress Tavern

Streamline your web font requests. Introducing “text=”

Google Fonts provides the attribute text= for

Optimizing your font requests (Beta)
Helps, If you google fonts for particular texts then use it. In some cases, this can reduce the size of the font file by up to 90%.

Visit: https://developers.google.com/fonts/docs/getting_started?hl=en

How to Use?

Checkout below example. Here, Google Fonts apply only for text “LOGO”.

  1. Your Google Font with requested font text e.g. http://fonts.googleapis.com/css?family=Special+Elite&text=LOGO

Here, Added text=LOGO. So, Google Font apply only for the text ‘LOGO’.

NOTE: Here, It apply for UPPER CASE letters. If we use text-transform: uppercase;.
Then it apply for that text too.

[codepen_embed height=”268″ theme_id=”0″ slug_hash=”Wrojpa” default_tab=”result” user=”maheshwaghmare”]See the Pen <a href=’http://codepen.io/maheshwaghmare/pen/Wrojpa/’>Wrojpa</a&gt; by Mahesh Waghmare (<a href=’http://codepen.io/maheshwaghmare’&gt;@maheshwaghmare</a>) on <a href=’http://codepen.io’>CodePen</a&gt;.[/codepen_embed]

Importing WooCommerce Dummy Data – ( XML )

As of version 1.5.3, the plugin comes bundled with dummy data that can be imported to instantly give you a working store with products to test different WooCommerce features.

Below is the list of all (XML) files for download.

Version 2.4.6 – DOWNLOAD

Version 2.4.5 – DOWNLOAD

Version 2.4.4 – DOWNLOAD

Version 2.4.3 – DOWNLOAD

Version 2.4.2 – DOWNLOAD

Version 2.4.1 – DOWNLOAD

Version 2.4.0 – DOWNLOAD

Version 2.3.13 – DOWNLOAD

Version 2.3.12 – DOWNLOAD

Version 2.3.11 – DOWNLOAD

Version 2.3.10 – DOWNLOAD

Version 2.3.9 – DOWNLOAD

Version 2.3.8 – DOWNLOAD

Version 2.3.7 – DOWNLOAD

Version 2.3.6 – DOWNLOAD

Version 2.3.5 – DOWNLOAD

Version 2.3.4 – DOWNLOAD

Version 2.3.3 – DOWNLOAD

Version 2.3.2 – DOWNLOAD

Version 2.3.1 – DOWNLOAD

Version 2.3.0 – DOWNLOAD

Version 2.2.11 – DOWNLOAD

Version 2.2.10 – DOWNLOAD

Version 2.2.9 – DOWNLOAD

Version 2.2.8 – DOWNLOAD

Version 2.2.7 – DOWNLOAD

Version 2.2.6 – DOWNLOAD

Version 2.2.5 – DOWNLOAD

Version 2.2.4 – DOWNLOAD

Version 2.2.3 – DOWNLOAD

Version 2.2.2 – DOWNLOAD

Version 2.2.1 – DOWNLOAD

Version 2.2.0 – DOWNLOAD

Version 2.1.12 – DOWNLOAD

Version 2.1.11 – DOWNLOAD

Version 2.1.10 – DOWNLOAD

Version 2.1.9 – DOWNLOAD

Version 2.1.8 – DOWNLOAD

Version 2.1.7 – DOWNLOAD

Version 2.1.6 – DOWNLOAD

Version 2.1.5 – DOWNLOAD

Version 2.1.4 – DOWNLOAD

Version 2.1.3 – DOWNLOAD

Version 2.1.2 – DOWNLOAD

Version 2.1.1 – DOWNLOAD

Version 2.1.0 – DOWNLOAD

Version 2.0.20 – DOWNLOAD

Version 1.6.6 – DOWNLOAD

After download goto Importing WooCommerce Dummy Data.

Since 9/11

Jen Mylo, On Hiatus

On September 11, 2001, I was living in Vermont without a tv, and was splitting my morning between working on a website I was building as a freelancer and working on a shooting schedule for an independent film I was getting ready to produce. I got a call from Melissa, a costume designer that I had become friends with and who was working on the film planning with me, and she told me that a plane had flown into the World Trade Center. I was pretty sure she’d gotten it wrong — she had a tendency toward confusion — but a google search later I was heading to her house to watch.

19 hijackers killed 2,977 people. That number includes 343 fire fighters and 72 law enforcement officers.

We (and at this point it becomes a very loose “we” as I did not support the decision or wave a flag at…

View original post 929 more words

For webpages using jQuery, will the Googlebot index them on “page load” or after the “page ready” state?

Will the Googlebot index a web page on “page load” or after the “page ready” state. The reason I’m asking is because I’m trying to change my h1 and h2 tags using jQuery on page Load?

Is this possible?