• Resolved Ed

    (@eddie1950)


    I am trying to create a character blog post template that somewhat resembles this here (S. Snake) and here (Luigi). I am not a coder or anything. I’m pretty basic at these things, so I am not sure what to do. I have done the best I can with what I know. Here are some of the issues I have come across and questions I have:

    Gutenberg really does not like multiple content blocks. When I have many of them in a custom template and try to type something, WordPress crashes. The title block doesn’t have this issue. Another issue is that the content and title blocks are all linked. How do I change this so that each content block is different so I can edit them accordingly to each character? Images linked below:
    Screenshots

    Also, a help request: Is it possible to create a carousel in a template that is editable with every post? (to clarify: “featured image” block but for carousels instead). I would like one of these, just like in the example above, which has a carousel of images specific to each character.

    Steps to recreate WordPress crashing:
    Plover Kit – Akita Blog theme
    First method:
    Posts> Add Post> Post icon (top right) > Template: Single Posts > Change Template >[custom template]> type in content block when more than one are in template

    Second method:
    Leave default template> type out words in the content block> change to custom template with multiple content blocks> either 1. click on content block and try to change words or 2. leave for a few minutes> both will end up unresponsive

    It also automatically deselects the content block once clicked on.

    If anyone can help, that would be awesome, thanks!

Viewing 10 replies - 1 through 10 (of 10 total)
  • I’m trying to reproduce your steps with Playground

    I have installed Akita Blog theme and tried to reproduce the problems you are mentioning but I can’t. Maybe there is another plugin you installed interfering here?

    Thread Starter Ed

    (@eddie1950)

    @sirlouen hello!
    I deactivated all plug-ins and it did not resolve the issue. Do you have any suggestions on how to work around multiple content blocks to get a similar layout in the photos above?
    Thanks

    The layout seems pretty simple, like Wikipedia. You simply two blocks of content, the main content and a sidebar to the right. Also a couple custom fields could do the trick for the sidebar elements (check for Secure Custom Fields). Personally I would probably create a Custom Post Type for this type of characters (unless your site is going to be only based on them, in this case with regular posts will be enough).

    Thread Starter Ed

    (@eddie1950)

    @sirlouen Fantastic! Thanks you! I will make an attempt to create the template page. Is it fine if I leave the thread open for now, so I can send some screenshots and ask you more questions about the layout if (and when) I run into any problems I’m not sure how to fix?

    Sure you can ask here if you have any questions and probably me or other members could help you.

    Thread Starter Ed

    (@eddie1950)

    Hello, @sirlouen
    I have a question regarding carousel gallery using SCF. I have the field set up in a repeater type with a gallery underneath. However, it will not display the images I have uploaded in the proper section. It gives me an error message with the meta block. (shown here).

    Here is an example from the website (not yet corrected for phones/tablet):
    https://freedom-parade.com/colony-rep/massachusetts/

    Here is a picture of the website in case a laptop/computer is not available.
    I was able to get the left-hand layout organized and filled with dummy content that is different for the characters, which is awesome. I am not sure if coding is required to get this gallery displayed. I have done research with YouTube and they all lead back to coding, but maybe there is another option for this given they’re a few years old? I am looking to do a static carousel that one has to manually click the arrows to see more images. Here is a screenshot from the back-end to show things in detail.
    Any suggestions with SCF?
    Thank you

    This carousel thing can be a little tricky. The problem here is that you need some block that can integrate with SCF dynamic data. Generally, you can do this with some code (basically creating by your own, the block itself). Probably all those sites you mean talking about code, are explaining to you how to create such block by yourself.

    You can also achieve this with a plugin. The issue is that 99% of the time, “pro/paid” versions are required to enable extra features for blocks, as they only give very basic blocks that can be found anywhere just for free. I don’t really know a free plugin that provides the carousel block for you, if you are genuinely interested in this feature, you may probably need to dig further: you require a carousel block that integrates with dynamic data (in this case SCF fields). In SCF instead of using a repeater, you should use the Gallery field and configure it accordingly to what the block is asking for (you can choose to provide a list of images (an array) or the ID of the images in the field (if one does not work, chose the other one).

    Thread Starter Ed

    (@eddie1950)

    @sirlouen Thank you for the info! I actually found a plug-in that works with SCF that does dynamic carousels for free called Smart Slider. So far I have been able to get the images uploaded on the slider, but I am having trouble getting the slides on the correct side of the screen. https://freedom-parade.com/colony-rep/massachusetts/
    (The sizing issue is another thing altogether. Haven’t been able to figure out how to get it to look right. Still experimenting).

    Here is the back end: https://imgur.com/a/cVEhrFf
    All I have is the title and the short code added. I can’t seem to place it where I want, which would be on the top right hand side, above where the chart will be. There is also php code provided, but I am not sure where to put/what to do with it, or if that would make much of a difference for placement.
    (Edit: I have tried to use multiple column formats on the post page for the character, but it did not work. It did move it to the right a little, but not enough to place it on the other side).
    SCF uses a meta block, so I can place it freely in the template. With Smart Slider, I have to place it in the character post itself, so I have little control over where it goes.

    Any suggestions here? The help is much appreciated thanks!

    • This reply was modified 10 months, 4 weeks ago by Ed.
    Laszlo

    (@laszloszalvak)

    Hi @eddie1950

    I am Laszlo from Nextend, we are the developers of Smart Slider 3.

    As for publishing the slider:

    When you add the shortcode to the post content field, it will be rendered exactly at the place where your template displays the post content. So on our end it is not possible to change that.

    If you want to render the slider into the right side of the page, then you need to publish the slider to a container that is located there.

    Since you are trying to build a dynamic website – so different posts display different sliders – you should probably:

    • add a custom field within SCF for your post type
    • in your theme you should render this custom field to the intended container and run the do_shortcode() function over it

    Please note that this approach requires some developer experience, as custom coding is out of the scope of our support. But here you can find a guide for ACF:

    I believe it will work the same with SCF, too but you won’t have a dedicated “Smart Slider 3” field there – as that integration is available only for ACF. So in case of SCF, you should probably use, e.g. a text field and define the shortcode there ( in each post ) as text.

    As for the images:

    As I see you added the images as Slide background images:

    In this particular case, it’s based on the “Slide background image fill” option:

    how your images look like in the slider.

    E.g.: in the case of the 1st slider( slider ID: 7 ), you used the “Center” option:

    which positions the images to the center of the slider and displays them with their original size ( 580px*580px, 550px*550px, 813px*813px, ) without scaling them down. With this option the background images won’t be responsive.

    To avoid this behavior you should change the fill mode to “fit” or “blur fit” instead. That way the background images won’t be cropped.

    Best regards,
    Laszlo.

    Thread Starter Ed

    (@eddie1950)

    @laszloszalvak Thank you very much! That helps a lot. I’m happy to have help directly from a developer! I’m enjoying Smart Slider so far and I’m happy it works so well with SCF! Thanks for your contribution and work. I guess this will be my intro to a little coding.

    Thanks to both you and @sirlouen ! The help is super appreciated.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Posts: content block issues + template editing help’ is closed to new replies.