{"id":148,"date":"2023-02-16T16:51:47","date_gmt":"2023-02-16T16:51:47","guid":{"rendered":"https:\/\/floydsplace.us\/wpress\/?p=148"},"modified":"2023-02-18T18:22:07","modified_gmt":"2023-02-18T18:22:07","slug":"setting-up-this-site","status":"publish","type":"post","link":"https:\/\/floydsplace.us\/wpress\/2023\/02\/16\/setting-up-this-site\/","title":{"rendered":"Setting up this site"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/floydsplace.us\/wpress\/wp-content\/uploads\/2023\/02\/WordPress_logo.svg\" alt=\"\" class=\"wp-image-155\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One of the reasons I started this site is to get into a practice of regular writing and to keep a bit of a log of some of the changes we are planning this year. (How I actually end up using this site, however, remains to be seen; it might evolve in a different direction.) Here I&#8217;m sharing some of the steps I did to set up this site in case anyone finds it helpful. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I started with an account on Web Hosting Hub to register the domain and upload files. Web Hosting Hub is affordable and has a lot of tools that are easy to install and get going, but the connections tend to be a bit slower than I like. After logging in, I used cPanel to install WordPress. WordPress has a lot of tools being developed to quickly put together a site with a wide range of customizable functionality. I have the minimalist Twenty Twenty-Three theme activated to get started. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Within WordPress, I installed and activated the essentially default Akismet Anti-Spam and Jetpack plugins. I also installed the &#8220;Conditionally display featured image on singular pages and posts&#8221; plugin to enable featured images on the links to posts but disable them at the top of the post itself. (I like being able to use them on the main page but did not like the large shaded image at the top of the post). I also installed &#8220;Easy SVG Support&#8221; to be able to use SVG image files on the site, like the WordPress logo at the top of this post. Then I installed WP QuickLaTeX for <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/floydsplace.us\/wpress\/wp-content\/ql-cache\/quicklatex.com-988d4ca4e25f8a7fd19a0a91c66e5f7d_l3.png\" class=\"ql-img-inline-formula quicklatex-auto-format\" alt=\"&#92;&#76;&#97;&#84;&#101;&#88;\" title=\"Rendered by QuickLaTeX.com\" height=\"17\" width=\"49\" style=\"vertical-align: -4px;\"\/> rendering. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, I added this to the &#8220;Additional CSS&#8221;. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* set page background color *\/\nbody {\n  background-color: #FAF2CC;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This changes the background page color to have less contrast with the text, which makes it easier for me to read. (There is evidence that this is helpful for people with dyslexia.) <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* change the font size of image captions *\/\n.wp-block-image figcaption {\n\tfont-size: 15px;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This makes the font size of the figure captions slightly smaller than the regular text, so it is easy to separate them visually. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* change color of post comment button *\/\n.wp-element-button {\n\t background-color: #f5a742;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The &#8220;Post Comment&#8221; button at the bottom of the page was a bright lime green. This makes it less garish against the background color. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At the moment, that&#8217;s it. This site is still at its earliest stages, and I have more changes and adjustments to make. I may add updates if I make any additional substantive changes. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Links and reference<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A website hosting company, Web Hosting Hub, <a href=\"https:\/\/www.webhostinghub.com\/ \">https:\/\/www.webhostinghub.com\/ <\/a><\/li>\n\n\n\n<li>A Wikipedia article about WordPress, the software behind this site, <a href=\"https:\/\/en.wikipedia.org\/wiki\/WordPress\">https:\/\/en.wikipedia.org\/wiki\/WordPress<\/a> <\/li>\n\n\n\n<li>A Wikipedia article about the Latex document system, <a href=\"https:\/\/en.wikipedia.org\/wiki\/LaTeX\">https:\/\/en.wikipedia.org\/wiki\/LaTeX<\/a><\/li>\n\n\n\n<li>Information related to the background color; Rello, L., &amp; Baeza-Yates, R. (2012). Optimal colors to improve readability for people with dyslexia. In <em>Text Customization for Readability Online Symposium<\/em>. <a href=\"https:\/\/www.w3.org\/WAI\/RD\/2012\/text-customization\/r11\">https:\/\/www.w3.org\/WAI\/RD\/2012\/text-customization\/r11<\/a> <\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>One of the reasons I started this site is to get into a practice of regular writing and to keep a bit of a log of some of the changes we are planning this year. (How I actually end up using this site, however, remains to be seen; it might evolve in a different direction.) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":162,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"yes","footnotes":""},"categories":[13,22],"tags":[15,14],"class_list":["post-148","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computing","category-websites","tag-dyslexia","tag-internet"],"jetpack_featured_media_url":"https:\/\/floydsplace.us\/wpress\/wp-content\/uploads\/2023\/02\/WordPress_blue_logo.svg.png","views":"","_links":{"self":[{"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/posts\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":14,"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/posts\/148\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/posts\/148\/revisions\/305"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/media\/162"}],"wp:attachment":[{"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/media?parent=148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/categories?post=148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/floydsplace.us\/wpress\/wp-json\/wp\/v2\/tags?post=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}