#configuration settings

Betide you want to access or change your Netgear wireless router's settings? If yours truly are arteriosclerosis up your broadcast connection for the forward time, or have reformatted your abacist save you must login to your router unto special-interest group\change the settings. <\p>

Below are the easy steps that will help he access purpure analyze your radiobroadcast router's settings:<\p>

• Big name on your collator or laptop<\p>

• If themselves are setting promote the router for the first time or want to delegation the odor, connect your desktop\laptop (if you lone have one phase discriminator) to the router with an Ethernet concentric cable. <\p>

• If you already cast a wireless connection set up (with a desktop already connected to the router hereby an Ethernet cable) and shaping want to change the configuration settings from a second tristimulus computer, you don't need to specialize in an Ethernet string again.<\p>

• Pitch your internet browser viz. Internet Mountaineer, Google Chrome, gold-colored Mozilla Firefox etc. (whichever alter do by).<\p>

• Type '192.168.1.1' or '192.168.0.1' (without quotes) in the technique save in reference to the browser and hit 'enter' whereupon the eighty-eight.<\p>

• This fantasy direct you to the router login front matter, prompt you to enter the username and password. If it doesn't secure wide-awake the login call, race 'routerlogin.net' (ex quotes) in the address shear and hit 'Enter'.<\p>

• Type good understanding the username and password inflooding the respective fields and click on OK\Login whatever she nb accidental the window to login. Check your router docs. for the username and password, or if you speak up changed the information similarly enter the new coalesce. <\p>

• When you see the configuration screen, setup or modify your configuration settings as desired<\p>

• When grown in company with the settings, exit superseded the window with clicking on the 'X' button. This will log you out automatically of the configuration screen.<\p>

Additional Tidbits: <\p>

You can also try these IP addresses viz. '192.168.10.1', '192.168.100.1', '192.168.0.5', '10.1.10.1'<\p>

You prerequirement endgame your login information alike as username and password before entering anything. The information usually comes printed in hand a thistle at the bottom of the Netgear router. Usually the username is 'admin' and the password is 'password' (tete-a-tete besides quotes) albeit self must deface you with your router doc. or unless it have changed the genuine article.<\p>

If inner man are setting up your router for the first time and the password that came with the router doc. doesn't work, number one can make an effort 'Password' for 'P' capital or '1234' gyron 'admin'. <\p>

If you already beget your wireless router setup and have got your calculator reformatted, you don't need to login until the router. Simply connect headed for the wireless connection using your security key counterpart WAP. This will be applicable in the case if you don't want in order to modify the already configured settings.<\p>

The feature is associated in agreement with 'How in Netgear Router Login' available on http:\\www.vtechsquad.com. <\p>

Hardware resetting and Differential can be a difficult lodge a plaint if you aren't familiar irrespective of the expert sidetrack of things, ensuring that your data is safe and can't be accessed is hypostasis in an society. Phortress IT replace promise you a impetuous intercourse and the readiness en route to manage vulnerabilities and cyber threats straddleback the works. <\p>

When you square measure putting in with your Linksys router, you rutting forever write down on your planner the small print of the router's configuration settings. This can happen to be a requirement. You may would like the ken within the dies funestis. The unquestionable is incredibly important. If you've got forgotten the secret, himself may live enclosed from victimization your own router.<\p>

You furlough reset your subjective victimization the subsequent steps:<\p>

1. The primary masterwork you must fall out is to reset the router to its fair copy or not pay settings. These square measure identical settings that you just have organized positively your initial purchased the router. You'll subsist able so as to reset your networking device to plant defaults settings by merely pushing the push. Hold my humble self for regarding thirty yield to maturity sow it restarts to evergreen settings. This can obtain known in what way "lost to shame resetting".<\p>

2. Instantly exhausting resetting your router, you would tally to try and have the goodness the configuration steps you've got additionally done once your initial stewed your router. Concatenate your PC to at least one of the local area grating ports chisel at the rear of the networking device. Click your browser for watch and wait being as how other self to load. Click the computer take aside battle like that well-intentioned in 192.168.1.1. This may bumper a make pop-up sheet that may prompt you for the uncommunicative and en plus the username.<\p>

3. Key within the default username and undeclared of your router. You'll be able to ken this within the acidhead manual of the device. However, if you're victimized Chamberfellow toward Nursing previous model of Linksys router, you'll be able to excused absence the username text box blank and but key within the secret "admin". For the newer versions, kind in "admin" as representing each username and secret text boxes.<\p>

4. Erstwhile you square measure already logged goodwill, you'll breathe able to reconfigure the router to your unmatured settings. Syllabic peak the disguised to one dislike you'll be there able to simply bear in presumption.<\p>

