bulldoggie studio's blog » XAMPP http://bulldoggie.cn/blog Thu, 16 Sep 2010 06:00:16 +0000 en hourly 1 用xampp在本地搭建WordPress http://bulldoggie.cn/blog/2009/12/15/%e7%94%a8xampp%e5%9c%a8%e6%9c%ac%e5%9c%b0%e6%90%ad%e5%bb%bawordpress/ http://bulldoggie.cn/blog/2009/12/15/%e7%94%a8xampp%e5%9c%a8%e6%9c%ac%e5%9c%b0%e6%90%ad%e5%bb%bawordpress/#comments Tue, 15 Dec 2009 08:21:18 +0000 classiclori http://bulldoggie.cn/blog/?p=111 首先，下载最新的xampp lite（没必要用完整版的，对于wordpress来说lite版就足够了。官网上提供了两种格式下载，ZIP格式的是安装版，EXE格式的是自解压版，我这里选择了小得多的EXE，其实内容是一样的。

然后就是安装了，先解压到一个目录，我直接安装到了D盘根目录。解压后在D盘下就多出了一个xampplite的文件夹。

进入文件夹，执行名为“setup_xampp” 的批处理文件（后缀为.bat)，成功后按任意键关闭窗口。

[Read More…]

]]>

首先，下载最新的xampp lite（没必要用完整版的，对于wordpress来说lite版就足够了。官网上提供了两种格式下载，ZIP格式的是安装版，EXE格式的是自解压版，我这里选择了小得多的EXE，其实内容是一样的。

然后就是安装了，先解压到一个目录，我直接安装到了D盘根目录。解压后在D盘下就多出了一个xampplite的文件夹。

进入文件夹，执行名为“setup_xampp” 的批处理文件（后缀为.bat)，成功后按任意键关闭窗口。

xampp_install_1.png

执行“xampp-control.exe”，分别点击Apache和MySql后的Start，看到如下状态后即说明成功。

xampp_install_2.png

打开一个浏览器，比如firefox，在地址栏输入“http://localhost/xampp/splash.php”后回车，选择最后的“Chinese”，即可进入Xampp的欢迎页面了。这以后只要在地址栏输入“http://localhost”回车就能来到这个页面了。

接下来要建立一个数据库：点击欢迎页面左栏工具下的“phpMyAdmin” ，创建一个名为wordpress的新数据库，设置如下图：

xampp_install_4.png
下载WordPress2.0.4并解压。用记事本等编辑程序打开“wp-config-sample.php”，将其中的设置做如下修改，再另存为“wp-config.php”。

xampp_install_6.png

接下来把整个wordpress文件夹复制到安装目录下的“htdocs”文件夹中，以我的情况就是在“D:xampplitehtdocs” 中，完成后的文件树如下：

xampp_install_5.png

最后的一步就是在浏览器中输入“http://localhost/wordpress/wp-admin/install.php”然后回车了，怎么样，是不是很熟悉的画面？

Related posts:

  1. wp theme tut：#3 Starting Index.php
  2. Top 50 WordPress Tutorials

]]> http://bulldoggie.cn/blog/2009/12/15/%e7%94%a8xampp%e5%9c%a8%e6%9c%ac%e5%9c%b0%e6%90%ad%e5%bb%bawordpress/feed/ 0 wp theme tut：#3 Starting Index.php http://bulldoggie.cn/blog/2009/12/12/starting-index-php/ http://bulldoggie.cn/blog/2009/12/12/starting-index-php/#comments Sat, 12 Dec 2009 05:38:06 +0000 classiclori http://bulldoggie.cn/blog/?p=89 Starting Index.php is the third lesson of my WordPress theme tutorial series. If you haven’t read lesson one and two, I’d suggest you read them. Otherwise, you will not have a clue of what I’ll show you in this lesson.

It’s time to stop reading and start creating your WordPress Theme. In this lesson, you’ll get your hands dirty with some WordPress codes. This is the part where you really need a WordPress blog installed on your computer, not an online blog because offline is more convenient.

