[JurgaRParticipant]

Hello,

I am a complete beginner and have installed expanded Agency demo theme. I’ve been searching for info and watching tutorials, but still don’t understand how I can achieve the following.
I want to be able to write blog posts and see them in home page and another page of my choice, so let’s say blog post A goes to home page and travel; blog post B goes to home and photography; and maybe blog post C which goes in travel – australia. I’m looking for something that would work like this website: http://www.suitcasesandsippycups.com/ – You can see featured blog posts (e.g. Exploring Costa Rica…) on a home page, and you can see the same post when you click on for example ‘been there done that’.
Now when I create a blog post I can see it on a blog page (‘news’ page on demo version) and on let’s say featured posts or recent posts on a home page, but I cannot make that same post appear on another page.
I tried creating a portfolio page and then adding posts as portfolio items and then I assign the right category and the post appears on the page I want it to be. The problem is that when creating portfolio items, one can only choose from Image, Gallery, or Video. So I choose Image and the post looks very strange with featured image on the left and the whole long text in a very narrow column on the right.
I hope this makes some sense. So the questions are:
1. can you assign posts so that they show up in different pages and how?
2. if not, then can this be solved by posting posts as portfolio items or any other way?
3. how can you add social media share buttons to all of the blog posts (similar like you have in the demo version for all portfolio items)?

Thanks in advance for your help!

[RupokMember]

Hi there,

Thanks for writing in!

1. You can use the Recent Posts shortcodes to display blog posts on several pages – https://community.theme.co/kb/shortcode-walkthrough-recent-posts/

You can select the categories and other options (see available options from bottom of the page)

You can also select the categories to menu item – http://prntscr.com/90vdji

2. Portfolio is a different kind of post type. So it shouldn’t mix up with posts and I believe you got the solution already on #1.

3. If you are using Cornerstone, then you can just drag and drop the “Social Sharing” element to your post – http://prntscr.com/90vclv

If you are using default editor then you can use the shortcode for Entry Share – http://theme.co/x/demo/integrity/1/shortcodes/entry-share/

Hope this helps.

Cheers!

[JurgaRParticipant]

Hi and thanks for trying to help!
1. I have figured out the recent posts part, but it took me a while to understand that I could also use ‘offset’ to show more than 4 posts.
To get the posts where I want them to be, I created one of those megamenus with categories and subcategories, and that seems to work for me. But what about adding posts to Pages or Portfolio’s? Can it be done (I mean any post, not just showcasing the recent posts)? Or is it better to use Categories for blog posts and keep Pages for fixed content (like ‘home’ or ‘about’)? And what about portfolio items like the case study examples you have in the demo…
2. …I am still not sure how/if I can create portfolio items with a lot of text next to the picture without that strange look of a narrow column.
3. I’m using Cornerstone for editing of the pages, but I write posts on WP. I have already tried the code you linked to before [share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” linkedin=”true” pinterest=”true” reddit=”true” email=”true”] , but I guess I am doing something wrong as it doesn’t seem to do anything – I see exactly same code text in my blog post instead of the icons for sharing. How and where exactly do I have to insert this code? I tried it in TEXT mode of the post on WP, the same place where I write the text, and it just doesn’t seem to work. I replaced [] by <> but that didn’t do the trick either. I’d rather not use cornerstone for my posts at the moment, so could you please help me to figure this out?
Thanks a lot for your help! It may all sound ridiculously easy to someone using this every day, but it’s a big help trying to understand all this new vocabulary… 🙂

[LelyModerator]

Hello There,

1.) Please note that you can set a page to display posts or be blog index page via Appearance > Reading > Front page display : Choose a static page for you Frontpage and then under Posts page choose the page on the dropdown where you want posts to display by default. To display the list of portfolio item on a page, please note to use Layout-Portfolio via Page Templates > Template.

2.) Please share your exact portfolio item URL so we can check. Do also clarify how you want it to appear.

3.) You might be using pretty quotes. This ” is different from this "
Try to use the following instead:
[share title="Share this Post" facebook="true" twitter="true" google_plus="true" linkedin="true" pinterest="true" reddit="true" email="true"]

Hope this helps.

[JurgaRParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

#1 Please add the following code in Customize -> Custom -> CSS :

.single-x-portfolio .entry-featured, .single-x-portfolio .entry-wrap {
    width: 100%;
}
.single-x-portfolio .entry-featured img {
    margin: 0 auto;
    display: block;
}

#4

.archive.category .x-header-landmark {
    display: none;
}

#5 Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Copy _navbar.php from framework/views/global and put it in the same path inside child theme, replace existing code with following :

<?php

// =============================================================================
// VIEWS/GLOBAL/_NAVBAR.PHP
// -----------------------------------------------------------------------------
// Outputs the navbar.
// =============================================================================

$navbar_position = x_get_navbar_positioning();
$logo_nav_layout = x_get_logo_navigation_layout();
$is_one_page_nav = x_is_one_page_navigation();

?>

<?php if ( ( $navbar_position == 'static-top' || $navbar_position == 'fixed-top' || $is_one_page_nav ) && $logo_nav_layout == 'stacked' ) : ?>

  <div class="x-logobar">
    <div class="x-logobar-inner">
      <div class="x-container max width">
        <?php x_get_view( 'global', '_brand' ); ?>
      </div>
    </div>
  </div>

  <div class="x-navbar-wrap">
    <div class="<?php x_navbar_class(); ?>">
      <div class="x-navbar-inner">
        <div class="x-container max width">
          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
          <?php x_social_global(); ?>
        </div>
      </div>
    </div>
  </div>

<?php else : ?>

  <div class="x-navbar-wrap">
    <div class="<?php x_navbar_class(); ?>">
      <div class="x-navbar-inner">
        <div class="x-container max width">
          <?php x_get_view( 'global', '_brand' ); ?>
          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
          <?php x_social_global(); ?>
        </div>
      </div>
    </div>
  </div>

<?php endif; ?>

Hope that helps.

[JurgaRParticipant]

Wow, thanks a lot! The css codes did exactly what I wanted! As for the child theme, I don’t feel comfortable doing that just yet, so I found another solution and changed the way navibar looks, so that I could leave the top bar the way it was. Maybe I’ll try that when I am more familiar with the x.

[Prasant RaiModerator]

You’re most welcome! Let us know if we can be of any further assistance.

[JurgaRParticipant]

I am back with a few more questions. 🙂
1. I have created a page with portfolio layout and I see the title of it at the top which I would like to hide, the same way you gave me the solution for hiding the name of the categories. Please, could you provide a code for this as well? I also see the title of each portfolio item on top of the page, and I would like this hidden as well.
2. Portfolio items. I have adjusted the width to 75% instead of the full width as I would like to see Search and Recent Posts sidebar on the right when looking at any post – the same way that it’s visible on the portfolio page itself. Is this possible?
The portfolio page I’m talking about is ‘TEST Portfolio Page’ you can see on my website.
3. If I assign tags to the portfolio item, then they show up at the bottom under SKILLS. Can this be easily changed so that they appear in a row rather than in a column, or hidden alltogether?
Thanks again for your help!

[Paul RModerator]

Hi,

1. You can add this under Custom > CSS in the Customizer.

.page-template-template-layout-portfolio .x-header-landmark {
    display:none;
}

2. Add this in your child theme’s functions.php file

function x_get_content_layout() {

    $content_layout = x_get_option( 'x_layout_content', 'content-sidebar' );

    if ( $content_layout != 'full-width' ) {
      if ( is_home() ) {
        $opt    = x_get_option( 'x_blog_layout', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_singular( 'post' ) ) {
        $meta   = get_post_meta( get_the_ID(), '_x_post_layout', true );
        $layout = ( $meta == 'on' ) ? 'full-width' : $content_layout;
      } elseif ( x_is_portfolio_item() ) {
        $layout = 'content-sidebar';
      } elseif ( x_is_portfolio() ) {
        $meta   = get_post_meta( get_the_ID(), '_x_portfolio_layout', true );
        $layout = ( $meta == 'sidebar' ) ? $content_layout : $meta;
      } elseif ( is_page_template( 'template-layout-content-sidebar.php' ) ) {
        $layout = 'content-sidebar';
      } elseif ( is_page_template( 'template-layout-sidebar-content.php' ) ) {
        $layout = 'sidebar-content';
      } elseif ( is_page_template( 'template-layout-full-width.php' ) ) {
        $layout = 'full-width';
      } elseif ( is_archive() ) {
        if ( x_is_shop() || x_is_product_category() || x_is_product_tag() ) {
          $opt    = x_get_option( 'x_woocommerce_shop_layout_content', 'sidebar' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        } else {
          $opt    = x_get_option( 'x_archive_layout', 'sidebar' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        }
      } elseif ( x_is_product() ) {
        $layout = 'full-width';
      } elseif ( x_is_bbpress() ) {
        $opt    = x_get_option( 'x_bbpress_layout_content', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( x_is_buddypress() ) {
        $opt    = x_get_option( 'x_buddypress_layout_content', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_404() ) {
        $layout = 'full-width';
      } else {
        $layout = $content_layout;
      }
    } else {
      $layout = $content_layout;
    }

    return $layout;

  }

3. You can add this under Custom > CSS in the Customizer.

.single-x-portfolio .entry-extra .x-ul-tags {
    text-align:center;
}
.single-x-portfolio .entry-extra .x-ul-tags li {
    float:none;
    display:inline-block;
    vertical-align:top;
    padding:0 10px;
}

Hope that helps.

[JurgaRParticipant]

Thanks, it sure helps!

1. Another question: how do you add anything (like links for example) to the sidebar of let’s say a blog page or ANY category page? For example, I can completely customize Home page using Cornerstone – add sections, rows, columns, put any content I want in there… but that is not possible for the blog page nor for any of the categories I have created.

2. Also, the portfolio page says I can edit it with cornerstone, but once I go there, nothing changes no matter how many sections or rows I add, so I guess it has something to do with the selected portfolio layout. But if I choose another layout (like default) new posts don’t show up there automatically. Is Cornerstone only meant to edit default pages?

[Paul RModerator]

Hi,

1. You can add contents to your sidebar by navigating to Appearance > widgets. You can then drag items to your main sidebar.

2. Just like the blog page, when you set a page to have portfolio layout it will populate it with portfolio items and your page will no longer be editable in cornerstone. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[JurgaRParticipant]

Ok, thank your for all the explanations, I really appreciate it!

[ZeshanMember]

You’re most welcome! 🙂

[Author]

Posts