How to set Plugin Header image on wordpress.org - wordpress

I have developed a plugin for school project to parent login/register and uploaded on WordPress plugin directory, but i am not able to sat banner image on top.
Please guide me if have any idea.

Please check this link. You will find your solution.
Source: https://developer.wordpress.org/plugins/wordpress-org/plugin-assets/

To Add a Plugin Header Image:
Make a 772×250 pixel JPG or PNG image file. (No animated GIFs. :) )
Check it in to your plugin’s SVN directory with the path assets/banner-772x250.(jpg|png). Note that the assets directory is added to your plugin’s root directory, not trunk.
On the next plugin directory refresh (every 15 minutes or so) you should see your image start showing up on the page.
For an example of this in action, check out Hello Dolly or Pluginception for HiDPI action.
You can also make larger images, which will be used on high-DPI displays (aka ‘retina’). To do so, make a second image with the size of 1544 pizels wide and 500 pixels high. This file will be named assets/banner-1544x500.(jpg|png). Note that you can not make this image alone, it only works as an “add-on” to the 772×250 image, because this larger image is only used on displays that can show the higher detail.
To add a plugin header image in the new directory:
Make a 1880×609 pixel JPG or PNG image file. (No animated GIFs. :) )
Check it in to your plugin’s SVN directory with the path assets/banner-1880x609.(jpg|png). Note that the assets directory is added to your plugin’s root directory, not trunk.
On the next plugin directory refresh (every 15 minutes or so) you should see your image start showing up on the page.
Unlike the old plugin directory, no other plugin banner is required.
Another thing to consider is the case for the international plugin directories. Some of these, like Hebrew and Arabic, use Right-To-Left languages. In these cases, the title will be overlaid on the right hand side of the image, not on the left side. Generally it is best to design your banner such that the title can be in either position. However, this may not work with all designs, so if you need to have a different image for RTL pages, then you can do so. Make the images in the same way as before, but name them with -rtl appended to the name. So an RTL banner would be named assets/banner-772x250-rtl.(jpg|png) and assets/banner-1544x500-rtl.(jpg|png) or assets/banner-1880x609-rtl.(jpg|png) for the new directory. On RTL pages, if these images are available, then they will be displayed instead.
After you check in your new banner(s), it will appear the next time the plugin refreshes itself in the directory. This may take a few minutes.
For development and testing, you can add a URL parameter to your plugin’s URL of ?banner_url=A_URL_TO_YOUR_IMAGE to preview what the page will look like with your own image. This will only work with your own plugins; you cannot use this parameter on anybody else’s plugins.

Related

I'm working with the Austin Night theme; I'm trying to customize the images within the CTA section using JSON file

I'm trying to customize the CTA section with new images and the support documentation for Austin Night says you're supposed to customize images within the JSON files. I uploaded some images to the image manager but now I'm unsure of where to copy over the new image file within the coding - So I need help knowing where exactly I do this and what part of the image URL is supposed to copy over the default image text. Thanks!
I've uploaded images to the Image Manager and I've copied various parts of the image URL to replace the theme's default images, but nothing seems to work. I've been working within the en.JSON homepage file and I even tried to change the image within the OB Custom images file all in Stencil File Editor, since the theme documentation doesn't give much description on what to do exactly besides to customize in the JSON file.

How to change the background image IBM mobile anywhere app in login page

