Glimmernet Technologies https://www.glimmernet.com Web Design & Development / Application Development Tue, 07 Jan 2020 23:33:30 +0000 en-US hourly 1 Enabling Classic Editor in Divi https://www.glimmernet.com/blog/enabling-classic-editor-in-divi/ https://www.glimmernet.com/blog/enabling-classic-editor-in-divi/#comments Thu, 21 Feb 2019 14:57:54 +0000 https://www.glimmernet.com/?p=1926 The post Enabling Classic Editor in Divi appeared first on Glimmernet Technologies.

]]>

Enabling the WordPress Classic Editor in Divi

AKA – Disabling Gutenberg

WordPress 5.0 introduced “Gutenberg” the block editor that allows for moving blocks of content around.  It’s named after Johannes Gutenberg, the inventor of the printing press and the concept of “movable type”, but the name Movable Type was already taken, so I guess they just decided to call it “Gutenberg”. The new features for Gutenberg may be great for sites that don’t include a drag-and-drop experience, but the Divi framework already has that built in, and having Gutenberg enabled on alongside the Divi builder and trying to use both can be daunting.  Fortunately it’s easy to disable Gutenberg with a few short clicks and get back to the Divi editor you know and love.

Do I need a plugin to disable Gutenberg?

No.  Well, no longer do you need a plugin to disable Gutenberg.  For a short period of time it was required to install the WordPress Classic Editor Plugin but the developer at Elegant Themes wrapped that functionality into a recent release of Divi so it’s now all built in, so you don’t need to install an additional plugin.

If I have the Classic Editor Plugin should I disable it?

Yes.  And remove it.  If for no reason other than it’s one plugin that you don’t need to maintain.

 

How to disable Gutenberg on a Divi site.

  1. Go to Divi >> Theme Options 
  2. Click on [Builder] Tab
  3. Click on the [Advanced] Tab
  4. Flip the toggle switch for “Enabler Classic Editor”
  5. Click Save

That’s it!  Now the classic editor is installed for the Divi framework without the use of another plugin!    

The post Enabling Classic Editor in Divi appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/enabling-classic-editor-in-divi/feed/ 6
Typewriter effect https://www.glimmernet.com/blog/typewriter-effect/ https://www.glimmernet.com/blog/typewriter-effect/#respond Wed, 20 Feb 2019 15:10:46 +0000 https://www.glimmernet.com/?p=1899 Typewriter effect can be achieved in many different ways but here is one example of a typewriter effect using HTML, CSS and JavaScript. In HTML code static part of the text can be defined...

The post Typewriter effect appeared first on Glimmernet Technologies.

]]>
To be sucessful is to
_
Typewriter effect can be achieved in many different ways but here is one example of a typewriter effect using HTML, CSS and JavaScript.

HTML code example

<div class=”console-container”>
To be
<span class=”highlight”> sucessful</span>
is to
<span id=”text”></span>
<div class=”console-underscore” id=”console”>_</div>
</div>
In HTML code static part of the text can be defined. Div with the ID text is used to insert dynamic part of the sentence. That part if the text is inserted using Java Script. In CSS code, text can be customized. Define color, size and position of the text. In JavaScript you can add dynamic part of the sentence that will be inserted into HTML. That text is being parsed and inserted each character at a time. Speed of insertion can also be adjusted inside JavaScript code.

CSS code example

.hidden {
 opacity:0;
}
.console-container {
 color: #fff;
 text-shadow:2px 2px 2px #333;
 font-size:3em;
 text-align: left;
 height:30px;
 display:block;
 position:relative;
 color:black;
 top:0;
 bottom:0;
 left:5rem;
 right:0;
 margin:auto;
font-weight: 500;
}
.console-underscore {
 display:inline-block;
 position:relative;
 left:10px;
}
.highlight{
 font-size: 4.5rem;
 color: orange;
 display:block;
 margin:15px 0;
 text-transform:uppercase;
 font-weight:bold; 
 line-height:1;
}

