What google says:
Multiple elements on a page: A video play page with related videos
embedded in a separate section on the page. In this case, mark up the
main video and related videos individually.
Don't mark up content that is not visible to readers of the page.
Carousel Page: Summary page + multiple full details pages
These statements are for me ambiguous. I have two different markups for the same pages. Which one is better and why? Or is there an other combination which is suitable?
First version:
Here is no markup which is not visible on the page. It is not possible two have 2 ItemLists in root level and hasPart takes no ItemList directly. This structure describes the whole page. Therefore GSTT shows only one item.
Video page:
ItemPage
mainEntity: VideoObject
breadcrumb: BreadCrumbList
hasPart: WebPageElement
mainEntity: ItemList (related videos)
ListItem (Link to video page)
ListItem
...
hasPart: WebPageElement
mainEntity: ItemList (similar videos)
ListItem (Link to video page)
ListItem
....
Category page:
VideoGallery
breadcrumb: BreadCrumbList
mainEntity: ItemList
ListItem (Link to video page)
ListItem
...
Second version:
All VideoObjects are on the root level and the main video has all properties described. Even the VideoGallery is For VideoObject the description is mandatory, but I don't show the description for the related/similar videos to the user, but the main video. GSTT shows for every entry an item.
Video page:
VideoObject
mainEntityOfPage (Link to VideoPage)
- all possible properties
VideoObject (related video - just mandadory properties)
VideoObject (related video ...)
VideoObject
VideoObject
...
VideoObject (similar video - just mandadory properties)
VideoObject (similar video ...)
VideoObject
VideoObject
...
BreadcrumbList
Category page:
VideoGallery
VideoObject (category video)
VideoObject
VideoObject
VideoObject
....
BreadCrumbList
Related
I'd like to modify the list of courses ( course overview ), to modify the display of the courses.
I'd like something like that:
Is there a way to save a thumbnail for each course in the database, and display it in the dashboard of the course list, each course with it's own picture, according to the subject
I have updated the file moodleDir\blocks\course_overview\renderer.php
I added a static HTML image next to each course
In the course settings form there is an option to add images in "Course Summary files"
You can upload an image there and retrieve it in the renderer using the function course_image($courseid) shown in this example:
https://gist.github.com/bmbrands/c1eb21dfa7f491b1205ea0ca806b5493
When you add a "link" type post to Tumblr:
...your admin shows a small thumbnail of any image associated with that link:
However, this doesn't show on the frontend of the site:
Is there any way to pull this image through?
Tumblr Link Theme Operator and Thumbnail
Tumblr recently added some new theme operators to allow for link thumbnails.
I presume this works the same as video thumbnails work and may only be available if the linked site creates the thumbnail.
{block:Link}
{block:Thumbnail}
<img src="{Thumbnail}" alt="{Name}">
{/block:Thumbnail}
{/block:Link}
Reference: http://www.tumblr.com/docs/en/custom_themes#link-posts
This is how it's done:
Click on your blogs name on the dashboard above or in the bloglist on the right hand side.
Click on Customize on the right hand side (or just go to the template you chose)
Once you're in there you can change the HTML on top on the left hand side, right under the templates name and icon
There you look for the
{block:Link} and before the description you add:
{block:Thumbnail}
<img src="{Thumbnail}" alt="{Name}">
{/block:Thumbnail}`
I try to extend the Carousel component with an extra functionality. The dialog works, the display of the carousel works too for other tabs.
But how does the Carousel know which pages have to be shown? The mode to use is shown by "listFrom" property. Depending on its value, the pages have to be fetched from other properties or have to be looked up.
I see in the /libs/foundation/components/list/init.jsp that the following call is made:
List list = new List(slingRequest, new PageFilter());
request.setAttribute("list", list);
And when it arrives in the carousel jsp, that list is filled in with the correct pages.
How does the mapping happen between that carousel node (with parameters from the dialog) and this List?
Edit: this actually explains the solution: Extending CQ5 List component
List class in the foundation/components/list/init.jsp is not java.util.List but com.day.cq.wcm.foundation.List.
It takes the request object, extracts requested resource (in this case it's a carousel resource), reads the configuration and prepares a list of pages - all this happens during the object construction.
You can find the source for the List class at /libs/foundation/src/impl/src/main/java/com/day/cq/wcm/foundation/List.java
For the SEO reason, I have to link the news title in single view to the news itself. When I try this by ###LINK_ITEM### marker it links to the (return-page) I've chosen in flexforms to return.
How should I link that title to the page itself, it also can be used as PERMALINK the other systems like wordpress have.
You can extend tt_news with new marker.
create the extension with the kickstarter or just create empty one (extend tt_news table if
necessary)
create hook-objects and register for the hook "extraItemMarkerProcessor"
create the marker and content within that hook and assign value of current url $url=t3lib_div::getIndpEnv('TYPO3_REQUEST_URL');
I have a LIST VIEW in tt_news. I want to display a list of all the categories each entry belongs to, like this:
"TITLE OF NEWS
Sports, Travel, Photos"
so that each category name links to the view of all news from that category, like the CATMENU.
How could I do it? Im using genericmarkers for tt_news to add custom objects
Use the extraItemMarkerProcessor we were talking about before and insert new marker ie. ###ITEM_CATEGORIES###. Then you can use some kind of loop for every category to build link with and pass it to the marker as a list of coma-separated links:
$pObj->cObj->typolink($catName, $catLinkConfArray);
Building links with typolink is documented in TSref