apache wordpress php 外贸独立站

飘然生

已于 2023-02-13 20:35:11 修改

阅读量1.7k

点赞数 1

分类专栏： java 文章标签： java

于 2022-04-15 11:33:27 首次发布

本文链接：https://blog.csdn.net/weixin_44635157/article/details/124189850

版权

java 专栏收录该内容

260 篇文章 4 订阅

订阅专栏

一、windows环境安装

参考地址

1、下载安装apache

1、下载Apache2.4.53  
	下载地址https://httpd.apache.org/download.cgi
	点击Files for Microsoft Windows——跳转页面后再点击ApacheHaus——跳转页面再点击download图标下载
	
2、解压httpd-2.4.53-o111n-x64-vs17.zip，
  并将“安装目录\Apache24\conf\httpd.conf”里面的“Define SRVROOT ”后面的修改为自己的安装目录后
		Define SRVROOT "D:/apache/Apache24"

3、安装启动
	以管理员身份运行CMD，并进入bin目录 cd D:\apache\Apache24\bin,
	然后命令运行httpd.exe -k install -n “Apache24”
	提示 Service is already installed.就表示成功
	
	如果报错443：通常每个套接字地址(协议/网络地址/端口)只允许使用一次。  : AH00072: make_sock: could not bind to address [::]:443
	表示端口443被占用
		方法1：关闭占用端口的程序，见https://blog.csdn.net/weixin_44635157/article/details/121075485
		方法2：改端口
	      将 conf/extra文件夹下的httpd-ahssl.conf 和 httpd-ssl.conf 里面的端口443换成444（也可以换成别的，例如440、445等）

4、测试:
	http://127.0.0.1:444(有改端口才加444端口)    https://127.0.0.1:444
	有出现apache页面说明成功

在这里插入图片描述

2、下载安装php

1、下载
	下载并解压php-7.4.29-Win32-vc15-x86.zip 
	下载地址 https://www.php.net/

2、修改php.ini-development文件
	a、将解压目录下的php.ini-development重命名为php.ini
	b、打开这个文件，搜索  ;extension_dir = "ext"
	   将这行的 ;去掉取消注释，并且ext改成php安装目录  
	   extension_dir = "D:\php\php-7.4.29-Win32-vc15-x86\ext"

3、配置环境变量
	php -v出现版本信息即成功

3、配置Apache支持PHP

1、在Apache安装目录下/conf文件夹下的httpd.conf文件里新增如下内容：
【注意：dll的路径因为存在空格，需要在dll的路径加上双引号，否则会出现报错】

#让Apache服务器引入php7模块，从而可以支持php应用的web访问
LoadModule php7_module "D:\\php\\php-7.4.29-Win32-vc15-x86\\php7apache2_4.dll"
#告诉Apache识别php文件的后缀，从而对这些后缀的应用进行解析
AddType application/x-httpd-php .php .html .htm
#告诉Apache服务器php.ini的目录，从而使服务器读取php的配置
PHPIniDir "D:\\php\\php-7.4.29-Win32-vc15-x86"

2、Apache的根目录修改：默认为安装目录下的htdocs目录。
	打开apache安装目录下的conf/httpd.conf，将如下两行前面的#去掉取消注释
		DocumentRoot "${SRVROOT}/htdocs"
		<Directory "${SRVROOT}/htdocs">

3、 DirectoryIndex里面新增加一个index.php
	<IfModule dir_module>
  	  DirectoryIndex index.html index.php
	</IfModule>
4、保存文件，重启Apache。 进入bin目录 httpd.exe -k install -n “Apache24”

5、测试
	a、在Apache根目录下新建index.php，位置再安装目录下的htdocs文件夹下，和index.html同目录
		<?php 
			phpinfo();
		?>
	b、浏览器中访问 127.0.0.1 或者 localhost 或者 127.0.0.1/index.php 或者 localhost/index.php（注意，如果修改	过端口号，需要访问时加上端口号，例：127.0.0.1:8080）。出现下面的页面就是配置成功了。

4、下载安装wordpress

1、下载zip并解压到apache安装目录下的htdocs文件夹
	wordpress下载地址：https://cn.wordpress.org/download/


2、进入wordpress目录，将文件wp-config-sample.php重命名为wp-config.php，用文本编辑器打开wp-config.php，修改数据库信息
	define( 'DB_NAME', 'energy_pnc' );
	define( 'DB_USER', 'admin' );
	define( 'DB_PASSWORD', 'Autel2020' );
	define( 'DB_HOST', '10.240.3.140' );

3、添加系统域名
	进入 C:\Windows\System32\drivers\etc 目录，用文本编辑器打开hosts
		127.0.0.1 www.mynote.cc
		127.0.0.1 mynote.cc
		
4、apache创建虚拟主机
	进入apache目录下conf\extra，打开httpd-vhosts.conf，添加类似下面的虚拟机配置
	<VirtualHost *:80>
	   ServerName www.mynote.cc
	   ServerAlias mynote.cc
	   DocumentRoot "D:\wordpress\wordpress"
	   ErrorLog "logs/wordpress-error.log"
	   CustomLog "logs/wordpress-access.log" common
	</VirtualHost>

5、启动apche
进入Apache24\bin 目录，双击httpd.exe，看到一片黑色窗口，说明启动成功。 或者httpd.exe -k install -n “Apache24”

6、 在浏览器地址栏 输入http://www.mynote.cc，开始安装。

二、linux docker环境安装

1、安装运行mysql

