The theme does not appear in the WordPress dashboard.CSS problem?

I created my own original theme from HTML, CSS, and PHP in WordPress.
"If you look at ""customization"", the design will collapse."

(1) The logo MOFULOG appears small for some reason.The verification tool allows you to use the

<a href="file:///Users/kuranishifumi/Desktop/mofulog/index.html">MOFULOG</a>

<a href="http://localhost:8888/wordpress" class="blog_title">MOFULOG</a>

For some reason, the display is completely different from .It seems that you can create a logo by editing the basic information of the site → title of the site, but where did the html and css that I typed go...

(2) Also, the hamburger menu, which should only be displayed on mobile, is always displayed in Customization.
　→ Why do you hide css and non-mobile cases with display.none?

(3) "Customization" shows the mysterious characters of "mofulog" and "To New Articles to Old Articles."

(4) In "Customization", "Enter text to search..." disappears.

It would be very helpful if you could tell me why css is no longer reflected instead of a detailed answer."Also, ""wordpress css collapses"" and so on, but I can't find a solution…
" In the previous stage, all csss were not reflected, but it was resolved by adding php.

https://gyazo.com/23249e43edafe41ba6609386cc4272f3

https://gyazo.com/eaa3bb8fb8146cf2e029fc5c11346963

HTML, CSS, PHP
The code is huge and I don't know where to disclose it, so if you comment on which language you want to see, I will post it separately.

WordPress 4.9.7
MAMP
ATOM

php html css wordpress

2022-09-30 21:34

1 Answers

When you press the appearance on the dashboard and when you press the theme details are simply screenshots of the theme prepared by the theme creator, so try installing screenshots (like gyazo's first image) in the original theme directory, for example, screenshot.

Create a screenshot of the theme.Name the file screenshot.png and save it to the theme directory.The screenshot correctly reflects the theme design and saves it in PNG format.The recommended image size is 880x660, which is actually 387x290, but doubles the image size to support HiDPI displays with higher screen resolution. -- Create https://wpdocs.osdn.jp/ Theme

I can't say for sure the current state information about the behavior of "When I press Custom", but I'm concerned about the link tag when reading style.css in header.php.

In the preview iframe that appears when you press Custom, check the final HTML link tag (for example, Google Chrome would have a menu similar to Show Frame Sources in the right-click menu, so you can check the final HTML from there).

If get_stylesheet_uri() or bloginfo('stylesheet_url') identifies style.css, it should look like this:

<link rel="stylesheet" href="https://{domain name}/wp-content/themes/{original theme directory name}/style.css">

Alternatively, if you are referring directly to style.css, you should see the following:

<link rel="stylesheet" href="/wp-content/themes/{original theme directory name}/style.css">



		
		
			

				

					
				

				
					2022-09-30 21:34

			
			If you have any answers or tips



		

	
		Popular Tags
	
	python x 4647
android x 1593
java x 1494
javascript x 1427
c x 927
c++ x 878
ruby-on-rails x 696
php x 692
python3 x 685
html x 656
	


	
		Popular Questions
	
	
	516 Understanding How to Configure Google API Key

	535 When building Fast API+Uvicorn environment with PyInstaller, console=False results in an error

	503 No exact matches in call to instance method 'append'

	533 Who developed the "avformat-59.dll" that comes with FFmpeg?

	527 Unable to install versioned in Google Colab