Adding a custom design to ActiveAdmin - rails - html

I'm trying to add this template to active admin on my rails app
http://themeforest.net/item/wintermin-bootstrap-admin-theme/8447093?WT.ac=category_item&WT.z_author=geedmo
But for the life of me, I can't work out where to do it. Has anyone had experience in completing something like this before?
If so, where do i start?

Update
I've created a GitHub project where you can see all open-source themes available for Active Admin. Check out.
I know that the question has almost 2 years, but the first (and accepted) answer doesn't seems to provide enough information. ActiveAdmin already has some custom styles / themes that you can easily integrate with your project. You can start from one of these themes (forking it) and making the needed changes to achieve what you want.
Here's some nice themes for ActiveAdmin:
Active Material
Active Skin
Active Admin Theme
If one of these themes seems okay to you and you don't want to change it, just integrate one of them into your project (it's very easy, as you can read in their documentation).

Looking at the theme, it will be bootstrap with some custom styles.
You need to have bootstrap requested somewhere (i.e a bootstrap for rails type gem, or use CDN) and also include the custom CSS from this theme.
What you then do with it is up to you - it won't magically pop up looking like that unless you have all the same html/erb that is running that demo.

Related

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 replicate a wordpress site in wordpress?

I want to build a personal website on wordpress.com
I have found a website that I really like the look of and want my website to look extremely similar to that website, maybe with just different assets.
I have some experience in Java and C but none in html. What would be the best way to replicate the source website onto my own website. I know I can inspect the element and look at the source code but it is really unintuitive. Is there a better way? How do I find the themes the original site used? Is there any way to copy the html code onto my own website?
Are you sure you want to build it on WordPress.com? It's hosted by WordPress, but also very limited and you can't really modify the themes.
If you want more control, you should do it using self-hosted WordPress.org package.
To check what kind of theme is used, go to source code and search for "wp-content/themes/theme-name" or find the main CSS file (often style.css) as there will be commented details that are shown by WordPress in Themes menu.
There are 2 options:
The website you like is a custom design and there is no easy way to copy that and it can be even illegal if you don't ask the owner. If you really want to copy the source, there is only a manual way - you download the source styles and scripts and modify it. Tough and risky way, because the sources are often minified.
The website is using a free or premium theme, available to buy, that's going to save you hours of work and probably allows a lot of customization, so you only have to spend some time to adjust it to your needs, upload photos etc. You will probably even don't have to look at the code.
(extra) If you still don't know what theme it is - ask the owner

How to import website to WordPress

I have a website written in HTML5 and CSS3 and I want to use this site in WordPress. I tried to upload it like template, but it didn't work. How can I solve this issue?
Sirko pointed you in the right direction. WordPress relies on PHP processing and MySQL database so you cannot simply upload it to the theme folder and activate. The HTML and CSS theme will need to be modified to incorporate the core WordPress theme development, at least. It isn't that difficult if you understand how WordPress works.
If you simply want to start with converting the theme to WordPress to support pages and menus alone, it isn't so complicated. If you are very new to this, it might be a stumbling block. You really should learn the core components to making a WP theme. Good luck!
Elegant themes walkthrough - HTML converted to WordPress
Your question is far too general to answer without you narrowing the scope; start with https://codex.wordpress.org/Main_Page to find out how to install and run WordPress, read https://codex.wordpress.org/Theme_Development if you want to adapt your current design to a WordPress theme. And you will need to import content, either by the database or manual entry with the WordPress editor. Read up and then come back to SO with more specific questions.
There is a reason why people sell themes either with HTML5 and Wordpress, though seperate in nature but structural in bound.
It is a long process but simple if you have knowledge of websites:
https://www.elegantthemes.com/blog/tips-tricks/converting-html-sites-to-wordpress-sites
Same as Markatledge said previously, by following the link above it can help you.

Editing pages using Telescope Open Source Project

I just started playing around with the telescope open source project and I wanted to know how do you edit pages for example the signup page. If I wanted to add an picture to the background or something
Swifter, one issue with your question is that the documentation for Telescope outlines how to make small changes to the framework. To make an update like you are suggesting one would need to understand how a "view" loads styles. The documentation has a great walk-through on how to change styles or theme Telescope.
A better question would be, I am coming from an HTML and CSS background. I noticed that Telescope uses SCSS. What is the Telescope/Meteor way to load a custom CSS library into the framework.
one can also take this question to mean: "What is the correct way to alter telescope code?"
which would require you to understand meteor packages
(see docs.meteor.com),
and the use of telescope-packages as the "telescope preferred way" to add your own functionality. You see, telescope is an app you base YOUR app upon, and telescope gets updated periodically and if you are using telescope as the basis for YOUR app, you should consider updating telescope periodically also, and the "package way" allows you to keep your custom code separate from the telescope code.
http://www.telescopeapp.org/docs/customizing/customization-basics/
http://www.telescopeapp.org/docs/customizing/creating-packages/

How to convert a static html template to wordpress?

I am new to WordPress theme development.I need to know how to convert an html page to wordpress theme completely with theme option and how to create widgets for themes.
Can anyone help me?
Thanks
The best way to start developing themes is to look at the way existing themes are build and to look at the WordPress codex (as Marc suggested). If you follow the WordPress standards and get used to the system, WordPress is a very flexible platform for building websites.
Another thing: Google is your best friend :) Almost everything you want to do with WordPress has already been asked on Google.
Good luck!
Their are alot of tutorials online but I suggest starting with something simple like this free program from http://www.wpsiteconvertor.com/
Basicaly the whole gist of creating a wordpress theme (lets say you have one page and a style file) you would have to seperate that page into like 5 files minimum header.php, footer.php, index.php,you would also need to make style file changes and add a functions.php file. But take a look at that program above and you will see what kind of codes are added to a site to make a wordpress theme work.