I've a page with subpages, it looks like this (just an example, not my real data) :
-page
↳ apple
↳ iPhone
↳ iPad
↳ samsung
↳ Galaxy
By default the title of the iPhone page is page/apple/iPhone. With the code editor and the Display Title extensions, I can change the page name with {{DISPLAYTITLE:iPhone}}. Is there a way to change it with the visual editor in order to be easier for my contributors ?
Thanks for your help !
This has nothing really to do with the Diplay Title extension, the magic work {{DISPLAYTITLE:}} is part of MediaWiki core.
VisualEditor is already capable of changing the display title, without the need of any additional extensions or configuration. You can change the title by (when the VisualEditor is already "started"):
click the three-lines-menu (hamburger menu) at the top right
Choose "Advanced settings"
The input field Title styling allows you to change the title
Related
I added a custom template to my blog but I can't edit the layout because some components are not showing properly, like below.
Follow these steps:
Click "Template Tab"
There will be two previews of your blog page: Live on Blog and
Mobile.
Click customize below "Live on Blog" preview.
Their you will find "Adjust Width" section
Enter the width value according to your need.
6. Save
That's all.
If you are using the Custom Template, "Adjust width" may not work. So if the above steps fail; follow below steps:(For this you should know HTML and CSS)
Click template
Click Edit HTML
Find the style code of your custom template and edit with apt width.
Go to Template then Edit HTML Click anywhere on your code and press CTRL+ F search for body#layout and change the width property.
I'm using Web2py and using the "PLUGIN_JQMOBILE/LAYOUT.HTML" as the base layout file.
The problem is that when I click on a link, jquery-mobile takes me to the next page -- all fine here.
When I view the source for the page, I see that it still has <title> from the older page.
I caught the problem since I'm using lockerz(addToAny.com) and when users try to share the page on Facebook, the title was coming completely incorrect.
I used the FB developers debug page & saw the title shown.
I can add the og:title, etc, but this problem is biting me for Google+ as well.
Am I doing something incorrect or is that a side-effect of jquery-mobile.. ?
This is because of the Ajax loading by default in jQuery Mobile. You can avoid this problem by using data-ajax="false" in your links or by using a jQuery script to change the page title after loading.
I want to add a share button for my mobile site, and I need the sharing properties to be custom.
Is there a way I can share a link with custom title, description or comments?
Is there a way to share it through the Facebook mobile application if the user is connected through it?
I've tried to use
<a title="send to Facebook" href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&
p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT"
target="_blank"><span><img width="14" height="14" src="'icons/fb.gif" alt="Facebook" />
Facebook></a>
It does work with regular sites, but when trying to run it in my mobile, it doesn't share the same...
I have a workaround for this - Make the Facebook share URL go to a page that redirects to the page that you are having trouble with. The redirect page can have new title, meta description and other meta tags in it that you can customize to make the Fb share look just the way you want it. As an example, the QR code on this page takes your phone to the Facebook share link I designed using this technique. I also made a share link for desktops by clicking on the postcard: http://modernmancaves.com/share.html. Side note: This example page does not redirect (so that you have time to try the QR code, mobile share link and view the page's source code)
You can trigger the feed dialog on mobile devices (see https://developers.facebook.com/docs/reference/dialogs/feed/ )
This allows you to specify the share metadata, and should automatically display a mobile-friendly version on mobile devices
I developped a website with webapp capability.
Is it possible to add some additional content to this webapp ?
I mean :
My webapp is basically a html/css/js website adapted to iPhone screen & capabilities.
When someone visits this website & click on "add to home screen" button, this website "become" a webapp, with shortcut icon, launchscreen... Etc.
The webapp content is almost the same as my website adapted to iPhone screen & capabilities (+ splashscreen & shortcut icon).
I want to add some more content in my webapp (than in my website ; but not in my website) :
- a string to thanks users who added it to their home screen,
- special or additional content in comparison with the common website,
Etc.
My question is simple :
is it possible ?
How can I do the trick ?
Thanks to all,
Nico.
This works a charm...
<script>
if (window.navigator.standalone == true) {
document.write('<p>Welcome Home</p>');
}else{
document.write('<p>Tap the + button and choose "Add to Home Screen"</p>');
document.write('<link rel="apple-touch-icon-precomposed" href="icon#2x.png"/>');
}
</script>
I am building an iPhone optimized website and when people use the '+' button on the iPhone you can add a bookmark to the website on the homescreen of the iPhone. How can I specify a url that will be used instead of the page they are on.
For example, if they are in the /Foo/Bar url I want the bookmark to be /Home so they go automatic to the home url and not go from their homescreen button straight deep in the site.
Is there some way to achieve this, in stead of making the whole website ajax based so there is only 1 url.
You can update the window.history record on page load for any page that you want saved (which may be all your pages).
window.history.replaceState( '', '', '/Home' );