Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Now all I need is a desktop code editor that will check my code for the troublesome typos as I go along. Something like a spell-checker only a code-checker.
In your debt, Mark
Look for editors that are done for programmers. They should provide syntax highlighting for CSS. Then there are language sensitive editors that understand the syntax and help you write your code.
I am working on a Mac. For text editing I used TextMate. But I have CSSedit as well that provides many features to help me write proper CSS.
In order to use the child theme's style.css, I had to add following code in functions.php:
<?php
function child_theme_enqueue_styles() {
// Add local style
wp_enqueue_style('child-theme', get_stylesheet_directory_uri() .'/style.css', array('parent-theme'));
}
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );
?>Moreover, it may be best to that point I put the css code for Wordpress theme also in children.
What do you think ?Philippe
Yes, because I had a child theme, I put all my Wordpress styling into the child's theme style.css. Otherwise custom.css would have be sufficient.
I asked this question to Matt during beta testing of the Wordpress plugin. This was his answer:
For Wordpress, all localization should be handled via Wordpress' i18n support.
The Language Files paragraph in following article provides a nice overview: https://www.smashingmagazine.com/2011/1 … uage-files.
Since the Wordpress theme directory is managed by Backlight, you will need to create a child theme where you place your language files.
Using custom.css is definitely much easier. Adding your css to style.css of your child theme works too, but that's more complicated. Unless you have another need to create a child theme, I would just use custom.css.
I've emailed you some code to try.
Thank you!
single-post pages is what I am talking about. I'd like to have infinite scrolling where the next post just appears at the end of the current one. For this the plugin needs a 'next' selector.
Matt, somehow he has two footers on the wordpress pages, but only one in the regular pages:
<footer class="spinal__column">
<div class="content">
<!-- Footer ***************************************** -->
<div class="copyright">
<div class="content clearfix">
<br>
All photographs © by Christopher Hauser<br>
Contemporary Photography
<br>
Pressburgerstr. 75 |
81377, Munich |
Germany
<div class="hidden">
Architektur Fotograf | Kunst |
Mnchen |
Deutschland
</div>
<br>
mobile: (+49) 176 24 20 29 64 |
email: <a href="mailto:chris@hauser-photoart.com">info@chauser.eu</a> |
home: <a href="http://www.chauser.eu" target=_blank>www.chauser.eu</a>
<br><br>
<a target="_blank" href="https://www.facebook.com/user/"><span>Facebook</span></a>
-
<a target="_blank" href="https://twitter.com/user"><span>Twitter</span></a>
-
<a target="_blank" href="https://www.instagram.com/user/"><span>Instagram</span></a>
<br><br>
</div>
</div><!-- .my_footer -->
<div class="copyright">
<div class="content page__width">
<p>
© 2016, all rights reserved. </p>
</div>
</div>
<!-- /Footer ***************************************** -->
</div>
</footer>I expect that he used phplugins to create his custom footer. But why is the Backlight default footer present in the blog and not on the regular pages?
Hi Matt,
I was looking to add an infinite scroll plugin to my site, but they require a next selector. This is when I realized that the Backlight theme does not include links to previous or next posts. Don't know why I didn't notice this before.
Could this be added in the next update, please? Thanks!
I see you created a custom footer. But on Wordpress pages, there is your custom footer and the default footer.
Don't know if this is a setup problem or a Wp Template issue. I would assume you used ttg_footer_top to create your custom footer.
Now that the Wordpress template is available, there is no excuse for not upgrading my old CE4 site to Backlight. Backlight is so much more user friendly, although I miss some phplugins hooks, I am really happy with what it provides.
My site is at http://danielleu.com
I'm certain that there will be some further changes coming to my site down the road, but for now I am happy with what I've got:
- Custom menu behavior and styling
- Light/dark skin, selection stored in a cookie
- Search bar in masthead
- Wordpress child theme for custom pages (archive, recent) and styling
- Modified single-page view
I really like the Flickity option in Theater. I use it to provide more details about my Greeting Cards (shop>greeting cards). I will create similar pages for my open edition, limited edition prints and calendars. But currently I am too busy to prepare for next weekends San Francisco Open Studios.
There are some more features, but I don't remember them right now. Congrats to Matt and Ben on this great product!
In case you find an issue, dead link or whatever, please let me know. Thank you!
Did you try to double/triple click the text to select it? Works for me on a Mac.
Looks like your main site is run by Wordpress and CE4 is installed in a subdirectory. Looks like this is the reason that Wordfence blocks Publisher.
If you have a static IP address, you can whitelist it, but most likely you have a dynamic IP address: https://docs.wordfence.com/en/Wordfence … _all_rules
To my limited css knowledge, the issue is that float and position attributes don't work together. I don't know how you can achieve text wrapping around my slideshow code.
Okay, so I ain't gettin' it yet. I've uploaded two albums, and they both have the same text above and beside the images. Do I need to make a separate template for each album I upload, and if so, how do I associate the album with its template?
You can set the text for each album in Lr: Album Settings... > Page content
On another topic, I have uploaded a 180x180 png I would like to use for an apple touch icon, but the box from which to select said icon is shrunken: the down-arrow is present on the right, but the box itself is only a few pixels wide and nothing is contained therein. Did it cross over into one of those shrunken dimensions we read about in string theory?
Did you upload the image using backlight or ftp?
How about:
#slideshow {
margin-left: auto;
margin-right: auto;
max-width: 800px;
}from FAQ section on http://danielleu.com/blog/2016/07/addin … sed-pages/.
Anyway, I would recommend using Theater now since it is more powerful and versatile.
Daniel - thanks a million. I've just successfully implemented your code! Perfect :-)
:-)
Not if you only export the virtual copies and have those renamed.
I'm not talking about changing the name when Publisher exports the images. But rather Exporting only the modified virtual copies from the Library Module, adding them back into the catalog (with their new filenames) and then adding them to the wedding album.
They should then be able to be sorted by filename. Of course, they can always be manually sorted in the album.For example, see this album: http://backlight-rb-test.barbeephoto.co … rst-album/
I exported a b&w virtual copy from the Library Module, using a file naming preset that renamed using the original file name plus the text "v2". I checked the box in the Export dialog to add the image to the catalog.
Then I just added the image to an existing album and published the image.
Ah, you do the renaming while exporting! Yep, didn't think about that!
Any of you guys that are good at maths, is there a naming convention that will place my master copy & duplicated copy side by side when sorted?
If sort by capture time they should be next to each other.
how about creating a file renaming template set up for:
{Original filename}-{Custom Text}
Or
{Original filename}-v2Export out of Library and set the export so that the new files are added to catalog. Add the new items to the Publisher album and sort by filename.
I don't think that this would works since it would change the name of the original file as well.
For the image, you can use:
width: 70%;
float: left;
margin-right: 20px;
and then the next paragraph should have a margin-top: 0; to properly align the image with the start of the text.
But this might not look nice on mobile! I would assign an ID to the image and the style this image using custom.css. With proper breakpoints, you can have different styling for mobile and desktop.
Rod has a few pointers on CSS. Let's hope he sees this and chips in.
Ok I think I understand now. I'll create a subdirectory in my htdocs folder called test. Then move the appropriate directories and files to /test.
Yes, that's correct.
I will probably wait a week before I start, I lost my wife two months ago and am taking half her cremains to her home state of Ohio for a memorial and burial there. Photography and web stuff have been a long time hobby for me and will be comforting. Thank you Ben and Dan for this initial guidance. You'll be seeing my posts increasing and I get started on the "backlight adventure"!
I am sorry to hear of your loss. Please accept my condolences.
Ben,
Thank you for your response, which leads me to ask another question. When I copy the files to my server it includes index.php which is in the root directory of my current CE3 site. Will my current website still be available to the public while I'm building /backlight?
Thanks,
Ross
Ross, you can have your temporary site in subdirectory such as /test or a subdomain such as test.your-site.com. Using a subdirectory, the backlight files then would reside in /test/backlight.
This way, your current site will continue working as is and backlight will not interfere with it. Once you are ready for deployment, you can copy the content from our /test directory to /, visit the backlight configuration settings to update the site root, and are ready to go.
Who are you hosting your site with?
Some custom.css does the trick:
.pswp__counter {
display: none;
}Thanks Daniel,
Can you tell me where I add this custom.css file please? Or which file needs modifying to add these lines of code?
A Custom Stylesheet can be enabled in the Page Template Designer under Advanced Customization. Create a new file called /backlight/custom/css/custom.css, select it, place my code inside, and you are ready to go.
2) I don't think I'm referring to the cell number in the grid. In the above gallery, when I click on any of the thumbnails, a single large image
is displayed & because I've chosen to display 100 images per page, a sequence number eg 1/100, 2/100 is shown in the top left hand corner. This is the numbering that I want switched off. I don't want any info, other than JessicaPat-xxx shown to the client.
Some custom.css does the trick:
.pswp__counter {
display: none;
}Not to labour the point, but in link above there are two JessicaPat-008 images shown to the customer, which is in itself confusing. And when thumbnails are clicked the first JessicaPat-008 is displayed with sequence/cell number 8/100 & the second version (virtual copy) as 9/100.
So, ideally I'd like the x/100 to be removed entirely as it serves no purpose but to confuse. And I'd like to display JessicaPat-008 & JessicaPat-008-1 as per my LR galleries on my current/old website. Or if there's a naming solution in LR that handles the virtual copies in an effective naming way (that I don't have to cross ref between LR & publisher) then I'm happy to use it going forward, but please tell me what it is.
I guess this one is tricky due to how Lr handles filenames. Two workarounds come to my mind right now:
1) Did you try to rename the bw image to something like JessicaPat-008bw
2) You might want to try the {filename} token for the caption