Àpèjúwe
Parallax Scroll; the easiest way to get a parallax scrolling background image for an element on your page/posts.
Examples include:
- Create a header text with a parallax scrolling background.
- Create a full section containing any content with a parallax scrolling background.
- Give single elements of your pages a parallax scrolling background.
- Ideal for sites with sections.
How?
- Simply create the content required in the custom Parallax Scroll post type.
- The Parallax Scroll admin page will display the shortcode required for all Parallax Scroll post types defined. Copy this shortcode, and paste it into any page or post.
- Alternatively you can use the plugin directly in your php code. Implement it straight into your theme!
- Thats it!
Àwọn àwòrán ìbòjú
Ìgbéwọlẹ̀
No special steps required for installation.
Auto Install:
- Navigate to plugins page in your WordPress admin section.
- Search for Parallax Scroll by adamrob.co.uk.
- Download and activate.
- You will now have the Parallax Scroll menu item in your WordPress admin
Manual Install:
- Download the plugin files.
- Copy/upload the plugin folder to your WordPress Content/plugins directory.
- Navigate to WordPress plugin page in your WordPress admin page. The plugin will be displayed.
- Click activate. You will now have the Parallax Scroll menu item in your WordPress admin.
FAQ
- How can I use Parallax Scroll in my theme and/or PHP?
-
You can now use parallax scroll in your themes, using PHP. Using this method, there is no need to add a shortcode to a page or post; just simply paste the following PHP code into your PHP page where you would like your parallax to display. This method is especially usefull if you are having trouble with full width, or you would like to build it into your theme.
echo do_shortcode('[parallax-scroll id="#"]')Where # = parallax ID number
- I have no background image?
-
Make sure you set a featured image in the Parallax setup screen. This is usualy in the bottom right of the edit page. This image will be the background.
- Full width does not work
-
Parallax scroll has been written to work across as many different themes as possible, however as everyones wordpress setup is different, and every theme is different it is very difficult if not near impossible to guarente that the plugin will work on every site. Parallax scroll is built and tested using the standard wordpress themes; this is the only base line that is availble to work against; therfore if you are having issues, please test it against the standard theme to check if its a fault with the plugin or the theme.
The full width issue is a common one, where the parallax does not span the full width of the page. Parallax scroll is designed to be full width out of the box. As standard it will size to the full width of the post. If this doesnÌtumọ̀ Yorùbá: ’t work as required, a full width option is availble. This is a bit of a hack to resize the parallax to the full width of the content area of the page/post. Because this is a bit of a hack, it may not appear correctly for everyone.
Why is this an issue on some themes? Well some themes, even though they claim are full width themes, are not actually full width at all. A lot of themes will actually be setup using divs with margins either side. They trick you into thinking its full width by setting the colors and borders to the same color. Unfortunatly, on themes like this its impossible for me to cater for, however you can modify the fullwidth.js script to target the specific width required yourself.
- Where can i get support?
-
Please visit the support forums to check if the subject is already covered.
Alternatively visit adamrob.co.uk for support and/or suggestions.
Àwọn àgbéyẹ̀wò
Àwọn Olùkópa & Olùgbéejáde
“Parallax Scroll by adamrob.co.uk” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.
Àwọn Olùkópa
A ti túmọ̀ “Parallax Scroll by adamrob.co.uk” sí èdè agbègbè 1 kan. Ọpẹ́lọpẹ́ fún àwọn atúmọ̀ èdè fún àwọn ìkópa wọn.
Túmọ̀ “Parallax Scroll by adamrob.co.uk” sí èdè rẹ.
Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?
Ṣàwárí koodu, ṣàyẹ̀wò ibi ìpamọ́ SVN, tàbí ṣe àgbékalẹ̀ sí àkọsílẹ̀ ìdàgbàsókè nípasẹ̀ RSS.
Àkọsílẹ̀ àwọn àyípadà
0.1
- Initial release.
0.2
- Added header CSS style parameter to custom post type.
0.3
- Fixed Ìtumọ̀ Yorùbá: – Fixed an issue where some themes would not render the parallax background image (such as the default themes).
- Added Ìtumọ̀ Yorùbá: – Screenshots on WordPress plugins directory.
0.4
- Added Ìtumọ̀ Yorùbá: – Two new options to add the ability of disabling parallax scroll image or content when on mobile device.
- Added Ìtumọ̀ Yorùbá: – Full width option. This option will over-ride the themes content area style and make the parallax full width.
- Fixed Ìtumọ̀ Yorùbá: – Shortcodes in the parallax scroll post content now work correctly.
1.0
- Updated Ìtumọ̀ Yorùbá: – Parallax.js has now been removed. The parallax is now driven from CSS. This will improve browser compatability, in particular with internet explorer.
1.1
- Fixed Ìtumọ̀ Yorùbá: – Fixed full width issue where if more than one parallax was used in a single post/page they would not size correctly
1.2
- Added Ìtumọ̀ Yorùbá: – New help menuÌtumọ̀ Yorùbá: ’s
- Added Ìtumọ̀ Yorùbá: – Parallax image size option
1.3
- Fixed Ìtumọ̀ Yorùbá: – Menu Position Bug
1.4
- Fixed Ìtumọ̀ Yorùbá: – Images should appear better on mobile devices
- Added Ìtumọ̀ Yorùbá: – Image size option just for mobile devices
- Added Ìtumọ̀ Yorùbá: – Additional Div IDs
2.0
- Added Ìtumọ̀ Yorùbá: – Background parallax image can now scroll at a different speed to the page.
- Added Ìtumọ̀ Yorùbá: – New background scroll setpoint to admin page
- Added Ìtumọ̀ Yorùbá: – Input sanitisation for number inputs
- Updated Ìtumọ̀ Yorùbá: – Split admin setup parameters into sections, and added section descriptions
- Added Ìtumọ̀ Yorùbá: – Added an option to use parallax.js as the parallax engine rather than CSS. (See http://pixelcog.github.io/parallax.js/ for information on parallax.js)
- Added Ìtumọ̀ Yorùbá: – Added ability to target the CSS class of the Post content/title. Also added the ability to target specific parallax styles through the ID
- Updated Ìtumọ̀ Yorùbá: – Updated the help files to be more in depth for customising and setting up. Also added more obvious message on admin page.
- Updated Ìtumọ̀ Yorùbá: – Bug fixes.
2.0.1
- Tested with latest version of WordPress.
2.1
- Fixed Ìtumọ̀ Yorùbá: – Removed the ability to add HTML markup to the title field. The title field is now escaped when rendering at the front end regardless of user permissions. Ìtumọ̀ Yorùbá: – Issue 01 from bitbucket repo
- Tested with latest version of wordpress, using the latest wordpress theme on all major browsers.
3.0.0
- Plugin has had a complete re-write in the backend; although this version doesnÌtumọ̀ Yorùbá: ’t bring many new features, it provides the ground work to provide some major planned upgrades to both the CSS and java script parallaxs.
- Posts meta options have been split out into tabs for better navigation.
3.0.1
- Fixed Ìtumọ̀ Yorùbá: – Mobile image size bug.
- Fixed Ìtumọ̀ Yorùbá: – Incorrect div markup for full width mode.