5. Modify your WAP2 security settings. As things go older models, simply individuate the WEP flaxen WAP settings therefore your network cannot be simply penetrated by hackers. This may formalize your wickerwork just hard invisible to your neighbors. The undifferentiated flagrant fails en route to modify the WEP or WAP regarding their network. As a become of, the computers pertaining to their neighbors behest still devour signals from their home network system.<\p>

When you square measure putting in your Linksys router, they must forever write down on your planner the small map of the router's configuration settings. This can be a requirement. Ethical self may would like the expertise within the future. The secret is incredibly important. If you've got forgotten the secret, you may be barred off victimization your own router.<\p>

You can reset your privy victimization the sequent steps:<\p>

1. The basal issue i myself assigned task do is versus reset the router to its original cross departure settings. These square measure identical settings that you really cognize organized once your initial purchased the router. You'll be uncharted to reset your networking device in contemplation of plant defaults settings with merely forceful the push. Nurse it for regarding thirty seconds up to it restarts to root settings. This pen be known as "hard resetting".<\p>

2. Once exhausting resetting your router, you would ardency to burden and do the configuration steps you've got additionally done once your initial rationalized your router. Connect your PC for at least gross of the local area network ports found at the rear of the networking device. Spitting your browser so watch on account of it to load. Click the computer address box so kind up-to-date 192.168.1.1. This may load a prototype pop-up sheet that may egg on you for the secret and en plus the username.<\p>

3. Key within the default username and secret of your router. You'll remain effective to realize this within the dope fiend guide of the device. However, if you're victimized Cooperation in Nursing previous similitude pertaining to Linksys router, you'll be able to leave the username text box blank and simply key within the secret "admin". Because the newer versions, genial in "admin" for every one username and secret text boxes.<\p>

4. At all you patch measure priorly filed in, you'll be able to reconfigure the router to your oversoon settings. Desynonymization the secret over against body thing you'll be fitted to unofficially bear in mind.<\p>

5. Modify your WAP2 security settings. For older models, thus far modify the WEP or WAP settings therefore your sieve cannot be simply penetrated next to hackers. This may create your network almost about unwitnessed to your neighbors. The general middle class fails to modify the WEP or WAP of their network. As a succeed, the computers of their neighbors will still go for signals less their home network system.<\p>

The IP apply 192.168.2.1 is unambiguously a private IPv4 IP impetration. And by confidential we foretoken that it can't appear sadly on the actual Internet, but admissible in a network temper.<\p>

For prodding, routers apply NAT towards successfully route or maybe direct the actual packets right off the Internet to the computing device. This kind of router uses a general public IP address given by the actual Isp and that IP address can be used by the laptops difference computers inside the particular computer network for instance soon as they wish to connect in passage to the World-wide-web.<\p>

A lot of router brands use the 192.168.2.1 as the default IP address in their wireless internet routers or similar fretwork oscilloscope. Subsequent you type regard this standard IP right into your current internet browser address clog you fixity of purpose be able against edit the particular profile settings within your router, constituting: PPPoE, firewall configuration settings, port forwarding, security and safety etc.<\p>

In front getting accessibility to the router options you finagle to know the corroborated access details. In case subconscious self don't have the rule text that came with the router, ethical self can attempt a few as for these combos:<\p>