@media (max-width: 750px) {
 .console-container { font-size:1em; }
}

JavaScript code example

 consoleText(['trust yourself!', 'break some rules!', 'not be afraid to fail!', 'ignore the naysayers!', 'work like hell!', 'give something back!'], 'text',['#fff']);

function consoleText(words, id, colors) {
 if (colors === undefined) colors = ['#fff'];
 var visible = true;
 var con = document.getElementById('console');
 var letterCount = 1;
 var x = 1;
 var waiting = false;
 var target = document.getElementById(id)
 target.setAttribute('style', 'color:' + colors[0])
 window.setInterval(function() {

 if (letterCount === 0 && waiting === false) {
 waiting = true;
 target.innerHTML = words[0].substring(0, letterCount)
 window.setTimeout(function() {
 var usedColor = colors.shift();
 colors.push(usedColor);
 var usedWord = words.shift();
 words.push(usedWord);
 x = 1;
 target.setAttribute('style', 'color:' + colors[0])
 letterCount += x;
 waiting = false;
 }, 1000)
 } else if (letterCount === words[0].length + 1 && waiting === false) {
 waiting = true;
 window.setTimeout(function() {
 x = -1;
 letterCount += x;
 waiting = false;
 }, 1000)
 } else if (waiting === false) {
 target.innerHTML = words[0].substring(0, letterCount)
 letterCount += x;
 }
 }, 60)
 window.setInterval(function() {
 if (visible === true) {
 con.className = 'console-underscore hidden'
 visible = false;

 } else {
 con.className = 'console-underscore'

 visible = true;
 }
 }, 400)
}

The post Typewriter effect appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/typewriter-effect/feed/ 0
CSS clip-path property https://www.glimmernet.com/blog/css-clip-path-property/ https://www.glimmernet.com/blog/css-clip-path-property/#respond Fri, 08 Feb 2019 18:31:15 +0000 https://www.glimmernet.com/?p=1824 The post CSS clip-path property appeared first on Glimmernet Technologies.

]]>

Masking some area of the site can be useful and very visually interesting. Sometimes that effect can be achieved using transparent PNG or SVG images, but sometimes it’s very useful and easy to use clip-path css property. clip-path makes it easy to clip-out basic shapes using either of the polygon, ellipse, circle or inset keywords.

At this time, clip-path still needs to be prefixed with -webkit- for it to work in Safari.

Polygon

Polygon is the most flexible of all the available shapes because it allows you to specify any amount of points, a little bit like an SVG path. Each point has it’s X and Y coordinates. Those coordinates can be specified using any unit (pixel or percent).
Best way to demonstrate how clip-path works is on the example. We’ll use our first image and make triangle, X-shape and a star shape.

/* Triangle */
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

/* X-shape */
-webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);

/* Star shape */
-webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);

Circle

Circle is defined a little bit different circle(radius at posX posY). Defining the position is optional and default value for the circle is 50% 50%. Here are the two examples:

/* Circle */
-webkit-clip-path: circle(50%);
clip-path: circle(50%);

/* Custom circle shape */
-webkit-clip-path: circle(102.8% at 0 100%);
clip-path: circle(102.8% at 0 100%);

Ellipse

Ellipse is similar to a circle. Syntax for the ellipse is: ellipse(radiusX radiusY at posX posY). The position is optional and will default to 50% 50%. Here are the two examples:

/* Ellipse*/
-webkit-clip-path: ellipse(25% 40% at 50% 50%);
clip-path: ellipse(25% 40% at 50% 50%);

/* Custom ellipse shape */
-webkit-clip-path: ellipse(97% 61% at 0% 61%);
clip-path: ellipse(97% 61% at 0% 61%);

Inset

Using inset we can define an inner rectangle and everything outside will be cut-out. Inner rectangle can also be rounded with the round keyword and a border radius value.

/* Cropped image using inset */
-webkit-clip-path: inset(15% 10% 15% 10%);
clip-path: inset(15% 10% 15% 10%);

