1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

WordPress website called Website Basics

Discussion in 'Websites' started by Jonathan Nash, Apr 13, 2020.

0
  1. #1
    Hello Everyone,

    I have just launched my website https://websitebasics.co.uk which is a site aimed at people with little to no knowledge when it comes to websites and how to set one up.

    The idea is for me to post helpful guides both in the form of videos and written follow long guides in order to set a website on using a minimum start-up amount.

    I am looking for some feedback and any tips and advice I can get in order to make the website work.

    Please check out my site Website Basics and post any comments on this Thread.
    Thank you for reading and I look forward to reading your comments below.

    Jonathan :)
     
    Jonathan Nash, Apr 13, 2020 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Well, it's kind of weird that you're making sites for people who have little to no knowledge, when the site was clearly BUILT with little to no knowledge.

    Like the illegible white text over the image in the space-wasting time-wasting banner area. The broken inaccessible site navigation likely stemming from a lack of logical document structure or proper semantics. The painfully slow load times thanks to the ~700k of "JS for nothing". The hard to read long paragraphs from the max-width not matching the content needs.

    Naturally it has to be turdpress. Can recognize that monument to developer 3i -- ignorance, incompetence, and ineptitude -- anywhere.

    Popping the bonnet my suspicion that it's turdpress is confirmed as are the assumptions about the broken gibberish bloated markup. 41k of markup to deliver 3.4k of plaintext and five content images? /FAIL/ at the most basic of web development techniques.

    Something reinforced by it vomiting up the markup white-space stripped, whilst still using absolute URI's for nothing, endless pointless presentational classes for nothing, and being around four times the markup AFTER whitespace stripping than it should be WITHOUT IT.

    Again though, entirely what I've come to expect from the train wreck laundry list of how NOT to build a website -- unless your intent is to scam people -- that is turdpress. Static scripting in the markup, static style in the markup, endless pointless classes for nothing, gibberish use of numbered headings, endless pointless DIV for nothing, going so nuts with alternative picture sizes that you're wasting more code than the largest size of image should consume over the smallest, <link> tags inside <body> where they are utterly and completely invalid...

    I mean FFS, half the blasted markup is style... style that by placing it in the markup you're failing to leverage caching properly. Style that static in the markup is three times what the entire markup should be if formatting were added back into it. Style that's likely shared across sub-pages slowing your load times on sub-page visits.

    ... I mean seriously, THIS (formatted from your page)

    <body class="home page-template-default page page-id-2 wp-custom-logo layout-sidebar-none layout-responsive slider-boxed header-style1 header-sticky scrollup-on">
    <div id="body-core" class="hfeed site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a>
        <header>
            <div id="site-header">
                <div id="pre-header">
                    <div class="wrap-safari">
                        <div id="pre-header-core" class="main-navigation">
                            <div id="pre-header-social">
                                <ul>
                                    <li class="social facebook"><a href="https://www.facebook.com/Website-Basics-107931314209810" data-tip="bottom" data-original-title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                    <li class="social youtube"><a href="https://www.youtube.com/channel/UCM7Unni0gq53c1K7JuLlF9Q" data-tip="bottom" data-original-title="YouTube" target="_blank"><i class="fa fa-youtube"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="header">
                    <div id="header-core">
                        <div id="logo">
                            <a href="https://websitebasics.co.uk/" class="custom-logo-link" rel="home"><img width="200" height="90" alt="Website Basics" data-src="https://websitebasics.co.uk/wp-content/uploads/2020/04/cropped-Website-basics-logo-1.png" class="custom-logo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                <noscript><img width="200" height="90" alt="Website Basics" data-src="https://websitebasics.co.uk/wp-content/uploads/2020/04/cropped-Website-basics-logo-1.png" class="custom-logo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                    <noscript><img width="200" height="90" src="https://websitebasics.co.uk/wp-content/uploads/2020/04/cropped-Website-basics-logo-1.png" class="custom-logo" alt="Website Basics" /></noscript>
                                </noscript>
                            </a>
                        </div>
                        <div id="header-links" class="main-navigation">
                            <div id="header-links-inner" class="header-links">
                                <ul id="menu-main-menu" class="menu">
                                    <li id="menu-item-224" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/cheap-website/"><span>Getting Started</span></a></li>
                                    <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/wordpress-website/"><span>WordPress Website</span></a></li>
                                    <li id="menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/seo-for-beginners/"><span>SEO For Beginners</span></a></li>
                                    <li id="menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/blog/"><span>Blog</span></a></li>
                                </ul>
                                <div id="header-search">
                                    <a>
                                        <div class="fa fa-search"></div>
                                    </a>
                                    <form method="get" class="searchform" action="https://websitebasics.co.uk/" role="search">
                                        <input type="text" class="search" name="s" value="" placeholder="Search &hellip;" />
                                        <input type="submit" class="searchsubmit" name="submit" value="Search" />
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div id="header-nav"><a class="btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a></div>
                    </div>
                </div>
                <div id="header-responsive">
                    <div id="header-responsive-inner" class="responsive-links nav-collapse collapse">
                        <ul id="menu-main-menu-1" class="">
                            <li id="res-menu-item-224" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/cheap-website/"><span>Getting Started</span></a></li>
                            <li id="res-menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/wordpress-website/"><span>WordPress Website</span></a></li>
                            <li id="res-menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/seo-for-beginners/"><span>SEO For Beginners</span></a></li>
                            <li id="res-menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/blog/"><span>Blog</span></a></li>
                        </ul>
                    </div>
                </div>
                <div id="header-sticky">
                    <div id="header-sticky-core">
                        <div id="logo-sticky">
                            <a href="https://websitebasics.co.uk/" class="custom-logo-link" rel="home"><img width="200" height="90" alt="Website Basics" data-src="https://websitebasics.co.uk/wp-content/uploads/2020/04/cropped-Website-basics-logo-1.png" class="custom-logo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                <noscript><img width="200" height="90" alt="Website Basics" data-src="https://websitebasics.co.uk/wp-content/uploads/2020/04/cropped-Website-basics-logo-1.png" class="custom-logo lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                    <noscript><img width="200" height="90" src="https://websitebasics.co.uk/wp-content/uploads/2020/04/cropped-Website-basics-logo-1.png" class="custom-logo" alt="Website Basics" /></noscript>
                                </noscript>
                            </a>
                        </div>
                        <div id="header-sticky-links" class="main-navigation">
                            <div id="header-sticky-links-inner" class="header-links">
                                <ul id="menu-main-menu-2" class="menu">
                                    <li id="menu-item-224" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/cheap-website/"><span>Getting Started</span></a></li>
                                    <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/wordpress-website/"><span>WordPress Website</span></a></li>
                                    <li id="menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/seo-for-beginners/"><span>SEO For Beginners</span></a></li>
                                    <li id="menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://websitebasics.co.uk/blog/"><span>Blog</span></a></li>
                                </ul>
                                <div id="header-search">
                                    <a>
                                        <div class="fa fa-search"></div>
                                    </a>
                                    <form method="get" class="searchform" action="https://websitebasics.co.uk/" role="search">
                                        <input type="text" class="search" name="s" value="" placeholder="Search &hellip;" />
                                        <input type="submit" class="searchsubmit" name="submit" value="Search" />
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="clearboth"></div>
                    </div>
                </div>
                <div id="slider">
                    <div id="slider-core">
                        <div class="rslides-container">
                            <div class="rslides-inner">
                                <ul class="slides">
                                    <li><img style="background: url(https://websitebasics.co.uk/wp-content/uploads/2020/04/Webp.net-resizeimage-1.jpg) no-repeat center; background-size: cover;" alt="Get Your Website Online" data-src="https://websitebasics.co.uk/wp-content/themes/shuttle/images/transparent.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                        <noscript><img src="https://websitebasics.co.uk/wp-content/themes/shuttle/images/transparent.png" style="background: url(https://websitebasics.co.uk/wp-content/uploads/2020/04/Webp.net-resizeimage-1.jpg) no-repeat center; background-size: cover;" alt="Get Your Website Online" /></noscript>
                                        <div class="rslides-content">
                                            <div class="wrap-safari">
                                                <div class="rslides-content-inner">
                                                    <div class="featured">
                                                        <div class="featured-title"><span>Get Your Website Online</span></div>
                                                        <div class="featured-excerpt">
                                                            <p><span>Launch your website Today</span></p>
                                                        </div>
                                                        <div class="featured-link"><a href="https://websitebasics.co.uk/cheap-website/"><span>Read More</span></a></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li><img style="background: url(https://websitebasics.co.uk/wp-content/uploads/2020/04/optimize-website-seo-conversions-9.jpg) no-repeat center; background-size: cover;" alt="Getting To Grips With SEO" data-src="https://websitebasics.co.uk/wp-content/themes/shuttle/images/transparent.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
                                        <noscript><img src="https://websitebasics.co.uk/wp-content/themes/shuttle/images/transparent.png" style="background: url(https://websitebasics.co.uk/wp-content/uploads/2020/04/optimize-website-seo-conversions-9.jpg) no-repeat center; background-size: cover;" alt="Getting To Grips With SEO" /></noscript>
                                        <div class="rslides-content">
                                            <div class="wrap-safari">
                                                <div class="rslides-content-inner">
                                                    <div class="featured">
                                                        <div class="featured-title"><span>Getting To Grips With SEO</span></div>
                                                        <div class="featured-excerpt">
                                                            <p><span>Step By Step Guides On SEO</span></p>
                                                        </div>
                                                        <div class="featured-link"><a href="https://websitebasics.co.uk/seo-for-beginners/"><span>Read More</span></a></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
    Code (markup):
    Is one massive train wreck of incompetence doing the job of:

    
