francomusso

Forum Replies Created

Viewing 14 replies - 1 through 14 (of 14 total)
  • Thread Starter francomusso

    (@francomusso)

    Hi sareiodata, thanks so much for taking the time out to help.
    The article you provided was extremely helpful.
    Altough the functionality isn’t as easy to implement as I had anticipated, I think it’s definitely worth investing the time for such useful functionality… and the WCK Front End plugin and Creation Kit look fantastic too, by the way ??

    Hi worksmartinfo.

    The big issues I think you need to look out for and correct are:
    1. Multiple body tags – the body tag is supposed to fully contain all the contents of the page. There should only be one opening body tag and one closing body tag.
    You currently have 2 <body> and 2 </body> tags, one ending midway through the page.

    2. Open div tags. Your page will never look correct as long as you have div tags that remain unclosed. A quick check of your code shows 65 opening div tags and only 64 closing div tags. You may want to have a look for the <!– end #container –> as there is no opening div tag with an id of container, which would suggest that’s the problematic one.

    As someone else that was very recently new to html and css, I thought I’d share some starters to get you on the right path. Pelase don’t take this as me being patronising, we all start somewehre – maybe this will help someone else if its too basic for you…

    From my experience, Div tags are the biggest factor to check as so much of your layout depends on them.
    Always make sure you have the same number of opening div tags (beginning <div) as closing div tags (beginning </div)

    Leave yourselft comments in the code to remind yourself which piece does what – it makes it so much easier to see which divs are missing a closing div, or to see if you’ve duplicated a tag by mistake. For example, when closing a div, make a note of which div you’re closing e.g. follow the closing div tag with something like <!--end of main content column-->
    Comments won’t appear on the site, only in the code so you don’t need to worry about visitors seeing them.

    Indent nested code so that it’s easy to see which content belongs to which div / footer / section

    Please could you let us know which tools you use for editing your html and css?
    I would strongly advise against using the Editor built into the WordPress dashboard as your main editor. Although it’s very handy for small tweaks on the go, it can be much harder to spot mistakes due to the lack of syntax highlighting / colour coding and line numbering. Just a fairly basic code free code editor like Notepad ++ would make your life much easier, avoiding things like a mis-spelled / mis-typed tag breaking your whole page.

    A word of warning – I would not expect this site to rank well with search engines, or to display consistently across different browsers in it’s current state due to the mishmash of tags from different themes and the amount of non-structural code that’s included e.g. script tags and style tags, so I would urge you to make all the above changes before putting the site live – please don’t just settle for making the comment box and sidebar display correctly.

    No problem, I’ll take a look at the other and see if I can help.
    Please mark this issue issue as resolved in the meantime.
    thanks

    If you make the code change I listed above you will see that it is indeed changing the ‘leave a reply’ text. It may look a little confusing that it comes after in the code. Make the change and you’ll see that text is controlled by the ‘title_reply’ text. I used the exact same theme to test it

    Yes, please do. If it’s a long file, I’d suggest you use something like pastebin and then provide a link here.
    All the best,
    Franco

    To get the Pages section back on the left hand side of the menu editor screen…

    1. Click the Screen Options drop-down arrow to the top of the screen
    2. Tick the Pages checkbox

    You may then close the Screen Options area

    Regarding the number of pages you saw in that menu…A couple of things to consider:

    • Only ‘static’ pages would appear in that panel, not any blog posts (to see these, you would need to enable the Posts checkbox using the steps above
    • The first (default) tab in the Pages panel only lists your most recent pages. Try selecting the View All or Search tab to find any other pages e.g. pages created a long time ago

    Hi worksmartinfo,
    The text you are looking for is an argument in the comment_form function. The reason you could find the text ‘Leave a reply’ is that Basically’s comment form is using the default text, so nothing is specified.

    1) Which sheet should I be editing after going to “Appearance” and “Editor”? There are many sheets to choose from.
    In the Appearance > Editor screen, select comments.php for editing.

    2) WHAT is the exact code of words I should be searching for to make the change to?
    Note – you’ll need to add a comma to the end of this and add a new line of codee, NOT change the existing one.

    $args = array( 'label_submit' => 'Send your comment'
);

    3) Exactly WHERE can that code be found?
    That code is 8 lines or so from the end of the file

    4) Please show an example. You can use the words “Have Your Say” instead of “Leave A Reply”.

    You’ll need to update that to say:

    <?php
	$args = array(
		'label_submit' => 'Send your comment',
		'title_reply' => 'Have Your Say'
);

    Hi seivadf,
    The code you provided makes use of a custom function named theme_post_wrapper. It’s a little difficult to help at the moment without seeing that function.

    Which theme are you using?

    You’re in luck – this theme uses standard post thumbnails.

    To set a thumbnail image for a post…
    From the New Post or Edit Post screen, click the Set Featured Image link from the Featured Image panel on the right. Either upload a new image or select an existing image from the Media Library and then click Use as Featured Image.

    Click the Publish/Update button and job done!

    Hi havingfun,
    The file you need is Main Index Template (index.php)

    Remove everything between <div class=”latest-posts”> and the </div> tag that follows 19 lines or so down (Note – only remove one of the </div> tags or you’ll screw the footer up!

    I hope that helps. Please mark as resolved if if does.

    Hi nats2907,
    You need to edit the style.css file (this can be done from the dashboard by going to Appearance > Editor)

    The image is styled using img.wp-post-image. Use one of the examples below…

    To scale based on a percentage of the column width:

    img.wp-post-image {
width: 50%;
height: auto;
}

    To scale to specific pixel dimensions:

    img.wp-post-image {
width: 300px;
height: 200px;
}

    I hope that helps. Please mark as resolved if that sorts it

    If I understand you correctly, you want to have a specific heading at the top of your blog listing page, but use the post’s title as the heading at the top of your blog posts?

    I would add the following in index.php

    <?php
if ( is_front_page()) { ?>
   <h1>A standard heading</h1>
<?php } else { ?>
    <h1><?php the_title(); ?></h1>
<?php } ?>

    The posts themseleves will continue to use the post title as per your single.php

    I hope that helps!

    Another option (perhaps more flexible) would be to assign a class to the menu item within the menu editor in WordPress.

    To do so, open the Screen Options dropdown at the top of the Menus editor page and tick the CSS Classes checkbox.

    You will then see an extra field in each menu item named CSS Classes (optional). Enter the CSS class you’d like to use here e.g. menu-highlight or featured-item

    Then in your css file, you can style it using something like:

    .featured-item {
background-color: #FFFF00;
color: #000;
}

    or to be more specific to your code:

    #nav ul li a.featured-item {
background-color: #FFFF00;
color: #000;
}

    This approach will be able to cope with any changes to menu order e.g. if item-54 became item-57 due to site updates, etc.

    I use this approach to style my home link as an icon rather than taxt, and to apply a ‘highlight’ class to new / featured menu items

    Please note that caevan’s like above was missing a colon after http. The link should be https://www.presscoders.com/category/wordpress-tutorials/

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