Ars Technica received notification via email earlier this week that Instagram does not extend its copyright license to cover content that is embedded on external websites via the Instagram API. This statement comes in light of an ongoing legal battle related to third-party use of the social plat
Why Does WordPress Sites Require Regular Database Optimization?
#include <iostream> #include <string> #include <iomanip> using namespace st
A.Employee and ProductionWorker Classes
Design a class named Employee. The class should keep the following information in
Employee name
Employee number
Hire date
Write one or more constructors and the appropriate set and get functions for the class.
Next, write a class named ProductionWorker that is derived from the Employee class. The ProductionWorker class should have member variables to hold the following information:
Shift (an integer)
Hourly pay rate (a double)
The workday is divided into two shifts: day and night. The shift variable will hold an integer value representing the shift that the employee works. The day shift is shift 1, and the night shift is shift 2. Write one or more constructors and the appropriate set and get functions for the class. Demonstrate the classes by writing a program that uses a ProductionWorker object.
Understand why CSS has no effect with the Inactive CSS rules indicator in Firefox DevTools
It’s useful when DevTools tells you that a declaration is invalid. For example, colr: red;
isn’t valid because colr
isn’t a valid property. Likewise color: rd;
isn’t valid because rd
isn’t a valid value. For the most part, a browser’s DevTools shows the declaration as crossed out with a warning () icon. It would be nice if they went a step further to tell you which thing was wrong (or both) and suggest likely fixes, but hey, I don’t wanna look a gift horse in the mouth.
Firefox is starting to go a step further in telling you when certain declarations aren’t valid, not because of a syntax error, but because they don’t meet other qualifications. For example, I tossed a grid-column-gap: 1rem
on a random <p>
and I was told this in a little popup:
grid-column-gap
has no effect on this element since it’s not a flex container, a grid container, or a multi-column container.Try adding either
display:grid
,display:flex
, orcolumns:2
. Learn more
Well that’s awful handy.
Elijah Manor has a blog post and video digging into this a bit.
Direct Link to Article — Permalink
The post Understand why CSS has no effect with the Inactive CSS rules indicator in Firefox DevTools appeared first on CSS-Tricks.
#271: Sending Email
Show Description
Dee and Marie talk about changes being made behind the tech we use to send out emails at CodePen. What’s the difference between transactional and non-transactional emails? When to bring an outside service vs building it yourself? And how are we sending emails so quickly now?
Time Jumps
- 00:45 Transactional vs non-transactional email
- 09:44 Bringing in outside services vs internal
- 18:04 Sponsor: An Event Apart
- 19:36 Very Important Emails get sent
- 21:24 How can we send email so quickly now?
- 29:12 Improved open rates
Sponsor: An Event Apart 18:04
To design a better web experience, attend a better-designed web conference. An Event Apart is three days of design, code, and content taught by absolute masters—the people who shape our medium. Join us and set yourself Apart.
Show Links
CodePen Links
The post #271: Sending Email appeared first on CodePen Blog.
Google Announces June Updates to the Display & Video 360 API
The Display & Video 360 API, which was first announced back in March, has seen a steady flow of updates over the past several months. Google has added to those improvements with a series of new features being added to the platform.
700+ Free PSD Templates for Download
How to Fix Facebook Incorrect Thumbnail Issue in WordPress
Have you noticed an incorrect post thumbnail when you share your articles on Facebook?
It’s a common error that beginners often complain about because knowing how to make the right thumbnail show up is not always clear.
In this article, we will show you how to fix the Facebook incorrect thumbnail issue in WordPress.
Why Facebook is Not Picking up The Thumbnail Image
There are many reasons why Facebook might not correctly display the feature image on your post.
One of the most common reasons is having multiple images set in the og:Image tag where your featured image is smaller than the other images.
Facebook uses Open Graph (og) tags, and many WordPress plugins like All in One SEO and Yoast SEO automatically adds them to your site to prevent the missing thumbnail issue.
Among other causes are caching plugins, CDN conflicts, or a missing open graph meta tag for the thumbnail image.
It’s really hard to guess what’s causing the issue because there are no specific error messages displayed when using the debugging tool.
That being said, let’s take a look at some ways to fix the incorrect Facebook thumbnail issue.
Choose Your Facebook Thumbnail with All in One SEO
One way to show the thumbnail you want is to use the All in One SEO. plugin. It is the best WordPress SEO plugin on the market and allows you to easily optimize your content for search engines and social media websites.
First, you need to install and activate All in One SEO. Here’s our full guide on how to install a WordPress plugin.
Next, you’ll need to enable the ability to add Facebook thumbnail images to each post.
Simply go to All in One SEO » Feature Manager and click the ‘Activate’ button in the ‘Social Meta’ box.
After you do this, you’ll now have a new feature unlocked at the bottom of your post editor. Scroll to the bottom, and you’ll see the ‘Social Settings’ tab.
You need to click on that and upload any image you want to display as your Facebook thumbnail.
Once you add your Facebook thumbnail image there, save your post, and this will fix the issue in most cases.
Here’s what our post looks like:
Pro tip: If this doesn’t work, then make sure you have cleared your WordPress cache and refreshed the post in Facebook debug tool mentioned below in the article.
Choose Your Facebook Thumbnail with Yoast SEO Plugin
The Yoast SEO Plugin also comes with the ability to add a custom Facebook thumbnail to each individual post or page.
Simply install the Yoast SEO Plugin. After you’ve installed and activated, it’s time to set up a Facebook thumbnail into whatever post you want.
When writing a post, scroll down to the Yoast SEO meta box below the post editor and then click on the social tab. There you will see a button to upload a thumbnail image for Facebook.
Here’s what the Facebook thumbnail looks like for our how to start a blog article:
Using Facebook Debug Tool to Clear the Cache
If you have added the right thumbnail, and Facebook is still not showing the right thumbnail, then the issue is related to caching.
First you need to make sure that you clear page cache in WordPress.
After that, you need to reset the cache in Facebook using their debug tool.
The Facebook debug tool is the easiest way to troubleshoot Facebook thumbnail issues.
Simply copy the URL of your WordPress post and paste it in the debugger tool.
After that click on the Scrape Again button, and Facebook will update the thumbnail for your post. Sometimes, you may have to click the Scrape Again button twice.
We hope this article helped you resolve the Facebook incorrect/no thumbnail issue in WordPress. You may also want to see our guide on how to add social share buttons in WordPress and how to increase your blog traffic.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
The post How to Fix Facebook Incorrect Thumbnail Issue in WordPress appeared first on WPBeginner.
25 Amazing and Dark Photo Manipulations by Morbidia Morthel
Adding CSS to a Page via HTTP Headers
Only Firefox supports it, but if you return a request with a header like this:
Header add Link "<style.css>;rel=stylesheet;media=all"
…that will link to that stylesheet without you having to do it in the HTML. Louis Lazaris digs into it:
[…] the only thing I can think of that could justify use for this in production is as a way to include some Firefox-only CSS, which Eric Meyer mentions as a possibility in an old post on this subject. But it’s not guaranteed to always only work in Firefox, so that’s still a problem.
Do with this what you like, but it’s extremely unlikely that this will have any use in a real project.
I appreciate some classic CSS trickery.
Direct Link to Article — Permalink
The post Adding CSS to a Page via HTTP Headers appeared first on CSS-Tricks.
40 Mind Blowing Surreal Photo Manipulations
40 Epic Digital Paintings
How to Use Elementor to Build Websites Remotely
In these times of economic uncertainty and social distancing, businesses are looking to develop their own online presences now more than ever. If you’re looking to get your business online, or if you’re a freelancer who’s building websites for businesses who want to get online, Elementor can help you efficiently build a website remotely that’s […]
The post How to Use Elementor to Build Websites Remotely appeared first on WPExplorer.
Automattic Launches Malware and Vulnerability Scanning Service for Jetpack
On Tuesday, Automattic launched Jetpack Scan, an automated malware and vulnerability scanning service. It is a premium service offered to sites connected to a WordPress.com account and the third major add-on launched on top of the plugin in recent months.
Jetpack Scan is available for $7 per month or $70 for an annual subscription. Both options are 30% off the regular price of $10 and $100, respectively. Currently, the feature runs daily scans for security threats. However, the plan is to add a real-time scanning option, presumably at a higher price point.
“It’s like having a security guard monitoring your site,” said Paolo Belcastro, Head of Product for Jetpack. “You can rest easy knowing that someone’s watching out for you 24/7. And if we find any threats, you’ll receive an instant email alert so you can fix it right away and get back to running your business. We can even repair the majority of security threats for you with just one click.”
The service comes on the heels of two other big Jetpack launches in the last couple of months. In April, the Jetpack team re-launched Jetpack Search as a standalone service. The team then opened the Jetpack Backup service in May, which was the first step in selling what is essentially a two-part security solution for site owners — backups and security scanning go hand in hand. The backup service is $30 per year for daily backups and $200 per year for real-time backups. For a complete security solution, end-users will probably combine the Jetpack Scan service with Jetpack Backup, which will run at a minimum of $100 every year. These numbers are based on introductory rates, which are expected to increase in the future.
Backup and security scanning services are major moves. Jetpack is likely to gobble up a huge slice of the security pie in the coming months and years, which is a sector that is currently represented by several other big businesses in the industry. With over five million self-installed WordPress users and millions more at WordPress.com, it will be an easy choice for many to opt into Jetpack’s solution rather than look elsewhere.
Jetpack Scan Features and Interface
Jetpack Scan automatically scans connected websites each day. Once a user sets up the feature, they no longer need to perform any actions for routine security maintenance. The feature offloads the actual scanning to Automattic’s servers instead of running checks directly on the user’s site. This also has the benefit of making scan results accessible even if the user’s site is down for some reason.
If the scanning system finds an issue, it sends an email directly to the user. The system comes with a one-click fix feature. “Just press a button and Jetpack will fix the majority of known malware problems so you can get your site back up and running,” wrote Rob Pugh, Director of Product Marketing at Automattic, in the announcement post.
Jetpack Scan also integrates with the Jetpack Backup service, which will allow end-users to completely restore their site to a previous point in time in the case of site hacks.
For new Scan and Backup customers, they will be able to enjoy a new all-in-one interface on the Jetpack website. The team will bring the upgraded experience to existing customers soon.
“Even the best security tools can become useless if they require advanced skills to configure complicated settings,” said Filipe Varela, of Jetpack Design. “That’s why it was so important for us to build an accessible and streamlined service. We’re proud to announce a fresh, dedicated interface for Jetpack Scan on Jetpack.com. It will be the central hub for managing all your Jetpack Security products. You can scan your website, check the results, respond to issues, and, when combined with Jetpack Backup, quickly restore your site to working order all in one place.”