728x90

CSS의 미디어 쿼리 @media를 작성하는 경우 웹페이지에서 두가지 코드 타입을 볼 수 있습니다. 바로 @media screen 그리고 @media only screen입니다. 과연 이 둘의 차이점은 무엇이고 왜 다르게 사용하는 걸까요? 그 이유에 대하여 알아보고자 합니다.

 

# Example 1

@media screen (min-width: 1024px) {
   color: #000;
}

 

 

# Example 2

@media only screen (min-width: 1024px) {
   color: #fff;
}



! @media only screen과 @media screen의 차이점먼저 해당하는 두 코드를 사용했을때 각각의 화면에 나타나게 될 결과는 동일합니다. 하지만 차이점은 무엇일까요? 이 부분에 대하여 only 키워드를 사용한 경우 w3c에 따르면 예전의 user agents를 사용된 스타일 시트가 보이지 않도록 하는 역할을 한다고 합니다. 뭔가 클리어 하지는 않지만 결론은 최근에 사용되는 환경에서 only를 사용하는 것과 사용하지 않는 것 문제가 발생되지 않습니다. 구 user agent 환경의 media 속성을 감추는... 즉 적용되지 않게 하는 것이 바로 only의 목적이라 볼 수 있습니다.

'WEB > CSS' 카테고리의 다른 글

CSS 입력시 주의사항  (0) 2019.05.03
How to bring navigation div to the front  (0) 2019.05.01
Box Shadow II  (0) 2018.06.07
Box-Shadow  (0) 2018.06.07
[CSS] text-justify  (0) 2018.02.05
728x90

WP Floating Menu is a FREE WordPress plugin that makes your WordPress website’s usability with one page navigator menu or sticky navigation menu.

You don’t need to change your WordPress theme to make your website work like One Page website, just use this plugin to add one page scrolling navigation to any well coded WordPress themes / website.

You need to define different sections on your website page, then create/define one page navigation menu with them in just minutes.

Apart from One page navigation, you can create sticky menu and place in different location on your website for easy / smart navigation.

FREE FEATURES:

  • Beautiful and different templates
    • Beautifully designed 5 different templates to select from.
  • Easy sort able menu
    • Sort order of menu while creating menu.
  • Placement option
    • Two different menu positions Right and Left to select from.
  • Menu Setting
    • To display menu in either in all pages or home page only.
  • Mobile configurable
    • Enable disable option for mobile devices.
  • Inbuilt menu icon sets
    • Three different icon set to choose from.
  • User friendly and very interactive user interface
    • Anyone can use it, is just as easy as drag and drop.
  • Inline Navigation Feature
    • Just assign section id and get instant one page navigator effect.
  • Custom Template Option
    • Build custom template to match your site if default template does not match your need.
  • Dedicated Support
    – Get free email and forum support.
  • Translation Ready
  • WordPress Compatible
  • Fully Responsive
    • Compatible with different devices.
  • Free updates
    – Get free updates for lifetime.

PREMIUM FEATURES:★ 20 different beautiful template layouts. ★ Unlimited Numbers of Menus in the Site. ★ Page Wise Configurable Menu. - You can define whether you want to assign different menu or disable for specific page. ★ Unlimited Custom Templates. ★ Additional Menu Bar Positions - 7 different menu positions. ★ Show/hide Menu on Specific (page, category, post) wise display option). ★ Ability to add Default pages, posts, categories for menu set. ★ Additional Custom Design Options. ★ More upcoming Upgrade for pro version. PREMIUM UPGRADE

For premium upgrade please go here

SOME USEFUL LINKS

For a easy installation guide checkout the Installation tab above.
For complete information and documentation regarding plugin, please visit below links.

Plugin information

Docs

Demo

Browse More WordPress Resources

MORE RESOURCES

Themes Compatible With Our Plugin :

WP Floating Menu works best with every WordPress theme. Its even more remarkable when used with popular themes of ours such as AccessPress Lite and AccessPress Parallax.

AND IF THIS PLUGIN HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT :

WPAll Club – A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more.

Premium WordPress Themes – 6 premium WordPress themes well suited for all sort of websites. Professional, well coded and highly configurable themes for you.

Premium WordPress Plugins – 45+ premium WordPress plugins of many different types. High user ratings, great quality and best sellers in CodeCanyon marketplace.

AccessPress Themes – AccessPress Themes has 50+ beautiful and elegant, fully responsive, multipurpose themes to meet your need for free and commercial basis.

8Degree Themes – 8Degree Themes offers 15+ free WordPress themes and 16+ premium WordPress themes carefully crafted with creativity.

Screenshots

Screenshot-1: Screenshot for Template 1 Layout.

Screenshot-2: Screenshot for Template 2 Layout.

Screenshot-3: Screenshot for Template 3 Layout.

Screenshot-4: Screenshot for Template 4 Layout.

Screenshot-5: Screenshot for Template 5 Layout.

Screenshot-6: Screenshot for Menu Structure.

Screenshot-7: Screenshot for Display Setting.

Screenshot-8: Screenshot for Menu option setting.

Screenshot-9: Screenshot for custom template options while generating custom template.

FAQ

What does this plugin do?Will it be difficult to design menu?Where can I find the documentation for the plugin?Can I use floating menu where ever I want?

Contributors & Developers

“WP Floating Menu – One page navigator, sticky menu for WordPress” is open source software. The following people have contributed to this plugin.

Contributors