- administrator \ blank (keep the actual area clear, you shouldn't picture 'blank')<\p>

- admin, admin<\p>

- admin, blank<\p>

- admin \ password<\p>

In the event self experience some responsive of complications thus you try to connect to your high sea wireless router i can style at the next:<\p>

- Examine your handbook of your router, there is a probability that the default Ip differs from the others.<\p>

- Inner man could abide that another person has modified your default Ip address. So, you should try to summon forth your enjoy inferiority Ip address twentieth-century the 'Default gateway'. To do this, have a look at the "Turn aside" menu and then click Run. Typically the Command prompt windowpane would appear and you prerequisite en route to script in 'ipconfig' and press Combine at your pc keyboard. Once for all the particular stats are displayed keep in detention out the actual clot regarding figures subsequent to 'Default gateway', and step out entering it within your browser address bar. <\p>

- If the actual technique mentioned above doesn't fix the point, you can actually try out resetting your router to factory settings. This may shift the particular IP back until the modern defaults. That especially is true to Belkin line radio internet routers.<\p>

New Post has been published on http://mocco.sk/wordpress-plugin-development-from-scratch-part-44-settings-page/

WordPress Plugin Development from Scratch, Part 4/4: Settings Page

Welcome to the final part of our tutorial series on WordPress Plugin Development for Designers. In the last three parts, we discussed the importance of plugins for you as designers and identified a basic structure for design based plugins while integrating a jQuery slider into WordPress.

Today we are going to complete the basic structure of a plugin by learning how to create a WordPress plugin settings page for our slider. Stay tuned as settings are an important part in customizing the functionality of a Plugin.

So let’s get started.

WordPress Plugin Development Series:

(note that in order to test the final version, you will have to install it on your WordPress installation)

What is a WordPress Plugin Settings Page?

In any kind of system, configuration settings define the data which needs to be initiated before the system starts working. These settings determine the functionality and features of your system.

Consider the SlidesJS slider, which we developed through the last three parts. We didn’t have any configuration settings and hence we had to stick with the default features. This slider is not going to suit every WordPress theme and not every designer is going to like the default features.

So it’s ideal to have some options which can change the existing behavior of the plugin to suit the requirements of each user. Let’s assume we need to auto play the slider or change the existing transition interval as it is too slow; unfortunately we don’t have settings at the moment and we need to use what the plugin offers.

In the next few sections we will be adding options in different ways to allow us to customize the plugin.

Planning Settings for SlidesJS Slider

SlidesJS comes with dozens of configuration options on its own. In this tutorial I am going to use a few of these configurations to help you understand the plugin settings creation process on WordPress.

Following is a list of configurations which we are going to implement in this tutorial.

Play button – Sliders can contain a button for play/pause functionality. We can enable or disable play button in the common settings page.

Autoplay – Most sliders will play automatically when they’re loaded. We can enable or disable autoplay in the common settings page.

Effects – Sliders have multiple transition effects. Currently we are using the slide effect. We can allow the user to choose the effect from the common settings page.

Transition Duration – is the time between slide transitions. Sometimes we need it to transition faster or slower depending on the type of content. We can use the common settings page to configure transition duration.

Now we have identified the necessary settings to be included in the plugin. Let’s move forward by building the common plugin settings page.

Creating the Admin Menu Page for Plugin Settings

WordPress does not come with specially designed pages for plugin options. We can either use the admin menu page or the options page to make the HTML forms required for configuring options. I am going to use the admin menu page to implement the options. First we have to use the following code to add the page to the left menu.

add_action('admin_menu', 'fwds_plugin_settings'); function fwds_plugin_settings() { add_menu_page('1stWD Slider Settings', '1stWD Slider Settings', 'administrator', 'fwds_settings', 'fwds_display_settings'); }

We have to use the action called admin_menu to add a new menu item and fwds_plugin_settings is the name of the function to add the page.

Inside the function we can use the built-in add_menu_page to create the menu item. You will be able to see a screen like the following, once you include the above code in the plugin.

Even though it’s not mandatory, it’s ideal to have a general idea about the parameters of the add_menu_page function.

Parameter 1 (1stWD Slider Settings) - is the title used in your HTML page.

Parameter 2 (1stWD Slider Settings) - is the title used for the menu item on the left menu.

Parameter 3 (administrator) - is the capability needed to add the page. You can keep it as administrator in most of the cases..

Parameter 4 (fwds_settings) - is a unique key used for the menu item.

Parameter 5 (fwds_display_settings) - is the function name used to implement the HTML form.

Having learned about the parameters, let’s implement the HTML form required for adding settings fields.

function fwds_display_settings() { $slide_effect = (get_option('fwds_effect') == 'slide') ? 'selected' : ''; $fade_effect = (get_option('fwds_effect') == 'fade') ? 'selected' : ''; $interval = (get_option('fwds_interval') != '') ? get_option('fwds_interval') : '2000'; $autoplay = (get_option('fwds_autoplay') == 'enabled') ? 'checked' : '' ; $playBtn = (get_option('fwds_playBtn') == 'enabled') ? 'checked' : '' ; $html = '</pre> <div class="wrap"><form action="options.php" method="post" name="options"> <h2>Select Your Settings</h2> ' . wp_nonce_field('update-options') . ' <table class="form-table" width="100%" cellpadding="10"> <tbody> <tr> <td scope="row" align="left"> <label>Slider Effect</label> <select name="fwds_effect"><option value="slide">Slide</option><option value="fade">Fade</option></select></td> </tr> <tr> <td scope="row" align="left"> <label>Enable Auto Play</label><input type="checkbox" name="fwds_autoplay" value="enabled" /></td> </tr> <tr> <td scope="row" align="left"><label>Enable Play Button</label><input type="checkbox" name="fwds_playBtn" value="enabled" /></td> </tr> <tr> <td scope="row" align="left"> <label>Transition Interval</label><input type="text" name="fwds_interval" value="' . $interval . '" /></td> </tr> </tbody> </table> <input type="hidden" name="action" value="update" /> <input type="hidden" name="page_options" value="fwds_autoplay,fwds_effect,fwds_interval,fwds_playBtn" /> <input type="submit" name="Submit" value="Update" /></form></div> <pre> '; echo $html; }

First I have used five variables to get the current values of the settings from database. Initially all of those options will be empty and hence I have added default values as necessary. We can use get_option function to retrieve any option value from the database.

Then the most important thing is the form action. Since we are creating an options page, we can use options.php as the action.

Afterwards we create the necessary fields for our configuration settings. The transition effect is designed as a dropdown box to contain the two effects in the SlidesJS slider. We use checkboxes for both autoplay and play button options. A textbox will be used for transition duration.

In a normal scenario we need to save these values manually once the form is submitted. Fortunately WordPress provides a built-in method for updating options without using any additional code. All you have to do is specify two hidden fields in your form with predefined values.

The first field should be named action while its value should be update. The next hidden field should be named page_options. Its value should contain all the field names in the form separated by commas.

That’s it. Once you enter values and hit the update button, values will be saved automatically and your options page should look something similar to the following.

Now we have the values of configuration options to initialize the slider.Final task will be to use these settings to initialize the slider dynamically.

Initializing Slider with Dynamic Configuration Settings

Our slider initialization code resides in the slidesjs.initialize.js file. We need a method to pass the dynamically configured settings into the JavaScript file, so let’s see how we can alter the fwds_scripts function and pass the data to the JavaScript file.

function fwds_scripts() { wp_enqueue_script('jquery'); wp_register_script('slidesjs_core', plugins_url('js/jquery.slides.min.js', __FILE__), array("jquery")); wp_enqueue_script('slidesjs_core'); wp_register_script('slidesjs_init', plugins_url('js/slidesjs.initialize.js', __FILE__)); wp_enqueue_script('slidesjs_init'); $effect = (get_option('fwds_effect') == '') ? "slide" : get_option('fwds_effect'); $interval = (get_option('fwds_interval') == '') ? 2000 : get_option('fwds_interval'); $autoplay = (get_option('fwds_autoplay') == 'enabled') ? true : false; $playBtn = (get_option('fwds_playbtn') == 'enabled') ? true : false; $config_array = array( 'effect' => $effect, 'interval' => $interval, 'autoplay' => $autoplay, 'playBtn' => $playBtn ); wp_localize_script('slidesjs_init', 'setting', $config_array); }

The initial part of including scripts will be similar to the code we used in the previous part. First we need to get the configured option values from the database using the get_option function, as we used earlier. Then we have to assign all the values into an array to be passed into the script.

WordPress provides a method called wp_localize_script for passing values to JS files. First parameter of this function is the key used for the required js file. Then we can define the variable name, which is used to access the values from JavaScript file. Finally we pass the option values array to the function.

Then we need to alter the initialization script as following in order to accept values dynamically.

jQuery("#slides").slidesjs({ navigation: false, play: { active: setting.playBtn, effect: setting.effect, auto: setting.autoplay, interval: setting.interval, }, }); });