/* Cropped image with rounded corners */
-webkit-clip-path: inset(15% 10% 15% 10% round 10px);
clip-path: inset(15% 10% 15% 10% round 10px);

The post CSS clip-path property appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/css-clip-path-property/feed/ 0
Design of the recent posts section https://www.glimmernet.com/blog/design-of-the-recent-posts-section/ https://www.glimmernet.com/blog/design-of-the-recent-posts-section/#comments Thu, 17 Jan 2019 03:23:07 +0000 https://www.glimmernet.com/?p=1467 The post Design of the recent posts section appeared first on Glimmernet Technologies.

]]>

Keeping your website visitors informed about news in your company or in the business, in general, is a very important thing. That’s why having a blog on your website is a beneficial thing. Most recent posts section makes fresh information easily accessible to your visitors.

Divi already has a built-in module called Blog Module. With a few tweaks and a little bit of CSS, your recent post section can really come to life. In this article, I’m going to guide you through each step of creating recent post section same as one on the Glimmernet Technologies website.

First, we need to pick the page where we want to display our recent posts. We add the section and the row with as many columns we like. On our website, we decided to show four most recent posts so we went with four column row.

Row Module settings

After that, we want to set up our Row Module settings. We open the settings for our Row module and in Design tab, we want to turn on following options: Make This Row Fullwidth, Use Custom Gutter Width and Equalize Column Heights.

Blog Module Settings

Content

In each column, we want to add Divi’s Blog Module which shows only one post, so we set Posts Number to 1. Offset Number for the first module is set to 0, on the second to 1, third is set to 2 and the fourth to 3.
In the Elements section of the Blog Module Setting only Show Featured Image option should be turned on.

Design

In the Design tab, we need to set Layout to Fullwidth, text orientation to left, text color to light, h2 title size and body text size to 17px and 14px respectively. Rest of the settings we can leave on default values.

Advanced

After that in the Advanced tab for each Blog Module, we add class name recent-post-blurb. This CSS class is going to allow us to reference our code to these specific modules. Now we just need to add the following code to our CSS file:

.recent-post-blurb{
    position: relative;
    overflow: hidden;
}
.recent-post-blurb article{
    margin-bottom: 0;
}
.recent-post-blurb .post-content{
    display: none;
}
.recent-post-blurb .entry-title{
    padding-bottom: 0;
}
.recent-post-blurb .entry-featured-image-url{
    margin-bottom: 0;
}
.recent-post-blurb:hover .post-content {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 10px;
}
.recent-post-blurb .entry-title a{
    position: absolute;
    bottom: 0;
    padding: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    min-height: 20%;
    transition: min-height .3s ease-in-out;
}
.recent-post-blurb:hover .entry-title a{
    min-height: 100%;
}

This code moves title over the featured image and hides post excerpt in the default state. Once we hover over the one of the posts title height is going to 100% and an excerpt is shown.
Depending on your setup you can use media queries to hide excerpt on certain screen sizes.

If this helped or if you have any questions, leave us a comment below!

The post Design of the recent posts section appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/design-of-the-recent-posts-section/feed/ 1
Dynamically Replacing Links with Anchors On Current Page https://www.glimmernet.com/blog/dynamically-replacing-links-anchors/ https://www.glimmernet.com/blog/dynamically-replacing-links-anchors/#respond Mon, 21 May 2018 13:41:47 +0000 https://www.glimmernet.com/?p=1000 The post Dynamically Replacing Links with Anchors On Current Page appeared first on Glimmernet Technologies.

]]>

One-page websites often have a menu at the top and internal links that allow the users to jump around to various sections of the page.  This is done in WordPress by creating a custom menu that only contains anchor references without the page slug.  This works very well as long as you only have one page on the entire site, but what happens if you have a second page for a contact form or landing page?  The anchor references are no longer reliable from page-to-page and thus the page slug and anchor must be specified for each link.  This causes a new problem because a link containing a page slug will cause a browser refresh when all the user wanted to do was jump to another section on the page.  This is an annoying user experience, but also causes an undue load on the server and could throw off any statistics tracking.

