Custom Wordpress Editor? - wordpress

After looking around for hours I couldn't see anything even close to what I saw here:
http://www.youtube.com/watch?v=Y2Bu5NoYZ7M&feature=player_embedded
As you can see, they created a custom editor for Wordpress (not just some edits to TinyMCE), its a whole different editor even with an option to switch back to TinyMCE.
Does anyone know how to create custom editors for wordpress without altering the core files and just via a custom theme? I am starting to think its a custom meta box...but I am not sure.
Any clue will be much appreciated!

I suggest to use a plugin to extend the default tinymce WP uses.. Take a look at this plugin: http://wordpress.org/extend/plugins/wp-super-edit/screenshots/
If you really want a completely different editor, ckeditor is quite ok.. There is a plugin too: http://wordpress.org/extend/plugins/ckeditor-for-wordpress/screenshots/
Always use or write a plugin an don't change any core files is indeed the way to go!
Please let me know what you think!

Related

Twigmo custom style files

did anyone ever customize the Twigmo addon basic theme for cs-cart? I am trying to write custom css files for font size and color. What I tried:
Using the visual Editor: after working for like 2 hours changing the styles, I tried saving and apparently my current subscription doesn't allow me to do custom files using visual editor
I tried searching for other solutions: fell on this twigmo skin editing which basically tells me to create a custom css file called custom{theme-name}.css. I did but i still can't figure out what classes the twigmo for what. Does anyone know where i can find this? i am also posting a question on the forum to see if they can help me.
Thank-you in advance. hope my question is clear enough.
The free "Starter" Twigmo subscription plan doesn't provide an ability to customize CSS. You have to subscribe for any paid plan. In this case the visual editor will be available for you. Also you will be able to write your custom CSS code in the visual editor.
Regarding your second solution - it is for old version and doesn't work for the Twigmo 3.x.
Hovewer you can modify the design/themes/[your_theme]/templates/addons/twigmo/mobile_index.tpl file. You can add your CSS code there. It is not the most convenient way, but it is free.

Changing the comment template in wordpress

So wordpress uses php wp_list_comments(); to go into the wordpress core and fetch comment-template.php to output comments.
As I understand it, editing the wordpress core is a no no, so how does one go about styling the actual comments themselves?
This is only possible so far with CSS, but I want to completely change how they look and for this I'll need to edit the php/html.
The comment-template.php itself is monolithic, writing any semblance of that is frankly, beyond my abilities.
So how can I edit that, or create my own without breaking the wp core?

Add Image upload interface in wordpress

I'm working on wordpress. And has this kind of requirement, where I need to have an ability in admin panel for administrator wherein he can upload an image. This image will be used at two places in the theme.
I've tried to figure out this, and found that image url can be store in options table and can be used in the theme to retrieve the image.
But not sure how to give an interface for that in admin panel. Any idea to achieve that will be great.
Is it not possible to use the built in Custom Header image system? I don't really know all of your requirements but there is no reason to build something if you can co-opt something instead. :) Granted, it is called a "header" but it really doesn't have to be. Where it shows up depends entirely on the theme. If that doesn't work for you, you've got a considerably more complicated project but you'd probably want a Theme Options page.
Go to your wordpress panel-> plugins:
install plugin named: Custom Upload
Or your can download it from :
http://wordpress.org/extend/plugins/custom-upload/
A simple plugin to upload any type of image in wordpress.
I think you can use it to manage your images of theme.
And that's it, good luck.

Do I have to Upgrade WordPress to "pro" if I want to edit the CSS?

I started using WordPress just a few hours ago because I need to develop a couple of blogs to a client. I understand that WordPress is the best solution if you want something fast but flexible. But, the first thing that I wanted to do was just change the font of the post and I didn't find how to do it (for all the posts, because I changed it on this one using the HTML editor). I've read something about editing the CSS, but it turns that I need to buy the Pro upgrade to be able to use the custom design.
Is this the same if I use WordPress in my server?
I need someone to guide me on this one. I need WordPress as customizable as it can be. But, I prefer not to pay! :) Unless that's the only way to do it.
If you use WordPress on your own server, you can do anything you like to it - it's open source. The "Pro" upgrade is just for WordPress blogs hosted on the commercial WordPress.com platform.
Do note that running your own installation means you're responsible for adding plugins, themes, keeping the code up-to-date, etc. That has a cost too, even if it's not money directly out of your pocket.
If you are using wordpress on your own server - you are free to do anything with it. The best way to customize your site then is using a child theme. It will contain your customization, overriding styles from previously loaded parent theme (and/or adding some scripts). You will be able to upgrade parent theme then without loosing your customization (until parent theme owners deprecate something you use, but it must not happen often). There are some plugins for simplifying working with it as well. There are also some easier customization ways, if you want just minor changes - such as Custom CSS in Jetpack plugin, which works in similar way, as far as I know.
If you're using a wordpress.com account, you have less freedom in modifying things, consider using paid custom CSS plugin maybe. Or maybe mentioned above jetpack will do.
Also, as mentioned in other answers - there are wordpress codex, wordpress.org forums, and wordpress stackexchange, they seem to be better place for such questions.
In your wordpress admin section of your site (usually www.yourdomain.com/wp-admin) on the left hand side nav bar, you will find a section called "appearance", if you expand this and click "editor" you can edit all of the files that your current theme uses. A quick warning, if you are doing this on a live server, the changes you make are live as soon as you save them!!
Hope this helps
I'm pretty sure you do not have to pay to customize CSS. Check your server installation... particularly in the folder $wordpress_install_home/wp-content/themes/default.
You should have access to all the CSS files in there.

Blank Theme for Wordpress

I need to build a new WordPress site form scratch. So I guess I need a blank theme to do that. I need to know where I can find such a theme like that, and I need a tutorial that can help me to create my first WordPress theme from scratch.
I'm new in that world. So please I need your help.
If you're starting with no WP knowledge, I believe you're better off modifying a blank theme than you are creating one from scratch.
Here is a great tutorial I used when I started doing custom themes. The HTML is getting outdated semantically, but it will teach you all working parts of a WP theme.
As a starter theme I use HTML5 Boilerplate which is full of quality HTML5 and additional features like file caching, cross-browser readiness, mobile device readiness, and file caching, to name a few. Also it's got a minimal default styling.
You may also find the wordpress site helpful. Cheers.
starting with twentyten or twentyeleven isn't a bad option either.
Whatever theme you choice make it a child theme.
It may seem like something complex at first but it will make things easier along the way.
Theme Hybrid has a great blank theme: http://themehybrid.com/themes/skeleton
I have a starter theme on github that was originally based off html5 boilerplate that you can check out.. https://github.com/FernE97/html5-blank-slate

Resources