{"id":296,"date":"2021-11-29T00:01:40","date_gmt":"2021-11-29T00:01:40","guid":{"rendered":"https:\/\/writingagame.com\/?p=296"},"modified":"2021-11-29T00:04:21","modified_gmt":"2021-11-29T00:04:21","slug":"wordpress-fix-4-header-footer","status":"publish","type":"post","link":"https:\/\/writingagame.com\/index.php\/2021\/11\/29\/wordpress-fix-4-header-footer\/","title":{"rendered":"WordPress fix 4. Header, footer"},"content":{"rendered":"\n<p>1. <strong>Icons in the top menu<\/strong><br><br>WordPress <em>Dashboard-&gt;Appearance-&gt;Menus<\/em> allows to manage menus, but in text format only. The only fields available are &#8220;URL&#8221; and &#8220;Navigation Label&#8221; in a text format. However, though WordPress itself doesn&#8217;t offer image options for the menu, CSS does.<\/p>\n\n\n\n<p><strong>Professional advice from Artem Demin<\/strong>:<\/p>\n\n\n\n<p>It is possible to access menu item by its name\/title. Then we can adjust its content and appearance. The code for flags in the top menu:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\n\/* flags *\/\na.nav-link&#91;title=&#039;En&#039;]{\n    content: url(https:\/\/writingagame.com\/img\/icons\/flag_us01.jpg);\n\twidth: 40px;\n\tpadding-top: 12px;\n}\na.nav-link&#91;title=&#039;Ru&#039;]{\n    content: url(https:\/\/writingagame.com\/img\/icons\/flag_ru01.jpg);\n\twidth: 40px;\n\tpadding-top: 12px;\n}\n\n<\/pre><\/div>\n\n\n<p><em>Dashboard -&gt; Appearance -&gt; Customize -&gt; Additional CSS<\/em>, add code above, <strong>Publish<\/strong>.<\/p>\n\n\n\n<p>Result:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b02\/c04\/01.jpg\"><\/p>\n\n\n\n<p>Well, I would never figure it out by myself\u2026<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>2. <strong>Footer<\/strong><br><br>The footer in my case was little too big:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b02\/c04\/02.jpg\"><\/p>\n\n\n\n<p>My attempts to find where I can edit it failed.<\/p>\n\n\n\n<p><strong>Professional advice from Artem Demin:<\/strong><\/p>\n\n\n\n<p>This is an automatically generated by WordPress non-customizable footer. But we can remove it and add your own instead.<br><em>Dashboard -&gt; Appearance -&gt; Customize -&gt; Additional CSS<\/em>, add code:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\n\/* footer *\/\n.site-info {display: none;} \/* hides original footer *\/\n.site-footer {text-align: center;}\n.site-footer:before { \/* placing content before hidden footer *\/\n\tcontent: &quot;Copyright \u00a9 WritingAGame.com&quot;;\n\tcolor:grey;\n}\n\n<\/pre><\/div>\n\n\n<p><strong>Publish.<\/strong><\/p>\n\n\n\n<p>Result:<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"https:\/\/writingagame.com\/img\/b02\/c04\/03.jpg\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n","protected":false},"excerpt":{"rendered":"<p class=\"mb-2\">1. Icons in the top menu WordPress Dashboard-&gt;Appearance-&gt;Menus allows to manage menus, but in text format only. The only fields available are &#8220;URL&#8221; and &#8220;Navigation Label&#8221; in a text format. However, though WordPress itself doesn&#8217;t offer image options for the menu, CSS does. Professional advice from Artem Demin: It is possible to access menu item [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-296","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/posts\/296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/comments?post=296"}],"version-history":[{"count":7,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/posts\/296\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/posts\/296\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/categories?post=296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/writingagame.com\/index.php\/wp-json\/wp\/v2\/tags?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}