Even if you’re very careful to make all of the on-page links relative to the anchors and all of the off-page links contain the page slug and anchor (which can be difficult as WordPress likes to inject the full URL for some reason), you still have the issue of the WordPress menus, footers, widgets, etc. being ether full links or just anchor links, but not both at the same time.

To combat this, we could add a second menu to the page and conditionally display it depending on what page the user is currently viewing.  An alternative to this is to maintain a single menu with multiple links (some with just the anchor and some with the page URL and anchor) and then conditionally display the correct menu item based on the page that is being viewed.  There are plugins to accomplish both of these tasks but maintaining two or more menus is a pain that becomes exponentially worse if you have two or more footers, two or more sidebars, two or more whatevers.

There’s a better way:  jQuery

In this solution we’ll dynamically replace all of the links on the current page with just their anchors which will eliminate the page refresh issue and still allow the web developer to maintain one set of links whether it be in a menu, on the page, in the footer or the sidebar and also not to have to worry about whether WordPress injected a full URL, path, or anchor link.

Here’s the code. This can easily be dropped into your child theme (you created a child theme, right?).  This code identified all of the links in the entire document and then iterates through them and replaces the page+anchor with just the anchor when viewing the current page.

$(function () {
    $('a[href]').each(function () {

        var currentPage = window.location.pathname.replace("/","");

        var link = $(this).attr("href").split("#");
        var destinationPage = link[0];
        var destinationAnchor = link[1];

        if (currentPage.toLowerCase() == destinationPage.toLowerCase()) {

            if (typeof destinationAnchor === "undefined")
                destinationAnchor = "#";
            else
                destinationAnchor = "#" + destinationAnchor;

            $(this).prop("href", destinationAnchor);
        }
    });
});

Don’t forget to include the jQuery library if it’s not already baked into your solution!

There’s actually a slightly more efficient way to write this function, but I wanted to leave it like this incase any other developer want to integrate it and modify the code to further their needs.

If this helped or if you have any questions, leave us a comment below!

 

 

The post Dynamically Replacing Links with Anchors On Current Page appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/dynamically-replacing-links-anchors/feed/ 0
Happy 14th Birthday to us! https://www.glimmernet.com/blog/happy-birthday/ https://www.glimmernet.com/blog/happy-birthday/#respond Sun, 05 Jun 2016 13:02:38 +0000 http://www.glimmernet.com/?p=507 The post Happy 14th Birthday to us! appeared first on Glimmernet Technologies.

]]>

Today is Glimmernet’s fourteenth year anniversary!

Thank YOU!

Thanks to our awesome clients – both current and past – and thanks to everyone who has worked for these clients!  You’re awesome!  We obviously couldn’t have made it this long without awesome clients, but we certainly would not have made it this long without even more awesome people who support those clients and make everything happen behind the scenes.

You all rock and we look forward to work with each of you for many more years to come!

 

The post Happy 14th Birthday to us! appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/happy-birthday/feed/ 0
Migrating Adobe Typekit Settings https://www.glimmernet.com/blog/migrating-adobe-typekit-settings/ https://www.glimmernet.com/blog/migrating-adobe-typekit-settings/#comments Thu, 27 Aug 2015 18:46:38 +0000 http://www.glimmernet.com/?p=530 The post Migrating Adobe Typekit Settings appeared first on Glimmernet Technologies.

]]>

I was looking for a way to copy all of the settings from one Adobe Typekit account to another.  In this case, it was from a previous designer for whom we had taken over for our one of our clients so asking directly wouldn’t have gone over too well.  We could have just left it in place with the old code, but that could have caused problems if (when) the old designer disabled that Typekit.  Plus, we were in the middle of rebranding and needed to move the site to a new domain and the Adobe Typekit domain name filtering was causing issues so we we really needed to recreate the Kit correctly.  I thought this might be a painful process of trial-and-error but it turns out it’s pretty easy to recreate the kit.

Identifying the Old Typekit Settings