version: '2'
services: 
  mysql:
    image: smallbone5581/mysql5.7.32
    container_name: mysql-5.7.32
    restart: always
    privileged: true   #避免挂载目录提示没有权限
    environment: 
      MYSQL_ROOT_PASSWORD: "root"
      MYSQL_USER: 'piaoransheng'
      MYSQL_PASS: 'piaoransheng'
    volumes:
      - ./volume/data:/var/lib/mysql                          #挂载数据
      - ./volume/config:/etc/my.cnf                           #挂载配置文件目录
      - ./volume/init:/docker-entrypoint-initdb.d             #挂载初始化脚本目录
    ports: 
      - 3306:3306
 
 安装之后navicat连接它并创建一个数据库(数据库名和下面安装wordpress显示的数据库名一致)

2、安装运行wordpress

version: '3'
services: 
  wordpress:
    image: wordpress:latest   #当前最新版本是6.1.1
    container_name: wordpress
    restart: always
    privileged: true   #避免挂载目录提示没有权
    environment: 
      WORDPRESS_DB_HOST: 47.101.196.203:3306
      WORDPRESS_DB_USER: root
      WORDPRESS_DB_PASSWORD: root
      WORDPRESS_DB_NAME: wordpress
    volumes:
      - ./volume/sites-available:/etc/apache2/sites-available
    ports: 
      - 8081:80

3，或者编排运行(1和2一起运行)

version: '3'
services: 
  wordpress:
    image: wordpress:latest
    container_name: wordpress1                          #更改1
    restart: always
    privileged: true   
    environment: 
      WORDPRESS_DB_HOST: 47.101.196.203:33061            #更改2
      WORDPRESS_DB_USER: root
      WORDPRESS_DB_PASSWORD: root
      WORDPRESS_DB_NAME: sys
    volumes:
      - ./volume/wordpress/sites-available:/etc/apache2/sites-available
    ports: 
      - 8081:80                                         #更改3

  mysql:
    image: smallbone5581/mysql5.7.32
    container_name: mysql1                       #更改4
    restart: always
    privileged: true   
    environment: 
      MYSQL_ROOT_PASSWORD: "root"
      MYSQL_USER: 'piaoransheng'
      MYSQL_PASS: 'piaoransheng'
    volumes:
      - ./volume/mysql/data:/var/lib/mysql                          
      - ./volume/mysql/config:/etc/my.cnf                        
      - ./volume/mysql/init:/docker-entrypoint-initdb.d           
    ports: 
      - 33061:3306                                      #更改5

服务器记得开mysql和wordpress的防火墙
登录地址：http://47.101.196.203:8081/wp-login.php

4，wordpress使用

登录页面：http://47.101.196.203:8081/wp-login.php   没有登录看到的就是网站

0、wordpress软件一安装需要设置的
  a.对搜索引擎的可见性  设置-阅读-对搜索引擎的可见性-勾选(建议搜索引擎不索引本站点)
  b.更改链接结构          设置-固定链接-自定义结构——只选择post_id或者postname

1、主题
   a.使用wordpress自带的
   b.从外部上传
   c.主题推荐 astra、oceanWP、kadence、blocksy
   
2、模板插件
	happy elementor addons，使用elementot编辑器页面，有个笑脸图标按钮   (插件搜索安装)
	envato                   使用elementot编辑器页面，有个绿色白色图标  (插件搜索安装)
	Starter Templates，     使用elementot编辑器页面，有个S的图标按钮    (astra主题下的模板)
	

3、菜单：
   外观——菜单
              可以创建多个菜单，下拉框选择哪个菜单然后点击选择，就是编辑哪个菜单
              显示位置里面有个主菜单，勾选表示当前菜单作为主菜单
             
              
5、页面
    页面作为主页：自定义-主页设置-一个静态页面-选择页面
    页面隐藏标题(页面出现主页、关于我们文字):使用elementor编辑器-左下角设置-隐藏标题-是


6.小工具
   外观-小工具    搜索框，日历


7.插件
    联系我们： 搜索安装插件：Contact Form Email，
             设置完后复制代码[CONTACT_FORM_TO_EMAIL id="1"]
             然后新建页面将代码复制到新页面保存，该页面就是一个联系我们表单

    幻灯片播放
    大文件上传
    
    编辑器 elemontor(最热门最好用的wordpress页面编辑器)    
    编辑器 Happy Elementor Addons 
    联系我们插件  Contact Form Email


8.变更文字，变更图片：点击elementor编辑器

 9.更改网站log(页面左上方的图片)：             点击自定义-站点身份-选择Logo
10.更改网站图标(窗口栏的图片)                 点击自定义-站点身份-更改站点图标
11.更改网站标题(窗口栏的文字)：               设置-常规-站点标题

12.新页面
	点击+新建按钮 ——> 选择页面，输入页面标题(用英文，后面显示在路径上，导航标签可以改中文)——> 
	选择elemot编辑器
	
13.设计页面
    中间小加号添加段，其实就是页面结构，然后要放什么内容先点击页面结构区域，然后从左边拖过来。
    左边有文字标题，文字内容，图片，视频
    完成之后点击左下角的发布
    如果要把页面的标题去掉，点击elementor编辑栏下面的设置，标题去掉，或者直接统一隐藏标题
    
14.将添加的页面作为一个菜单页面放到网站中
	自定义——>菜单——添加项目——点击刚刚添加的页面就会移动到菜单列表，更改导航标签——排好序点击发布


15.设置手机端响应格式（网页，手机、ipad）
  在elementor编辑栏，左下角有个响应模式

4.1 astra主题下的使用

进入自定义

1、更改网址图标、网址标题、网址logo    页眉编辑器-网站标题和logo
2、悬停菜单放大                      页眉编辑器-主菜单-design-菜单悬停样式
3、菜单默认颜色和悬停颜色               页眉编辑器-透明页眉-design-菜单颜色-文字链接