{"id":541,"date":"2024-06-25T17:18:11","date_gmt":"2024-06-25T17:18:11","guid":{"rendered":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/06\/25\/re-creating-the-new-york-times-website-in-under-30-minutes-using-wordpress-com-wordpress-com\/"},"modified":"2024-06-25T17:18:11","modified_gmt":"2024-06-25T17:18:11","slug":"re-creating-the-new-york-times-website-in-under-30-minutes-using-wordpress-com-wordpress-com","status":"publish","type":"post","link":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/06\/25\/re-creating-the-new-york-times-website-in-under-30-minutes-using-wordpress-com-wordpress-com\/","title":{"rendered":"Re-Creating The New York Times&#039; Website in Under 30 Minutes Using WordPress.com &#8211; WordPress.com"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.com\/blog\">WordPress.com News<\/a><br \/>Using WordPress blocks and the Site Editor to quickly build a lookalike of one of the most famous sites on the web. <br \/>Jeremy Anderberg<br \/>In this &#8220;Build and Beyond&#8221; video, Jamie Marsland re-creates <a href=\"http:\/\/nytimes.com\"><em>The<\/em> <em>New York Times&#8217;<\/em> website<\/a> in less than 30 minutes using WordPress.com. By utilizing mega menus, master layouts, typography controls, and post grids, Jamie shows us what&#8217;s possible with the limitless customizations available with WordPress.<br \/>When it comes to mega menus, specifically, it&#8217;s worth noting that this is a highly complex customization that should only be attempted by WordPress pros and is mainly shown here as a demo of what&#8217;s possible. <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/02\/29\/an-introduction-to-block-based-mega-menus\/\">Please read this blog post<\/a> on the WordPress.org developer blog before embarking on your own mega menu. <br \/>To learn more and get started on your own site today, click below:<br \/><strong><label for=\"subscribe-field\">Email Newsletter<\/label><\/strong><br \/>Missing out on the latest WordPress.com developments? Enter your email below to receive future announcements direct to your inbox. An email confirmation will be sent before you will start receiving notifications\u2014please check your spam folder if you don&#8217;t receive this.<br \/> \t\t\t\t\t<label \t\t\t\t\t\tid=\"subscribe-field-label\" \t\t\t\t\t\tfor=\"subscribe-field\" \t\t\t\t\t\tclass=\"screen-reader-text\" \t\t\t\t\t> \t\t\t\t\t\tEmail Address:\t\t\t\t\t<\/label>  \t\t\t\t\t<input \t\t\t\t\t\t\ttype=\"email\" \t\t\t\t\t\t\tname=\"email\" \t\t\t\t\t\t\t \t\t\t\t\t\t\tstyle=\"width: 95%; padding: 1px 10px\" \t\t\t\t\t\t\tplaceholder=\"Email Address\" \t\t\t\t\t\t\tvalue=\"\" \t\t\t\t\t\t\tid=\"subscribe-field\" \t\t\t\t\t\t\trequired\t\/>\t\t\t\t<br \/> \t\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"subscribe\"\/> \t\t\t\t\t<input type=\"hidden\" name=\"blog_id\" value=\"3584907\"\/> \t\t\t\t\t<input type=\"hidden\" name=\"source\" value=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/\"\/> \t\t\t\t\t<input type=\"hidden\" name=\"sub-type\" value=\"widget\"\/> \t\t\t\t\t<input type=\"hidden\" name=\"redirect_fragment\" value=\"subscribe-blog\"\/> \t\t\t\t\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"32851b60ec\" \/>\t\t\t\t\t<button type=\"submit\" \t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"wp-block-button__link subscribe-button-custom\" \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t> \t\t\t\t\t\tFollow\t\t\t\t\t<\/button> \t\t\t\t<br \/><span>Comments are closed.<\/span><br \/>One of the biggest problems with design, I think, is trying to make your site look good on mobile and desktop. Having sidebars is great for desktop sites, but it doesn&rsquo;t transfer to mobile very well. <br \/>According to the Google analytics, traffic to my site is about 54% mobile and about 45% desktop, with tablet showing barely over 1%. I wish we had an option to optimize it based on what the viewer was coming to your site with.<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441409&#038;_wpnonce=3811f246b2\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441409\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"4\">4 people<\/a><\/span><br \/>I feel the answer is: it&rsquo;s already optimized. The issue is designing for the desktop first. Mobile use will only increase until the next tech revolution, and then it&rsquo;s on to that. There&rsquo;s no way to account for all the screen sizes and service types these days. Use an up to date theme, WordPress core, and don&rsquo;t add unnecessary items.<br \/> *This isn&rsquo;t a speech to you, just my thoughts in general that came up after reading your comment. &#128578;&#128588;<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441599&#038;_wpnonce=6ad1a92a10\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441599\" class=\"comment-like-feedback\">Like<\/span><br \/>This guide to recreating The New York Times&rsquo; website on WordPress.com in under 30 minutes is fantastic! It&rsquo;s super easy to follow, even for beginners. The step-by-step instructions are clear, and I love how it helps you achieve a professional look quickly. Big thumbs up to the author for sharing this helpful tutorial!<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441430&#038;_wpnonce=eb244fc0d7\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441430\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"4\">4 people<\/a><\/span><br \/>I just started My Blog Can you Please Guide me How to make it properly, I&rsquo;m too lost in this because of WordPress layout has been changed so much&hellip; and They have puted nonsence stuff in here that are not even required in here.<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441442&#038;_wpnonce=c0b8b8f68e\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441442\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"4\">4 people<\/a><\/span><br \/>Hey there! We have a great course for getting started on your WordPress site here: <a href=\"https:\/\/wordpress.com\/learn\/courses\/getting-started\/\" rel=\"ugc\">https:\/\/wordpress.com\/learn\/courses\/getting-started\/<\/a>. Hope this helps!<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441448&#038;_wpnonce=ec9e47aa1c\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441448\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"4\">4 people<\/a><\/span><br \/>Just add some free access it will make it greater no action blocks<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441488&#038;_wpnonce=ab1626e160\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441488\" class=\"comment-like-feedback\">Like<\/span><br \/>This is awesome <br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441503&#038;_wpnonce=814b17dd3c\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441503\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"3\">3 people<\/a><\/span><br \/>Amazing! I have to say I&rsquo;m envious. I guarantee my attempt would not run so smoothly. \ud83d\ude42<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441509&#038;_wpnonce=a2b2d9d359\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441509\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"4\">4 people<\/a><\/span><br \/>I admire sites whose blocks respond to mouseover by tinting the block, highlighting the content. I haven&rsquo;t yet found how to duplicate this sleek effect &ndash; suggestions?<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441594&#038;_wpnonce=ba048ed475\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441594\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"1\">1 person<\/a><\/span><br \/>Glad to see James getting some attention and recognition here on the WordPressdotcom blog. He&rsquo;s one of my favorite WordPress people who brings the latest news about WordPress. Keep posting his content, and I&rsquo;ll read this blog more lol. I&rsquo;m already subscribed to his Youtube.<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441609&#038;_wpnonce=4e7c3c596a\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441609\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"1\">1 person<\/a><\/span><br \/>Very impressive and useful &#128526;<br \/><a href=\"https:\/\/wordpress.com\/blog\/2024\/03\/14\/re-creating-nyt-website-using-wordpress\/?like_comment=441855&#038;_wpnonce=e43ef2e297\" class=\"comment-like-link needs-login\"  data-blog=\"3584907\"><span>Like<\/span><\/a><span id=\"comment-like-count-441855\" class=\"comment-like-feedback\">Liked by <a href=\"#\" class=\"view-likers\" data-like-count=\"1\">1 person<\/a><\/span><br \/><a id=\"enblog-cta-footer\" class=\"button is-primary is-large is-cta wpcom-button\" href=\"\/\/wordpress.com\/start\/?ref=enblog-cta-footer\">Get Started<\/a><br \/> \t\t<span>An <\/span><a class=\"automattic-logo\" href=\"https:\/\/automattic.com\/\">Automattic<\/a><span> Experiment<\/span>\t<\/p>\n<p><a href=\"https:\/\/news.google.com\/rss\/articles\/CBMiTmh0dHBzOi8vd29yZHByZXNzLmNvbS9ibG9nLzIwMjQvMDMvMTQvcmUtY3JlYXRpbmctbnl0LXdlYnNpdGUtdXNpbmctd29yZHByZXNzL9IBAA?oc=5\">source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress.com NewsUsing WordPress blocks and the Site Editor to quickly build a lookalike of one of the most famous sites on the web. Jeremy AnderbergIn this &#8220;Build and Beyond&#8221; video, Jamie Marsland re-creates The New York Times&#8217; website in less than 30 minutes using WordPress.com. By utilizing mega menus, master&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-541","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/comments?post=541"}],"version-history":[{"count":0,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/541\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/media?parent=541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/categories?post=541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/tags?post=541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}