Start out by viewing the the source code for the page that uses Adobe Typekit and view the source.  Find the line that loads the Typekit you need to replicate and copy the URL for the JavaScript file.  The Code should look like this:

<script src=”//use.typekit.net/xxxxxx.js”></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>

Note that the ‘xxxxxxx’ will be replaced with a seven-character code that corresponds to the TypeKit identifier on the old account.

Copy the //use.typekit.net/xxxxxx.js URL and paste it into your browser bar.  This should allow you to view the contents of the JavaScript file that loads the Adobe TypeKit fonts.  We don’t need most of this file, but the first few lines are critical.  Locate the line that beings with “window.Typekit.config“. You should see something like this:

window.Typekit.config = { “a”: “504211”, “c”: [“.tk-jubilat”, “\”jubilat\”,sans-serif”, “.tk-brandon-grotesque”, “\”brandon-grotesque\”,sans-serif”], “f”: “//use.typekit.net/c/acf94f/1w;brandon-grotesque,2,Y2m:P:i4,Y2r:P:i7,Y2j:P:n3,Y2l:P:n4,Y2n:P:n5,Y2q:P:n7;jubilat,2,Vxx:P:n4,QzW:P:n5,W1K:P:n6,Vxz:P:n7/{format}{/extras*}?3bb2a6e53c9684ffdc9a9bf5195b2a620ddcd3046f58c4dc110107391966c053d2fed59f7e7d9e6922050db1ab50987fa2140ad9fcbd3207015cd8591f37ab821cd72c4238b0cceb3e3f8c871bdccdd165fde9d98d4bb4b2c57858f25529ad13f5053892ef153191327c939d5469396821ce66aac4b64fe7c51e804bcdffec1c36efb69a70”, “fi”: [9882, 9884, 9892, 9894, 10294, 10295, 10296, 10297, 10300, 10302], “fn”: [“brandon-grotesque”, [“i4”, “i7”, “n3”, “n4”, “n5”, “n7”], “jubilat”, [“n4”, “n5”, “n6”, “n7”]], “ht”: “tk”, “js”: “1.8.3”, “k”: “//use.typekit.net/{id}.js”, “kt”: “hel3gtn”, “l”: “typekit”, “p”: “//p.typekit.net/p.gif?s=1&k=hel3gtn&ht=tk&h={host}&f=9882.9884.9892.9894.10294.10295.10296.10297.10300.10302&a=504211&_={_}”, “ps”: 1, “w”: “xxxxxx” };

Take note of the first array in brackets:

[“.tk-jubilat”, “\”jubilat\”,sans-serif”, “.tk-brandon-grotesque”, “\”brandon-grotesque\”,sans-serif”]

This is the array that loads the fonts and the corresponding CSS identifiers.  In this case, we’re loading the Jubliat and Brandon-Grotesque fonts which are applied to the .tk-jubilat and .tk-brandon-grotesque CSS classes, respectively, in the HTML.  Note that other definitions in the CSS file may also use these fonts, but we can’t tell which ones from this file; all we know is that these are the two fonts that are loaded by the Adobe TypeKit JavaScript file.

Create the new Adobe Typekit

Now it’s time to recreate the Kit.  Head on over to https://typekit.com, log in, and create a new Kit by providing a name and the URLs on which you plan to use this kit.  I’m not going to go into too much detail about how to do this because there are a ton of Adobe tutorials online.

Next, add the fonts we identified above into the new kit and publish the kit.

TypeKit1

The final step is to obtain the embed code for the Typekit which can be done by clicking on the “Embed Code” link in the top right corner.

Copy that HTML code and replace the old code on your site with the new code from Adobe.

Testing the new Adobe Typekit Settings

Finally, test the site and make sure that the Adobe Typekit fonts are applied properly!  You may need to adjust the Selectors on the screen shown above if the fonts aren’t working everywhere, but for the most part this should get you headed in the right direction.

Please let us know in the comments below if this helped or if you have additional questions!

 

The post Migrating Adobe Typekit Settings appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/migrating-adobe-typekit-settings/feed/ 1
Editing WordPress Page https://www.glimmernet.com/blog/editing-wordpress-page/ https://www.glimmernet.com/blog/editing-wordpress-page/#respond Fri, 10 Jul 2015 19:17:57 +0000 http://www.glimmernet.com/?page_id=510 Editing a WordPress page is pretty simple Log into WordPress with your username and password. Your login screen is typically located at http://www.your-domain.com/wp-admin and your username and password should have been provided to you. If you are hosting with Glimmernet or have Glimmernet’s security monitoring package and have two-factor authentication enabled (2FA) you will need […]

The post Editing WordPress Page appeared first on Glimmernet Technologies.

]]>
Editing a WordPress page is pretty simple

  1. Log into WordPress with your username and password.
    • Your login screen is typically located at http://www.your-domain.com/wp-admin and your username and password should have been provided to you.
    • If you are hosting with Glimmernet or have Glimmernet’s security monitoring package and have two-factor authentication enabled (2FA) you will need to have your cell phone handy to receive your one-time authorization code.
    • If you cannot remember our password, you can click on the “Forgot your Password” link at the bottom of the page to reset your password.

    WordPress Login Screen

    WordPress Login Screen

  2. On the menu on the left-hand side, click on “Pages” to show a listing of all of the pages on your WordPress site.
    WordPress Pages Menu
  3. Scroll through the list of Pages by clicking on the left and right arrows at the top (or bottom) of the screen until you find the WordPress page that you are looking for.  You can also use the search feature to find and edit WordPress pages that match specific phrases
    Search Pages
  4. Once you find the page, there are two ways to launch the screen to edit the WordPress Page.  You can either hover over the page title with your mouse and select “Edit” or simply click on the page title.
    WordPress Page Edit Menu
  5. Once the page editor loads, simply edit the page content using the editor in the middle of the screen.  Images, videos, audio files, documents and the link call all be added using the Media button in the upper left hand corner.
    WordPress Page Editor
  6. Once you’re done, click on the “Update” button in the upper right hand corner to publish your changes!
    WordPress Update Button