<body>
	<header>
		<h1><a href="/">Website Basics</a></h1>
		<form method="get" action="/">
			<input type="checkbox" id="toggle_search" class="toggle" hidden>
			<label for="toggle_search"><i class="fa fa-search"></i></label>
			<fieldset>
				<label for="search_text">Search For:</label>
				<input type="text" name="s" id="search_text">
				<button><i class="fa fa-search"></i></button>
			</fieldset>
		</form>
		<input type="checkbox" id="toggle_mainMenu" class="toggle" hidden>
		<label for="toggle_mainMenu">
		<ul id="mainMenu">
			<li><a href="/cheap-website/">Getting Started</a></li>
			<li><a href="/wordpress-website/">WordPress Website</a></li>
			<li><a href="/seo-for-beginners/">SEO For Beginners</a></li>
			<li><a href="/blog/">Blog/a></li>
		</ul>
	</header>
	<div id="socialMenu">
		<ul>
			<li class="facebook">
				<a href="https://www.facebook.com/Website-Basics-107931314209810">
					<i class="fa fa-facebook"></i>
					<span>facebook</span>
				</a>
			</li>
			<li class="youtube">
				<a href="https://www.youtube.com/channel/UCM7Unni0gq53c1K7JuLlF9Q">
					<i class="fa fa-youtube"></i>
					<span>YouTube</span>
				</a>
			</li>
		</ul>
	<!-- #socialMenu --></div>

	<main>

		<div class="carousel">

			<section style="background-image:url(/wp-content/uploads/2020/04/Webp.net-resizeimage-1.jpg);">
				<h2>Get Your Website Online</h2>
				<p>
					Launch your website Today
				</p>
				<a href="/cheap-website/" class="readMore">Read More</a>
			</section>

			<section style="background-image:url(/wp-content/uploads/2020/04/optimize-website-seo-conversions-9.jpg);">
				<h2>Getting To Grips With SEO</h2>
				<p>
					Step By Step Guides On SEO
				</p>
				<a href="/seo-for-beginners/" class="readMore">Read More</a>
			</secton>

		<!-- .carousel --></div>
    Code (markup):
    There's not one single blasted thing being done on that page to warrant more markup than that for said section. 12k of HTML taking up what should be less than 2k of code. THIS is why turdpress is 3i garbage and those using it either don't know enough HTML or CSS to be telling others how to do so, or are outright scam artists taking advantage of others. Likewise apart from the carousel / slideshow there's NOTHING there to warrant the PRESENCE of JavaScript... Yes, that includes the small screen friendly "mobile" aspect.

    Hence it's hard to take any HTML/CSS website basics you try to convey seriously. More so when you have sections flapping the yap about SEO when the non-semantic markup is a crotch shot on the accessibility front and in terms of redundancy due to the template author having no clue how to implement mobile menus. It flies in the face of the best SEO advice we ever got -- from Matt Cutts himself -- "Write for the user, not the search engine".

    But that's also part of why I consider whitespace minification of HTML to in most cases be pure comedy gold. Turning the markup into an incoherent hard to follow mess to save a few bytes, instead of fixing the ACTUAL bloat contained within the page. It's like a band-aid on a .50 BMG bullet wound.

    Again though, entirely what I've come to expect from turdpress and the people who use it. A blight upon the internet and the bane of any competent developers existence.
     
    Last edited: Apr 14, 2020
    deathshadow, Apr 14, 2020 IP
  3. Jonathan Nash

    Jonathan Nash Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    I am too polite to say what I really what to.
     
    Jonathan Nash, Apr 14, 2020 IP
  4. malky66

    malky66 Acclaimed Member

    Messages:
    3,996
    Likes Received:
    2,248
    Best Answers:
    88
    Trophy Points:
    515
    #4
    You didn't look forward to @deathshadow's comments then?:)

    He may be blunt but you could learn a lot from his posts.
     
    malky66, Apr 14, 2020 IP
  5. Jonathan Nash

    Jonathan Nash Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #5
    To be honest it is a WordPress theme and I am trying to help people set up a basic website. I stopped reading after I read I was a Turd
     
    Jonathan Nash, Apr 14, 2020 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #6
    I didn't call YOU a turd, I called your site -- and more specifically the tools you based it on -- a turd. There's a difference. At WORST I may have IMPLIED that you don't know enough HTML and CSS to be telling others who to set up a "basic website" OR (emphasis on the OR) that you're just trying to scam people. I'm actually hoping it's just the former because I can forgive ignorance.

    It's only once you've been told the problems, but continue to make lame excuses for the choice of garbage tools that do NOTHING MORE than take advantage of people who don't know any better that it becomes malice.

    Wordpress is a steaming pile, as such your site is a steaming pile. Hence anything you tell people to make with turdpress is going to be a steaming pile. That's a cold harsh truth that many people don't want to hear. That's not on you, that's on the scam artist know-nothing dirtbags who created and maintain it.

    Now you've been told, what you do with that knowledge determines whether you're a turd or not.
     
    deathshadow, Apr 16, 2020 IP