How can I add a table in a theme using Wordpress - html

I’m building a site as part of my research using Word Press. I’m trying to display samples on the homepage in a neat way, something similar to this one http://www.maitrechoux.com/menu/index.html?categ_id=all .
I have removed all of the home function using remove_action. How can I add the table and then how can I add the pictures inside each cell? Is it only matter of CSS or do I need to add HTML code for this? I recently joined word press community and this is the only thing remained to complete my website. Really appreciate any help!

NO, don't use tables. I think what you actually want is just to display something that looks like table.
You need to code both html and css for that.
You can use any of popular css frameworks to help you out, or you can code it yourself using, flex, floats, or grid...
When you are done then with wp functions you need to render that data in your wp theme.
Your question is to broad and big to be answered via code snippets or examples, sorry.

I recently wanted to change the template of my WordPress website and use React tables.
But this would cause my site to drop in Google rankings, and in terms of SEO, this would not be a good thing.
That's why I decided to use my template pre-built tables and change the files to my liking in the settings section by editing css files.

Related

Adding custom HTML/CSS to a client's existing store in Shopify

Hi I'm totally new to Shopify and I'm having trouble grasping some basic stuff. So I have a client with an existing store and I was asked to design a landing page. I did all the html and css in vscode before I really took a look at Shopify and I want to know what the best way to create the page using the code I've already written would be. So far it looks like I have to create a custom template and then manually edit the JSON file but I have no idea how to work with JSON / how to link custom styles to that file. Can I create a template using Liquid and then refer ONLY that template to a custom styles sheet? I don't want to update the stores theme file before I know that this is all going to work / I'm wary of any kind of accidental overlap of tags and classes.
any help would be appreciated
Nothing to worry about. You can create sections with a preset block that can be added to the customizer. Learn the basics of schema and a little bit of liquid. Study the existing themes in free theme dawn. You will be able to figure it out. There is plenty of youtube channel to learn the basics also Shopify document has strong details. You can refer to it. Hope this helps https://www.youtube.com/channel/UCBukJ6yWzTdlLKY9QKhv-Mg You can try his skillshare class to understand the basics.
https://www.youtube.com/channel/UCUa4yMJ3mVquTL5TIpxatqQ This guy also explain it quiet easily. Even I like coding with Jan. He is too good

Can I use existing HTML and CSS code in WordPress?

So I've created a restaurant webpage from scratch (my first full webpage). I want to get into freelance work, but I've heard that a lot of people use WordPress and it's plugins to create websites fast. I'm not really a fan of template editing, but can I use my existing HTML and CSS, upload it to WordPress and edit it there, and utilize WordPress plugins? I really want to add stuff like online ordering, RSVP systems, or mini stores on these sites.
No Problem, you would be able to make custom templates with your existing HTML/CSS/PHP. While having the ability to take advantage of plugins. Using an open source platform like WordPress will give the administrative rights to the restaurant owner, and most likely prevent the requirement for maintaining the website.
Yes, you can use your own HTML, CSS or JavaScript to create a theme and start from there. It might take you longer but you can do it.
Wordpress allows you to create a "Child Theme". With this, you are able to have your own stlying (css) or custom JavaScript. The advantage of doing this is when the theme publisher (assuming you are not the original creator of the theme) updates the theme, all your custom styles and JavaScript will remain intact. That is a good way of going around it.
If you want a quick solution, most themes come with a "Customize" section where you are able to paste your own styling. All the best!
A helpful link on creating child themes is https://developer.wordpress.org/themes/advanced-topics/child-themes/

How to implement/upload my own html and css code to weebly?

I made a custom website using html,css etc for a friend who is currently using a weebly platform template for their current website.
After agreeing to use my custom website, I have no clue on how to upload my pages to weebly and avoid using their templates. I've tried to clear the pages and then inputting my own html code and CSS, however, the CSS is not implemented and the html code itself is awkwardly placed. I have tried to google the problem, however, I cannot find any clear instructions or tutorials.
The only reason using I am weebly is because they are currently subscribed to it. So my question is how to use your own coded website with weebly?
Also if there are cheaper options of webhosting feel free to suggest them, since I'll need to use one for the future.
EDIT: I can run each page locally on my PC
Simple answer is, you can't. At least not the way you expect to be able to. Lots of platforms are like this.
That said, you can certainly convert what you've created to something that will work on the Weebly platform. Your Theme/Design, CSS and any custom JavaScript can be converted. The content itself is added using the Weebly editor.
I guess you should ask yourself; Who's going to be editing this website? And does the Weebly platform fit their needs. If it is your friend, and they already have a subscription, and the platform is sufficient for them, I would recommend converting it so it works with Weebly. ~And not create something that they can't manage later.

Webpage practice [duplicate]

This question already has answers here:
Is there an HTML/CSS/JS editor that immediately shows changes? [closed]
(6 answers)
Closed 6 years ago.
I have been learning HTML + CSS via online courses like codeacademy and W3schools. I have a very simple grasp as to creating webpages and I want to play in a "sandbox" by creating pages and just messing with stuff.
I'm looking for somewhere I can type in my HTML and CSS and have it display on a webpage just like any other page I look at. I haven't been able to find anything quiet like that, other than the courses themselves. Is there even such a thing?
You could try JSFiddle
It accepts JS, HTML, CSS and renders it realtime...
You can download a coding software such as Brackets. Save your html file as index.html and your css as styles.css (per example) in the same folder.
Simply click on them in your computer's documents and it should work, opening in your default browser. You don't need an "online" tool for html/css.
Also check out this blog post for alternatives
I would highly recommend http://codepen.io. I find it the most user friendly of the bunch
I think JsFiddle would work for what you want. It also allows you to incorporate javascript as you begin to branch out. Plunker is also something I would recommend as it has a "live preview" where your page will automatically display as changes are made.
Get a free website from a site like 000webhost. Then, you can upload and edit code in real time on the server and view it on eg. http://example.freehost.com and you can view it real time. Also you could use software like notepad++ and edit your code before uploading it. Make sure your homepage is index.html

Simple blog in CSS and HTML only

I have a simple html/css-only static website on which I would like to add a blog. Comments and RSS aren't necessary.
Now, how do I do that, without having to write all my entries in pure html?
My website consists of a vertical menu and an area to the right of it, where all the content goes on each page. I would like a blog inside that area on the blog page, so a blog on a separate page with its own layout is not what I'm looking for.
Googling this doesn't really help me much since the majority of the hits are on sites offering blog services.
Thanks in advance, I hope I'm not being too difficult. Please leave some feedback on my question if you think there are things I should have tried out before asking.
If i understand what you want the answer is that ist is not possible in pure html and css. With only Html and css you can not make a blog (if you dont want to edit the source everytime you write an entry and have to make a new file for each entry and so on).
You need some code (php or so) that is able to store and load the entrys into your site.
Html and css are not meant to make things working. With Html you define the elements so that they are structed and then with css you "style" your work. But for the task of a blog (i think you want an editor for the text on the site, the ability to edit, delete, more than one site and so on) you need something like php or aps.net that is able to "interact".