The post Editing WordPress Page appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/editing-wordpress-page/feed/ 0
Blocking Fastwebnet.it from Accessing Your WordPress Site https://www.glimmernet.com/blog/blocking-fastwebnet-it-from-accessing-your-wordpress-site/ https://www.glimmernet.com/blog/blocking-fastwebnet-it-from-accessing-your-wordpress-site/#comments Mon, 20 Apr 2015 12:28:23 +0000 http://www.glimmernet.com/?p=494 The post Blocking Fastwebnet.it from Accessing Your WordPress Site appeared first on Glimmernet Technologies.

]]>

This article contains the steps required to block Fastwebnet.it  from accessing your WordPress site using the Wordfence plugin.  Fastwebnet.it or simply “fastweb”  is an Italian ISP operating under the name “Fastweb SpA,IT” from which a large number of WordPress brute-force hacking attempts originate.

Intended Audience

This article is primarily intended for clients of Glimmernet’s WordPress Hosting offering, but will be applicable to anyone who administers WordPress sites running Wordfence.

Instructions

To successfully block Fastwebnet.it from accessing your site, you will first need to install the Wordfence plugin.  Information on Wordfence can be found at http://www.wordfence.com/ and the plugin can be downloaded directly from inside of your WordPress installation or by going to https://wordpress.org/plugins/wordfence/

Once Wordfence is installed, you can begin blocking IP addresses by simply  logging in to your WordPress admin panel and going to Wordfence >> Advanced Blocking.  On this tab you will find an input for the IP address range.  You’ll need to enter all 37 of the following ranges individually.  We recommend naming them “Fastwebnet.it Block X of Y” but you can give them whatever name you want.