728x90

There are 4 ways that you can choose to increase the maximum upload file size in WordPress.

1. Update .htaccess file

php_value upload_max_filesize 128M php_value post_max_size 128M php_value memory_limit 256M php_value max_execution_time 300 php_value max_input_time 300

Change the numbers to the values that you need. The max execution time and max input time values are in seconds and might need to be increased further if your internet connection is slow.

2. Update wp-config.php file

@ini_set( 'upload_max_filesize' , '128M' ); @ini_set( 'post_max_size', '128M'); @ini_set( 'memory_limit', '256M' ); @ini_set( 'max_execution_time', '300' ); @ini_set( 'max_input_time', '300' );

3. Contact hosting provider

Reach over to the customer support of your hosting provider and ask them to increase these limits for you

4. Use plugin

https://import.wp-migration.com

728x90

As we said, changing your WordPress website’s domain name is not something you should do lightly. However, when you do find yourself in this situation, the process involves just a few steps:

  1. Access your WordPress dashboard, and change your URL within the Settings > General screen.
  2. Update your wp-config.php file to reflect the changes.
  3. Check that the domain change has been correctly implemented.

The process itself is relatively simple, although there are some aspects that require a little technical knowledge. We’ll cover those in the next few sections, but don’t worry – we’ll walk you through each step.

Changing Your Domain in WordPress

Before you dive headfirst into changing your website’s domain name, you’ll want to keep a few considerations in mind. A little preparation is essential, to make sure the process goes as smoothly as possible. One mistake could bring down your entire website, but getting your resources and knowledge in order before you begin helps you avoid that scenario.

For instance, you’ll want to make you have a full backup of your website in place before lifting a finger. That way, if the worst happens, you can roll back your changes to a clean configuration and start over.

Also, you’ll need to use a File Transfer Protocol (FTP) client for some of these steps. This is a way to access your server directly from your desktop, and although it’s simple to use, there is a learning curve involved. As such, you’ll want to download a suitable client (we recommend FileZilla) and brush up on your FTP skills.

In addition, you’re going to need your server credentials to log in via FTP. These can usually be found within your hosting provider’s admin panel.

Finally, we’re assuming that you already have a domain name purchased, and you’ve gotten it ready by pointing it to the correct nameservers. If not, you’ll want to make sure this is sorted out before you do anything else.

How to Change Your Domain Name

Now that the prep work is out of the way, let’s get down to business! Here are the three steps you’ll need to follow in order to change your WordPress site’s domain name.

Step 1: Change Your URL Within WordPress

Your first task is to physically change your site’s URL within WordPress. However, this step comes with a word of warning. Once you save your changes, your site’s back end won’t be accessible until you’ve completed the rest of this procedure.

To begin, log into WordPress, and navigate to the General > Settings screen:

 

 

This screen contains global settings for your WordPress site. The fields we’re interested in are WordPress Address (URL) and Site Address (URL):

 

 

To change your URL, simply type the new address into both of these fields, and click on Save Changes. As we mentioned, this will make your site temporarily inaccessible.

Step 2: Edit Your wp-config.php File

Before you can access your site again, you’ll need to update your wp-config.php file to reflect the changes you’ve made. This is another reason a full backup is vital before beginning this process.

Open up FileZilla (or whatever FTP client you prefer), and log in by entering your credentials into the Host, Username, Password, and Port fields. Then, select Quickconnect:

 

 

At this point you’ll see two lists of folders. The ones on the right-hand side are most important, as those are on your server. First, you’ll need to find your website’s root folder, which is often called wwwor public_html, or is named after your site. Then look for the wp-config.php file within that folder.

This is one of WordPress’ core files, which dictates how your site works and how it connects to the web. To edit it, right-click on the file and choose View/Edit. This will open it in your text editor of choice:

 

 

Here, you’ll need to add two lines to the file, right before /* That’s all, stop editing! Happy blogging. */:

define('WP_HOME','http://example.com'); define('WP_SITEURL','http://example.com');

Of course, you should replace the placeholder URLs with your new address. Once you save your changes and upload the new version of the file back to your server, you should be able to access your site again, and your domain should be changed! However, your work is not quite done.

Step 3: Set Up Permanent Redirects and Notify Search Engines of the Change

This final step is more of a ‘clean-up’ job. Even once your domain is successfully changed, you’ll have a lot of links throughout your content and across the web that point back to your previous address. Fortunately, you can permanently redirect those links to your new domain.

To do this, you’ll need to once again access your site via FTP, and look for the .htaccess file. This is another WordPress configuration file (so it’s worth copying to your desktop as a backup before you tweak it). Within, you’ll want to add the following code:

#Options +FollowSymLinks RewriteEngine on RewriteRule ^(.*)$ http://www.example.COM/$1 [R=301,L]

Again, the placeholder URL should be changed reflect your new domain.

Once you’re done with that, the final task is to tell Google that you’ve updated your domain. The process is straightforward within Google Search Console, and will only take a few minutes.

Get Support for More Common WordPress Questions from WP Engine

Of course, a task as major as changing your domain name requires you to have confidence in your site – as well as your hosting provider. WP Engine is the market leader in reliable WordPress hosting, and what’s more, our support team is stellar!

There are many WordPress-related tasks you may not be sure how to approach, but help is at hand. We have a dedicated Resource Center packed to the roof with helpful articles (just like this one), which you can access whenever you need it. Check it out today!

+ Recent posts