Sunday, December 1, 2013

Wordpress - how to make website

I had a website made by xpresseengine, easy  Korea website tool.
However, I felt that it lacks the social function and I wanted to make a blog for my Magento store (shop.isdream.net)

Then, I started thinking how to make website by wordpress.
I made a test page first and found that I need some good theme and plugin for decorating page and loading products.

* Simple explanation of preparing database and wordpress folder in your server.
So, first of all, make a database name in database ( I use mysql, phpmyadmin) and place your wordpress, unzip it and change a folder name as you want.

You also have to give a permission to the wordpress folder by chmod -R 755 or something (707). If not, wordpress will request you to make a wp-config.php manually

Then, log in to that folder (http://127.0.0.1/folder name) and you will see the very simple setup process and just follow it.
As soon as you are done with process, you will see a log in page and go ahead to log in.



Then, when you install theme or plug-in, if the server askes a ftp and you don't have it, just add define('FS_METHOD', 'direct'); in wp-config.php. It will make you install directly without ftp.
Go ahead to install theme and plug in.




I searched a lot and I found them as follows



* Theme:
Tiga. I selected it after a lot of searching because it supports grid product plugin very well in Grid and List mode.
It is simple but it also supports social function and I can revise some CSS, Header, Footer without revising the core code. I feel very thankful for Satrya who made this theme.

Coller: It is kind of basic theme but it seems to work with Magento wordpress fishfig plugin.

*Plug in
- Grid Product : I needed this for making product category and displaying products without the price. I do not sell products here and only introduce goods because I have a separate Magento store. It perfectly matches well with Tiga theme.
So, Major feature of my website will be made by Tiga them and Grid Product plugin.

Then, I needed something to fill out my pages such editor, widget, etc. I searched very hard and found following plugin widgets.
- Ultimate TinyMCE (or black studio tinymce widget): It add letter size in your default editor.
- Tiny Mce Advanced
- Meta Slider : When I test other theme, I get it by chance. It is good for makeing slider.
- Page Builder by Site Origin:  It is a page builder to insert widget
- Page Excerpt Widget: I shows some excerpt from a page. It is good when you want to show subpage excerpt in main page
- Advanced Featured Page Widget: It seems a little bit better than page excerpt widget.
- Posts in Sidebar: Publish a list of posts and page in side bar. I used this to show products but it does not look pretty when it shows thumnail.
- Page Layout Builder: I just found it and test it now. It is similar to Page Builder by Site Origin.
- Regenerate thumnails
- Quick Admin Links: It shows login instead of meta links. Because meta links contains wordpress.org.
- Drag & Drop Featured Image plugin: When you use twenty twelve theme, it can be helpful to get a full featured image.

* Social button on wordpress.
- Floating Social Media icon: Good to make followers.
- Crafty Social Buttons: Share and recommend posts and pages. (this plugin show vertical in some explorer version.
- Social login : by oneall.com, It makes social login available for up to 20 social sites. It provides a easy guide for a beginner.

*+ Cache and Cleaning
- Hyper Cache : It create cache and speed up website speed.



If you have a better suggestion, please let me know.



You can do details as follows:
* Page: There is on/off option for comments in quick edit page

 
 
-- When you edit it, you can see more options such as letter size and color by clicking show/hide kitchen Sink option
 

* Product: You can upload products by grid product. Tiga and Coller theme support list display. You can regenerate thumnail by thumnail regenerator. Please also make a product category

* Menu: It is easy to make menu by drag and drop.
In menu, when you have a hard time in finding any attribute such as product or product category, please check screen option at top. When you click it, the screen option will show product category and product.
-- Screen Option: right top corner of screen, there is a small button for options
 

* Category: It is category for blog posts.
* In some theme, you need to designate static front page and post page in customize option.
For an integration with Magento, do not set front page to show blog posts in magento.
* Image: in media, you can control thumbnail size by designating and cutting area

Comparing with Xpressengine, it is kind of big work for me to write at once.
I will add more information when I get more.

Thank you.



Make homepage, site by xpressengine (xe)

There is one good tool for webpage with wrting board in Korea.
That is xpressengine (xpressengine.com).
I made it and not to forget, I write how I made it.

It just took 3 hours for me to make a new home page with this tool by using the default design.
 



First of all, go to XpressEngine Official site and you have to download as follows:

- XE core : This is core
- board : This is a board for writing (location: ./modules/board)
-JB_erebus_board : This is a skin for board. (location: ./modules/board/skins/JB_erebus_board)

After putting board into Xe core,
- locate it in your server
-Make a database folder in your database and load it on one ID of database ( mysql account)
-Then, in your browser, type 127.0.01 (if you have your local server) / folder name

You can start installing. You also need an e-mail for admin registration.
After it, when you type 127.0.0.1/your folder, you will see the default page guiding your procedure.
It is very easy to make each page and product page.

 


For a page you see it in content
 




In setting, you can do url setting in Setting>advanced>general
 

After finishing it, go to the front of page and start page content setting.
 

There is a little button for re-create cache file/configure/Modify.
You can configure some contents here. I just install some content widget showing excerpt from pages and products.

It took only 3 hours for me to make home page with default format.

Thank you.

Thursday, November 28, 2013

Sell Downloadable product after adding it in Magento e-commerce

Magento is optomized e-commerce to sell Downloadable product such as music, software, etc.
Let's take a look how we add it step by step.

1. Add product
Catalog--> Manage product--> press ADD PRODUCT at right top corner


2. You will see New product. Select your Attribute Set and Product type as Downloadable Product
 
Now you will have Downlaodable Information at bottom of Product Information.


3. You will see product information. Fill in name, SKU, Url key. Set Status as Enabled, Tax Class as None.
 

4. Price: This is mother price. It is closely related to Downloadable Information at bottom. You can leave the price as 0 if you set the price of each Linked files separately in Downloadable Information. If your package is only one, set some price here.

I set its price because I don't permit each price of Links in Downloadable Product.

5.  Inventory: Q'ty as 99999999999      Stock Availability as In Stock
 

6. Downloadable Information: This is Key point of this posting.
In Links, Fill in Title of links.
For Links can be purchased separately, when you set yes, you can give each price for each Link.
When you set No, mother price of 4. Price will be the price.

Upload sample, files, etc there. sample here will be small link next to the title of Link


There are also big Samples section at top. This will show at top field after price.

Other fields such as category, upsells, meta description, etc are same with other products. We just look through some important and different fields till now.

Now, you will see added downloadable product at your magento store.
 

When your customer buy Downloadable product and pay it, he will receive an e-mail for link including Downloadable Product section of My account.

If you send invoice after finishing it, this order will be regarded as complete. So, do not send an invoice till you receive a payment.

7. In System - Configuration - Catalog - Catalog >> Downloadable Product Options,
There is a Order Item Status to enable Downloads. When you test it, Pending is OK but make sure to set it as Invoiced for a commercial launch. If not, your item will be sold at free of charge
 




Thank you for reading.

Wednesday, November 27, 2013

Activate Demographics in google analytics to support display advertise of google analytics

There are some good web analytic tool called as google analytics.

It is strongly recommended to use other google tools such as google adwords because I think some statistics can be provided only when you use some part of google analytics.

For it, go to http://www.google.com/analytics

If you register it, you wil see all.
It's hierachy is account > property > view ( You can see when you click Admin at right)


Just click any view that you want, then you will go to dashboard of that view.

At Audience, there is Demographic section.
It is recommended to add it because it gives a rich statistics of your site.



To add it, click overview of Demographics. You will see validate tracking code.

When you click it, there is explanation and press learn more.

Click Learn more, then, you will find upgrade your analytics...... and following guide

.Change code in block letter in your server.

Then, go to Admin>property>tracking info and turn on display advertise support option.

Go ahead to validate tracking code.

Thank you.






Monday, November 25, 2013

Some cloudy weather in Seoul Korea

Today, I went to post office.
On a way to shopping, suddenly it became cloudy and I found the very dark cloud in the sky.
 



It is late autumn in Seoul, Korea.
It was windy and chilly. It was almost last end of golden time of year.

I came back from shopping wash hands with gold soap and drank ginseng tea for some rest.

Nowadays, there is a earch glass house effect and it is very hot in summer.
When we have a hot summer, it is strange that we have a very cold winter.

The green house effect is caused by the carbon oxide that absorbs red rays and keep the temperature very easily.

Wow, I hope to have a good winter this year.

google adwords howto from google merchant center

How are you?

If you are using google merchant center, you can also advertise products by connecting them with google adwords.

One way is go to webmaster tools--> other resources->merchant center and enter there.
If you are done with data feeds, in Settings > adwords, just make your product ad listing.


Then press Advanced: Manage in Adwords.


in adwords.google.com, if you cannot see the information of payment method, it means your browser is not working perfectly for adwords. Please try it in other browser or chrome. In my case, I used explorer 9 and I have a trouble in red bar at top. However, after changing the browser, I could finish the process.



Red bar will disappear around a day.
Then, go to adwords campaigns.
When you press Campaign+ button, you will see three option and select one.
 

Go ahead to adwords process such as ad group, keywords setting, etc.

Thank you.



Sunday, November 24, 2013

Change Explorer version by development tool (shift+F12)

Short key to change internet explorer.

When you use microsoft internet explorer, sometimes, you face the problem that the explorer version is too high to support what you want to do such as activeX or plugin.

Do you need to downgrade it?
If your computer is upgraded from the lower version, you don't need to delete the upper version.
I found that when you upgrade it from the lower version, it is still installed in your computer.
But if you skipped the lower version and directly installed the upper version, you have to available version installed.

You can see that status of internet exploer updates (Microsoft windows) in control panel > Program > Delete or change program > See updates


If you check it installed, go ahead to the next step.

* How to change internet explorer version
There is a microsoft development tool for an explorer. You can use as follows:

- Open your internet explorer & open any site that you want to work
- press Shift + F12



- You can see browser mode and change browser mode there and keep working.

It is very easy way not to downgrade the explorer

Thank you.
by Shop Korea (shop.isdream.net)