The 37 IP address ranges that you need to block are:

  • 2.224.0.0 – 2.239.255.255
  • 5.61.216.0 – 5.61.223.255
  • 5.152.240.0 – 5.152.247.255
  • 31.131.240.0 – 31.131.247.255
  • 37.186.192.0 – 37.186.255.255
  • 46.255.240.0 – 46.255.243.255
  • 46.255.245.0 – 46.255.247.255
  • 62.101.64.0 – 62.101.127.255
  • 62.177.0.0 – 62.177.31.255
  • 64.126.250.0 – 64.126.250.255
  • 80.73.224.0 – 80.73.239.255
  • 81.208.0.0 – 81.208.127.255
  • 83.103.0.0 – 83.103.127.255
  • 85.18.0.0 – 85.18.255.255
  • 89.96.0.0 – 89.97.255.255
  • 91.205.80.0 – 91.205.83.255
  • 91.225.244.0 – 91.225.247.255
  • 92.223.128.0 – 92.223.255.255
  • 93.32.0.0 – 93.63.255.255
  • 151.90.0.0 – 151.90.255.255
  • 158.255.240.0 – 158.255.247.255
  • 176.122.196.0 – 176.122.198.255
  • 185.7.112.0 – 185.7.115.255
  • 185.13.220.0 – 185.13.223.255
  • 185.17.156.0 – 185.17.159.255
  • 185.25.136.0 – 185.25.137.255
  • 185.27.72.0 – 185.27.72.255
  • 185.36.72.0 – 185.36.75.255
  • 185.43.16.0 – 185.43.19.255
  • 188.95.16.0 – 188.95.16.255
  • 192.92.104.0 – 192.92.106.255
  • 193.43.17.0 – 193.43.17.255
  • 193.109.90.0 – 193.109.90.255
  • 193.193.0.0 – 193.193.31.255
  • 212.77.64.0 – 212.77.95.255
  • 213.140.0.0 – 213.140.31.255
  • 213.156.32.0 – 213.156.63.255

Recap

Using WordFence is a simple way to block traffic from a ISPs such as Fastwebnet.it which are sources for brute-force hacking attempts against WordPress installations.  This approach will block ALL traffic in the IP address ranges listed above, so be sure that this is an acceptable tradeoff for security before implementing this approach.

 

 

 

 

The post Blocking Fastwebnet.it from Accessing Your WordPress Site appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/blocking-fastwebnet-it-from-accessing-your-wordpress-site/feed/ 1
Adding Admins to Facebook Page https://www.glimmernet.com/blog/adding-admins-to-facebook-page/ https://www.glimmernet.com/blog/adding-admins-to-facebook-page/#respond Tue, 24 Mar 2015 15:14:45 +0000 http://www.glimmernet.com/?p=480 You can quickly add admins to a Facebook page in a few short steps.  Here’s how: Adding Facebook Admins Log in to Facebook and click on the name of the page on the left hand side of the screen.  Alternatively, you can click on https://www.facebook.com/bookmarks/pages and click the name of the page.  Note that if […]

The post Adding Admins to Facebook Page appeared first on Glimmernet Technologies.

]]>
You can quickly add admins to a Facebook page in a few short steps.  Here’s how:

Adding Facebook Admins

  1. Log in to Facebook and click on the name of the page on the left hand side of the screen.  Alternatively, you can click on https://www.facebook.com/bookmarks/pages and click the name of the page.  Note that if you click the “log in” button you will start using Facebook as that page so anything you like or comment will come from that page.
  2. Click on the “Setting” button at the top of the page
    1a
  3. Click on the “Page Roles” button on the left side of the page
    2a
  4. Type the name or email address of the person that you’re trying to invite.
    3a
  5. Select the dropdown below the name box to set the appropriate permissions for the person that you’re trying to invite
  6. Click on the Save Button!

The user will then receive an alert that they have been added to your page.  That’s it!

Facebook Admin Roles

For more information on the various roles, see Explanation of Facebook Roles

The post Adding Admins to Facebook Page appeared first on Glimmernet Technologies.

]]>
https://www.glimmernet.com/blog/adding-admins-to-facebook-page/feed/ 0