• Hi people!

    Currently I am working on a website but I am stuck. I want to implement something I have seen on another website, but cant figure out how to do it.

    My gut says its simple, its just I am a complete layman ??

    I would like to order articles in boxes on a page, and that when you click on that ‘box’ you get redirected to an article.

    It is precisely like here:

    https://sunni-instituut.nl/sunni-instituut.nl/category/vraag-en-antwoord/hanafi-fiqh/

    Can someone please explain me how to do this?

    Thank you all in advance!!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi,

    You have three options:

    1- Use the same theme as in sunni-instituut.nl, which is by the way free to download: https://justfreethemes.com/gadgetry-free-wordpress-theme/

    2- Hire someone to do this task for you for $5: https://www.fiverr.com/

    3- If you have some expertise in php; try to edit your theme files usually: index.php, home.php. or code the page from scratch using this code:

    <?php query_posts('cat=HERE-CATEGORY-NUMBER&showposts=HERE-NUMBER-OF-POSTS-TO-SHOW'); ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    
    <?php
    //HERE GOES YOUR CUSTOM PHP CODE
    ?>
    
    HERE SOME HTML CODE IF NEEDED
    <?php endwhile; endif; ?>
    <?php wp_reset_query(); ?>

    Good Luck,

    Thread Starter Nazzam

    (@nazzam)

    Hi there, thank you for your quick reply!

    1. I use the same theme ??

    2. No thanks, I need to learn this myself ??

    3. Dont have expertise, but your advice is taken, and thank you very much for your examples!

    I will work on this right now, I just needed to know how to start!

    Thank you very much!

    NP Sir! Glad that helped ??

    Thread Starter Nazzam

    (@nazzam)

    Hi there ??

    I couldnt make it work… I think it should be something very simple, I am just keep missing the point.

    When I use element inspect, I see the boxes are called ‘div-post item’. I know this is a valuable clue, but I am stuck as to go further.

    Thread Starter Nazzam

    (@nazzam)

    In the website I took as an example (www.sunni-instituut.nl), I saw this usage. Can someone explain to me how I can use this for my own stuff?:

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    <div class="post-item ">
        <div class="post-image">
            <a href="https://sunni-instituut.nl/sunni-instituut.nl/werken-als-caissiere-bij-een-supermarkt-hanafi/"></a><a href="https://sunni-instituut.nl/sunni-instituut.nl/werken-als-caissiere-bij-een-supermarkt-hanafi/"><img src="https://sunni-instituut.nl/sunni-instituut.nl/wp-content/uploads/2014/07/hanafiblog-280x183.png" class=" " alt="Werken als caissiere bij een supermarkt [Hanafi]" width="280" height="183"></a>
        </div>
        <div class="post_title">
                <div class="post_tag"><span>Hanafi fiqh</span></div>
                <h2><a href="https://sunni-instituut.nl/sunni-instituut.nl/werken-als-caissiere-bij-een-supermarkt-hanafi/">Werken als caissiere bij een supermarkt [Hanafi]</a></h2>
        </div>
        <div class="post-descr">
            <p></p><p>Vraag Ik werk als caissiere in een supermarkt. Ik wil weten, aangezien ik te maken heb met haram producten als vlees, varken etc., of het haram is de producten aan…</p>
    <p></p>
        </div>
        <div class="post-meta-bot">
    							<span class="post-date">30th maart 2015</span>
    			        <a href="https://sunni-instituut.nl/sunni-instituut.nl/werken-als-caissiere-bij-een-supermarkt-hanafi/#comments">0 Comments</a>
        </div>
    </div>
    Thread Starter Nazzam

    (@nazzam)

    Sir, I feel its very simple but cant find a solution.

    It seems they are the same ‘boxes’ that appear on the frontpage when you make a new article.

    If I could just find a way how to implement this on other pages than the frontpage ??

    I would like’boxes’ on this page:

    https://islam-instituut.nl/wp-admin/customize.php?url=http%3A%2F%2Fislam-instituut.nl%2F

    And I need to be able to edit many more pages, as seen in the menu.

    It should be possible, cause https://www.sunni-instituut.nl has done it.

    What also strikes me, is that the boxes are the same boxes that appear automatically on the frontpage when you make a new article.

    Using ‘inspect element’, I saw they also have the same name.

    https://islam-instituut.nl/?paged=1

    Please help, anyone?

    I am afraid that you are not experienced enough. Get some wordpress lessons from udemy.com or go with suggestion two.

    Another suggestion: download the theme as above suggested and try to copy the code pieces and edit to convey your needs.

    Thread Starter Nazzam

    (@nazzam)

    So out of your answer I understand its a thing that cannot be solved with a simple plugin or editing?

    Well in any case thank you very much for your replies!

    I will follow your advice, at least I know now what to do ??

    Better than not to know and stay static!

    Thank u again ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to fix this..’ is closed to new replies.