sitefinity version 11 open graph - facebook-opengraph

We recently upgraded to version 11 and would like to take advantage of the Open Graph functionality for our blog posts. I have followed the instructions here: https://www.progress.com/documentation/sitefinity-cms/open-graph-settings
I have turned on the usage of Open Graph in the Settings >> Advanced >> System >> SEO and Open Graph properties >> Enable Open Graph Properties configuration of the site and restarted Sitefinity (not sure I had to do that last step but I figured it wouldn't hurt).
I have also set up the custom fields as described in the "Configure Open Graph properties" step of the instructions in the link below.
However, my understanding is that using these instructions we are supposed to get the <meta property="og:title" content="<!-- the Open Graph title that you specified -->"> and so forth in the page's HTML. I am not seeing those properties being set in the <head> nor anywhere else. Am I missing something?

In order for these tags to render you must be in single content view, ie the details of a content item. Sitefinity 11.1 is coming with page level support for OG meta.
if you paste a link of the detailed view of a News item on Facebook, you can configure an Open Graph title, description, and image for this News item.
from: https://www.progress.com/documentation/sitefinity-cms/open-graph-settings

Related

What wordpress plugin generates '<meta http-equiv="imagetoolbar" content="no">' line of code

This line of code appears in the html of my wordpress website.
<meta http-equiv="imagetoolbar" content="no"><!-- disable image toolbar (if any) -->
It is some legacy code relating to images on IE6, and is no longer needed.
It's invalid html, in fact.
I want to remove it, but I cannot find where this line of code was generated.
It does not appear to be in any theme files.
Does anyone know what plugin might have produced that line of code?
In my case the plugin "All In One Wordpress Security" added the code as part of it's "Copy Protection" security setting.
It is located under:
Dashboard -> WP Security -> Miscellaneous -> Copy Protection..
[ ] Check this if you want to disable the "Right Click", "Text Selection" and "Copy" options on the front end of your site.
As pointed out by #sparky It is not necessary to hunt down references to this line of code or remove it from one's website.
In my case I became obsessed in achieving 100% HTML validation.
As #sparky noted in comments to his question "...It's only applicable to IE version 6 and all other browsers will ignore it."
He also updated his answer to indicate that IE8 and IE7 no longer reference it.
While HTML validation notes it as an "Error", in practical use it is not harmful, and does not necessarily need to be removed.
If you do want to remove this code, there are a couple of methods you can use to find where it is being added to your website (assuming WordPress - modify as needed)
search your /wp-content/plugins folder for the term imagetoolbar (suggested by #anmari)
disable plugins one by one (or via divide and conquer), empty all caches (including CDN), View Source (or run validator) ... until the code goes away. Or do the same in reverse: Disable everything, then enable to find the culprit.
On my site there were two plugins that could add that code were:
"CornerStone"
"All In One WP Security & Firewall" (as labeled in the WordPress.org plugins repo),
("All In One WP Security" as listed under your site Plugins, and
"WP Security", as labeled in your Dashboard)
AnMari notes that "gravityforms" and some themes may also use this code.

TYPO3 - Modifying Introduction Package CSS?

I have a TYPO3 9.3.0 installation with the introduction and bootstrap packages and I am unable to find any location of the styling instructions. I mainly just want to adjust the footer content and the header logo size and maybe some more along the way but I have no idea where to look to change it. The documentation seems to be all over the place and outdated too. I did a search in the server for any .css files and the search returned negative so I am really at a loss.
The styles, layouts and overall configuration originate from EXT:bootstrap_package (the Bootstrap extension). You find the layout of the footer (3 columns) in file Resources/Private/Partials/Page/Structure/Footer.html for example. However, you should refrain from editing files inside extensions directly in order to keep the update funtionality (a re-install or update of the extension would overwrite your changes).
The content of the footer can be adjusted easily by editing the content elements "Related Links" (ID: 177), "Powered by" (ID: 175) and "Social Networks" (ID: 176), which are all located on the "Congratulations" page (ID: 1).
Go to: WEB → List, select page "Congratulations" and scroll down to table "Page Content". Edit/remove/replace the records as required.
You can also customize the theme and look'n feel by changing the configuration under:
WEB → Template, select page "Congratulations", select "Constant Editor" at the top. Then choose the desired "Category" (e.g. "BOOTSTRAP PACKAGE: BASIC"). There is a great number of options available, including the path to the main logo image.
Please note that some changes may require a flush of the (frontend) cache. You find this function in the TYPO3 backend at the top of the screen (the little flash icon: ⚡).

Open a link in a frame/lightbox

im using wordpress and want to add a link which open in a frame/lightbox. Cant find a small solution for that.
There should be no new window. Just a content box which appear inside the page where i am. I hope u know what i mean
That should be pretty easy using the Easy Fancybox plugin.
Citing the entry from the FAQ section of the plugin's page:
Can I display web pages or HTML files in a FancyBox overlay?
Yes. First, enable the iFrame option on Settings > Media. Then, in your post or page content create a link to any web page or .htm(l) file in your content. Then switch to the Text tab in the Classic Editor or to Edit as HTML (under More options in the block menu) in Gutenberg, find the link <a ... > tag and give it a class="fancybox-iframe" attribute.
Voilà !
Beware, though, that:
Note: Not all external web pages are allowed to be embedded in an iframe and may be blocked by a server response header or script. The result will be either an empty/blank light box or the target page “breaking out” of the light box and loading in the main browser tab.
And you'd probably face the same problem with any other iframe solution. So that would work better with locally served pages.

Create page structure one time for all languages

I'm testing the Django CMS and I'm looking for a way to create the pages one time for all languages. Currently I have to create a new page for each languages and the content/plugin/structure is not shared between the different languages.
Is there a way to achieve this?
Thanks in advance
The built-in management command ./manage.py cms copy lang copies the entire page tree from one language to another. The page tree stays unchanged and the plugin trees are transferred. That is fine if you want to bootstrap a new language for the entire site.
If you want to copy the plugin trees for only one page, you can use the language menu from the toolbar: Language -> Copy all plugins if you are viewing the target language. This is fine, if you only have one page.
If you want to bootstrap a language for a page tree, i.e. a page and all its children, then you either have a lot of clicking to do, or use this short management command I created based on the original DjangoCMS ./manage.py cms copy long command. It allows to specify a page to copy either by its id or by its name in the source language (attention: it has to be unique).
Copy this snippet into any of your application's command folder: my_app/management/commands/. Once you've copied the file you'll have a new Django management command available: ./manage.py copylang. Usage examples:
./manage.py copylang --from-lang=en --to-lang=nl --tree="Home"
./manage.py copylang --from-lang=en --to-lang=nl --tree_id=36 --force
The page id needed for the --tree_id option can be easily inferred from the page admin by hovering over the page's preview icon. The page id is part of the link: .../page/page_id/lang/preview/...
If you leave out the --treeand the --tree_id options the command will revert to DjangoCMS's original cms copy lang behaviour.
The management command provided by #Fabian is quite useful.
I updated the command code here to reflect the changes in django-cms API:
# pages = [head] + list(head.children.drafts())
pages = [head] + list(head.get_child_pages().drafts())
Tested against django-cms 3.5.3 and 3.7.4.
All credits go to #Fabian.

Visual Composer not parsing

I just installed a theme I bought for wordpress and I installed dummy data.
The istructions said I should install the visual composer plugin so I am assuming that is was built that way.
But when I open pages that it came with, it doesn't parse nicely.
i have 1 page, that when I open it in visual composer the entire page shows up in 1 box that says raw html data.
But when i try to view it in classic mode, all I saw is gibberish letters and numbers
There is another page, that looks like the rows are split properly. But all the boxes say 'text box' instead it should be a bannervideo editing box.
when I view it in classic mode , it looks more like visual composer code
[vc_row][vc_column][bannervideo title="Atena Excellence in teaching" desc="College / University / Campus"
text1="Take a tour" link1="#" text2="View courses" link2="#"
play="Play video" image="184" link="https://vimeo.com/20370747" linkmp4="/intro.mp4" linkogv="huploads/2016/01/intro.ogv"]
[/vc_column][/vc_row]
Did I do something wrong when importing dummy data, or is it a problem with my visual composer?
or am I supposed to be using a different rendering plugin
Because your theme miss map for 'bannervideo' shortcode. You should contact to theme author to fix that or provide plugin define the map for that element.
Other option for page builder is King Composer. It is works well with any website https://wordpress.org/plugins/kingcomposer/

Resources