[Read More…]

]]> Starting Index.php is the third lesson of my WordPress theme tutorial series. If you haven’t read lesson one and two, I’d suggest you read them. Otherwise, you will not have a clue of what I’ll show you in this lesson.

It’s time to stop reading and start creating your WordPress Theme. In this lesson, you’ll get your hands dirty with some WordPress codes. This is the part where you really need a WordPress blog installed on your computer, not an online blog because offline is more convenient.

Step 1: Open Xampp Control.
Navigate to your xampp folder. Usually My Computer > xampp or C:\xampp.

Double click on xampp-control.exe. A window will pop up. Click on start for Apache and MySQL. Your pop up window should mirror the image below:

xampp-control.gif

Now that it’s turned on, you can minimize that window.

Step 2: Create your theme folder.
Go to your wordpress themes folder. It should be at xampp/htdocs/wordpress/wp-content/themes. Create a new folder. Name it tutorial.

Step 3: Create index.php and style.css files.
Open up Notepad or the text editor of your choice. Notepad is at Start > Programs > Accessories > Notepad.

Copy and paste everything from this file: index.txt to your Notepad window.

Save your notepad in the tutorial folder as index.php
save-as-indexphp.gif

save-as-indexphp2.gif

Open another notepad. Leave it empty. Save the empty notepad as style.css, in the same folder. Close the style.css notepad.

So now you have two files: index.php and style.css.
index-and-style.gif

index.php Explanations:

indexphp-explain.gif

Click on the image above for the full view. I will explain to you what each circled area does.

Doctype – Indicates what kind of codes you’re using to code your theme. Doctype is not important at this point. I’m pointing out Doctype so you don’t have think about it.

<html> is where my web page starts.

<head> is where the head of my web page starts. Every web page has a head and a body. </head> is where the head ends.

<?php bloginfo(’stylesheet_url’); ?> is a PHP function that calls for the location of the style.css file so my theme can link to it and style everything on my pages. Anytime codes are wrapped in <?php and ?>, it’s PHP and it’s different from the rest of my codes. In PHP, <?php is start and ?> is end.

So:

  • <?php – start PHP
  • bloginfo(’stylesheet_url’) – call for the location of style.css
  • ; – stop calling for style.css. The semicolon is one way of closing a set of codes within PHP.
  • ?> – end PHP

Moving on…

<body> – This is where the body starts. The body is everything that I see and read on a web page. Reading this tutorial means I’m looking at the body of the web page. </body> is where the body ends.

</html> is where my web page ends. Nothing else after that.

Step 4: Copy and paste everything in style.txt to your style.css file. Save and close it.

Step 5: Setting up your theme.
Open up a browser.

Type: http://localhost/wordpress/wp-login.php. Go to it and login into your WordPress administration area. (You’re able to see the login page because you opened the Xampp Control in the first step. Otherwise, your browser will give you a Not Found error.

Looking at the administration area. Click on Presentation and click on the theme named Tutorial to activate it.

theme-empty-screenshot.gif

Notice, your theme does not have a thumbnail screeshot yet. The box is empty. Once activated, WordPress will tell you.

theme-activated.gif

Now open up a new browser or tab (if your browser has tab browsing) and go to http://localhost/wordpress. You should then get a blank page. I mean completely blank. If it isn’t blank, you’re at the wrong page.

Your theme has been set up. That’s it for this lesson. Next up, we start working on the header template.

Don’t forget to close your Xampp Control. Double click on its tray icon in your toolbar, click Stop for Apache and MySQL. Then click exit.

xampp-control-close.gif

Related posts:

  1. 用xampp在本地搭建WordPress
  2. Top 50 WordPress Tutorials
  3. Quick Tip: Create a Realistic Credit Card in Photoshop

]]> http://bulldoggie.cn/blog/2009/12/12/starting-index-php/feed/ 0