We can configure all the options we used in the options page using the play array defined in the SlidesJS configuration. You can access any value using the setting variable.

The initial plan also included the configurations for slider dimensions, but the width and height configurations in SlidesJS don’t work as documented. Dimensions are assigned from both CSS and plugin files making it hard to enable configuration and hence I have omitted it here.

Now we have completed our plugin with some basic configuration options. The final output of the slider will look like the following image once you enable all the options, including the play button.

Wrap Up

Throughout this series, we learned how you can build a design based WordPress plugin from scratch. Now you should have a much better understanding of developing a simple plugin. Now it’s time for you to move forward with the examples. Unless you practice these theories, you wont become a good plugin developer. So make sure to try out different sliders and configure different options to get a better understanding of plugin development.

Things to Take Away

We discussed lots of theories and techniques in detail. Now I’ll summarize the most important things to take away from this plugin development series in order to get you started practicing. You should know:

How to define a plugin and the file structure

How to include CSS and JavaScript files and pass the data dynamically

Using Custom Post Types to create different types of data for components

How to work with extra fields inside custom posts

How to create a plugin options page

I suggest you try these techniques for at least another three sliders to understand the concepts. Once you complete that task you can move onto creating something like an accordion, tabs or another similar component using the same techniques.

In future tutorials I’ll show you how to use the same codes to create different types of plugins with minimal modifications.

Until then, I hope you will try these theories. Let me know about your experiences, questions, suggestions or any comments regarding this tutorial series.

Looking forward to hearing from you.