I am looking to re-design the Login page. I need to add a new background image. Let me know where should I be copying this image into the project and where should I be specifying the image reference. I see the change made directly into Login.html are not reflecting in the output.
There are two logos in Maximo Anywhere, ibmLogoDark.png and ibmLogoLight.png (for the light and dark backgounds). You will need to obtain suitable replacement (transparent backgound) logo gifs or png files from your customer, of an equivalent size.
The IBM logo image files are in:
\MaximoAnywhere\apps\WorkExecution\common\js\platform\ui\control\images\mdpi
and also in:
\MaximoAnywhere\apps\WorkExecution\common\idx\mobile\themes\common\idx\images
So that is where I put copies of my customers replacement logos.
You'll want to give them different names from the IBM logos just so they don't get overwritten so easily. There are 4 CSS files you need to update to the new name:
about.css, launch.css and login.css in:
\MaximoAnywhere\apps\WorkExecution\common\idx\mobile\themes\common\idx
and mdpi.css in
\MaximoAnywhere\apps\WorkExecution\common\js\platform\ui\control\css
There are also two app.xml files you need to update to point to the new names. One in each of:
\MaximoAnywhere\apps\WorkExecution\platform-artifacts\dialog
and
\MaximoAnywhere\apps\WorkExecution\platform-artifacts\login
Then rebuild and you're done. Oh, and make sure you clear your browser cache (or use incognito mode) to test.

Magento catalog image change on hover

On the catalog/category page I would like images change when hover. Like clubmonaco.com I know how to do it on html/css but no idea on magento. Any help?
You could modify files in this directory:
app/design/frontend/base/default/template/catalog/product
for example (list/ and list.phtml)
or your template for example:
app/design/frontend/default/yourtemplate/template/directory with product files
CSS files you can find in:
skin/frontend/
You should also think, where the second image is stored. You can use "CSS-Sprites" for this case - a single image file, that contains both photos. The disadvantage is, that you have to customize every page, where magento shows product images.
Alternatively you have to define exact orders. First image is the front view, second image is always the back view.
The programming part is not really difficult. Look at
app/design/frontend/base/default/template/catalog/product/list.phtml
for the Catalog view. Path can vary, if you have a custom template. In the Magento backend there is a feature to show up the real path (system->configuration->development tools).
You can write your Javascript directly into the list.phtml. Magento also writes JS-code directly in the .phtml files. Of course it's not very pretty, but Magento is so complex; if other people work with the shop system, it will be easier to find.
Keep in mind, that the list.phtml contains two layouts: Grid and List View. Just if you do a change and wonder, why you can't see a change in the frontend ;-)

changing content type icons in Plone with Sunburst theme

I'd like to change the default icons for the Folder and Document types. Running Plone 4.2 with Sunburst. I tried customizing the portal_skins/plone_images/folder_icon.png to hold the file myfolder.png but this had no effect.
I've also tried setting the Icon property on the Folder type to point to an alternate file following what I see in the Icon property of other types, ${portal_url}/myfile.png. If I then go to http://mysite.com/myfolder/myfile.png, I see the icon, but it does not show up in contents listings -- next to the text "myfolder" there is still the normal folder icon.
I also tried going in and changing the URL in a custom copy of the sunburst theme where it is using a url of contenttypes-sprite.png, but that just made the icons go away.
I would be pulling my hair out if there were any left.
Make a copy of the 'contenttypes-sprite.png', edit it with an image-manipulation-program of your choice (mine is GIMP) to 'overpaint' the folder-icon right in the sprite and put it in a skins-folder of your product (or in the ZMI's custom-folder). Clear browsercache when reloading.
With Plone-4.2.0 this works perfectly fine, oddly with Plone-4.2.1 I needed to adjust the background-positions slightly.

Wordpress image name same as page

Friends, i'm stuccoed with images in wordpress - please, help me understand where search for solution.
If you create webpage - www.wordpress.local/page1/01-0001 and you upload an image 01-0001 on that page, you can see, that when you'll visit www.wordpress.local/page1/01-0001, you'll see the page with image, not the page, that you created with text and images.
Any ideas how to solve it ?
PS Not renaming images :)
When you use the WordPress-uploader, the images are stored in /wp-content/uploads/, and WordPress takes care of using filenames that aren't already in use.
If you upload an image, e.g. via FTP, that has the same name as a WordPress-page, the server has to decide what it should serve; either the WordPress-page or the image. One URL = one file served.
In your case, the server decides for the image. You could of course change this configuration; but in all cases, one of the two files won't be accessible.
If you want to make both files accessible, you either need to rename the image or the WordPress-page.

Resources