Story: Learning process

Developing 1 website is not difficult. I developed 20 to 30 website and it was okay when I launched. When I update websites, a client (or situation) required a new function. Each time I have to search for what plugin is the best. Then, I repeated try and error. It’s not always I could get the same result as well as YouTube. I may use a different theme, version, conflict plugin.

These are records of my struggle. Even so, I was satisfied when I overcame it. 

Problem: Face the challenge during developing a website consistently
Goal: Don’t repeat the same mistake, improve productivity

Update font file

Open Bookmarks Co. Blog WordPress Font Error
Open Bookmarks Co. Blog WordPress Font Error

When I install the font file, I got the error, “Sorry, This File Type Is Not Permitted for Security Reasons”. I could not find a setting on the WordPress backend. I tested the plugin, but it didn’t work. I wrote the code below on wp-config.php.

define(‘ALLOW_UNFILTERED_UPLOADS’, true);
* may need to type, if copy and paste did not work.

I could update the font file, but the backend window does not display the font properly. On the website, it works.

*If you work dummy domain or different directory, you may need to reinstall.

elegant: How to Fix the “Sorry, This File Type Is Not Permitted for Security Reasons” Error in WordPress

SSL error

Open Bookmarks Co. Blog Plugin WordPress
Open Bookmarks Co. Blog Plugin WordPress

@Darrel Wilson

©WordPress Tutorials – WPLearningLab

I can say right now that I have to transfer or point the real domain before I apply SSL.

Open Bookmarks Co. Blog Plugin WordPress

HTTP Redirect

Open Bookmarks Co. Blog Plugin WordPress
Open Bookmarks Co. Blog Plugin WordPress

©Hostaccent: How to redirect cpanel SSL, Website URL http to https

A client says a website has an error. I checked the link. It showed HTTP. Hosting support wrote the code below.

I have added https redirect code in your website htaccess file:
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

I checked the domain, HTTP. It worked, but I got an error when the computer uses http://www.domain. I asked it to support. Support said,
“Right only domain DNS A record is pointed to 162.241.226.127 Bluehost IP address. However www record is not pointed to Bluehost IP. Hence, you need to add this cname record for your domain so that both domain and www record should point to the same IP address.”

I did not face this issue until September 16, 2021. What should I do on the website which I developed?

PATHFINDER SEO: How (and Why) to Redirect HTTP to HTTPS for WordPress

Google reCaptcha

Open Bookmarks Co. Blog Plugin WordPress
Open Bookmarks Co. Blog Plugin WordPress

Sitemap

©Google Webmasters: Learn about sitemaps

The sitemap does not influence the web design itself. If sitemap contributes SEO, I have to know it.

©Dani Krossing

I don’t think the user use a sitemap, but I need to make the website Google friendly.

Yoast SEO: What is an XML sitemap and why should you have one?
XML Sitemaps Generator: Create your Google Sitemap Online

Search Engine Visibility

©WPBeginner – WordPress Tutorials: How to Stop Search Engines from Crawling a WordPress Site

WordPress Dashboard > Settings > Reading > ☐ Discourage search engines from indexing this site

The checkbox must be off. Google robot cannot find the website and Google search does not show the website.

Signup form

Open Bookmarks Co. Blog Issue
Open Bookmarks Co. Blog Issue

©Mailchimp

Building a mailing list is very common. You can generate HTML at Mailchimp, but you need to know HTML if you want to customize it.

<!– Begin Mailchimp Signup Form –>
***<link href=”//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css” rel=”stylesheet” type=”text/css”>
<style type=”text/css”>
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id=”mc_embed_signup”>
<form action=”https://openbookmarks.us5.list-manage.com/subscribe/post?u=0bb9595fe321a651fbd53ddca&amp;id=7a14e18051″ method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<div id=”mc_embed_signup_scroll”>

<input type=”email” value=”” name=”EMAIL” class=”email” id=”mce-EMAIL” placeholder=”email address” required>
<!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
<div style=”position: absolute; left: -5000px;” aria-hidden=”true”><input type=”text” name=”b_0bb9595fe321a651fbd53ddca_7a14e18051″ tabindex=”-1″ value=””></div>
<div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</div>
</form>
</div>
<!–End mc_embed_signup–>

Integrate Contact Form 7 with Google Spread Sheet

Open Bookmarks Co. Blog Google Sheets WordPress

©Magnet Marketing – Digital Marketing Automation

If you make an organization website, they may be sometimes held a community event or study session. Once a participant sends a form from a website, this plugin generates a participant’s list by Google Sheets. Convenience.

You also need Google Sheet Id and Google Tab Id.
Google Developers: Introduction to the Google Sheets API

HOW TO FIX Emails not sending from WordPress, WooCommerce, Contact Form 7

Blog Contact Form 7 WordPress Issue

©WP Society

I faced the issue which the user cannot send the form on iPhone. However, a user can send the form on a laptop. I discussed with the hosting company, but Bluehost could not solve the issue. I used the solution below. It worked.

IT Blog: Why Contact Form 7 does not work on iOS

How to embed social media feed on WordPress

Open Bookmarks Co. Blog Social Media WordPress
Open Bookmarks Co. Blog WordPress Issue
Open Bookmarks Co. Blog WordPress Issue

The client wants to embed social media feeds on the posting page. It’s common. I took the time to find the code generator. This is a note.

SMASH balloon works even free account. If you have some conditions in which you cannot use SMASH ballon, please generate a code below.

Instagram Embed Code Generator

Google Analytics

©Frst Data: How to find Google Analytics tracking id not found problem 2020 – Fix problem

When I set MonsterInsights with Google Analytics, it usually straightforward. In November 2020, I created Property on Google Analytics, but it did not show tracking info. I wasted half a day on this issue. This is not a good video, but I could solve it.

How To Build A Custom 404 Layout

©ThemeFusion

The HTTP 404, 404 Not Found, 404, 404 Error, Page Not Found, File Not Found, or Server Not Found error message is a Hypertext Transfer Protocol (HTTP) standard response code, in computer network communications, to indicate that the browser was able to communicate with a given server, but the server could not find what was requested. The error may also be used when a server does not wish to disclose whether it has the requested information. – Wikipedia

I made a HTML 404 page. I have not cared 404 pages before. I think if you find a visitor who accessed a 404 page at Google Analytics. It’s a signal of something wrong. Please make a 404 page at that time.

Open Bookmarks Co. Blog WordPress Website Issue
Open Bookmarks Co. Blog WordPress Website Issue

Server down

Open Bookmarks Co. Blog WordPress Issue

On July 27th, 2020, I could not access the website. I contacted Bluehost and they send me the information above. I have less knowledge of MySQL. I still not clear about the issue. I am going to learn it.

Backup

Open Bookmarks Co. Blog WordPress Issue
Open Bookmarks Co. Blog WordPress Issue
Open Bookmarks Co. Blog WordPress Issue

©Elegant Themes

Conclusion: Neverend issues

If I don’t update the website often, I don’t have to face the challenge. However, I cannot. I want to improve the websites that I made and manage. When I browse the website/social media, I get much information. I consider how can I use it to my site. Then, I emulate them.

The issue of WordPress won’t be ended. Never complete. Therefore, it’s interesting.

Let’s Study Together

Tell Me About Your Thought

I am learning the business of design as a freelance. I would like to hear your story based on an experience. Please send a comment or opinion. I will reply to you shortly.