Files
clear-linux-documentation/tutorials/wordpress.html
2024-11-04 18:56:31 +00:00

312 lines
17 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en" data-content_root="../">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="viewport" content="width=device-width, initial-scale=1" />
<title>WordPress* Server &#8212; Documentation for Clear Linux* project</title>
<link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=fa44fd50" />
<link rel="stylesheet" type="text/css" href="../_static/bizstyle.css?v=5283bb3d" />
<link rel="stylesheet" type="text/css" href="../_static/copybutton.css?v=76b2166b" />
<script src="../_static/documentation_options.js?v=5929fcd5"></script>
<script src="../_static/doctools.js?v=9bcbadda"></script>
<script src="../_static/sphinx_highlight.js?v=dc90522c"></script>
<script src="../_static/clipboard.min.js?v=a7894cd8"></script>
<script src="../_static/copybutton.js?v=a56c686a"></script>
<script src="../_static/bizstyle.js"></script>
<link rel="canonical" href="https://clearlinux.github.io/clear-linux-documentation/tutorials/wordpress.html" />
<link rel="icon" href="../_static/favicon.ico"/>
<link rel="author" title="About these documents" href="../about.html" />
<link rel="index" title="Index" href="../genindex.html" />
<link rel="search" title="Search" href="../search.html" />
<link rel="next" title="YubiKey* Support" href="yubikey-u2f.html" />
<link rel="prev" title="VMware* Workstation Pro" href="vmware-workstation.html" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!--[if lt IE 9]>
<script src="_static/css3-mediaqueries.js"></script>
<![endif]-->
</head><body>
<div class="related" role="navigation" aria-label="Related">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="../genindex.html" title="General Index"
accesskey="I">index</a></li>
<li class="right" >
<a href="yubikey-u2f.html" title="YubiKey* Support"
accesskey="N">next</a> |</li>
<li class="right" >
<a href="vmware-workstation.html" title="VMware* Workstation Pro"
accesskey="P">previous</a> |</li>
<li class="nav-item nav-item-0"><a href="../index.html">Documentation for Clear Linux* project</a> &#187;</li>
<li class="nav-item nav-item-1"><a href="index.html" accesskey="U">Tutorials</a> &#187;</li>
<li class="nav-item nav-item-this"><a href="">WordPress* Server</a></li>
</ul>
</div>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body" role="main">
<section id="wordpress-server">
<span id="wp-install"></span><h1>WordPress* Server<a class="headerlink" href="#wordpress-server" title="Link to this heading"></a></h1>
<p>This tutorial shows you how to install the WordPress* components on your Clear Linux OS
<abbr title="Linux, Apache*, MySQL*, PHP">LAMP</abbr> server. At the end of
<a class="reference internal" href="lamp-server.html#lamp-server-install"><span class="std std-ref">LAMP Web Server</span></a>, you created a WordPress-ready database using
phpMyAdmin* and MariaDB*. Now that the LAMP server is up and running, you
can add the WordPress components needed to host a WordPress website on your system.</p>
<section id="before-you-begin">
<h2>Before you begin<a class="headerlink" href="#before-you-begin" title="Link to this heading"></a></h2>
<p>This tutorial assumes that you have successfully completed
<a class="reference internal" href="../get-started/bare-metal-install-desktop.html#bare-metal-install-desktop"><span class="std std-ref">Install Clear Linux* OS from the live desktop</span></a> and you have <a class="reference internal" href="lamp-server.html#lamp-server-install"><span class="std std-ref">LAMP Web Server</span></a>.</p>
</section>
<section id="create-a-wordpress-server">
<h2>Create a WordPress server<a class="headerlink" href="#create-a-wordpress-server" title="Link to this heading"></a></h2>
<p>WordPress can be installed in a variety of ways. These instructions are
written for users who have followed our instructions for installing phpMyAdmin
when they <a class="reference internal" href="lamp-server.html#lamp-server-install"><span class="std std-ref">set up a LAMP web server</span></a>. Note that
all steps in this tutorial have been tested using a NUC6i5SYH Intel® NUC.
Visit the <a class="reference external" href="http://www.intel.com/content/www/us/en/nuc/nuc-kit-nuc6i5syh.html">NUC6i5SYH product page</a> for detailed information.</p>
<p>Numerous online articles are available to help you name your website and
acquire the necessary certificates. Those tasks are beyond the scope of this tutorial.</p>
<p>You can take several actions to harden your website from attacks. The security
of your website and the data it contains are complex and ever-evolving tasks.
Prioritize security if you plan to expose your website to the outside world.
This tutorial does not address security measures that you can take to harden
your site but we strongly encourage you to take action.</p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>Throughout this tutorial, we reference your website name as &lt;your_website&gt;.</p>
</div>
<section id="download-wordpress-and-manage-directories">
<h3>Download WordPress and manage directories<a class="headerlink" href="#download-wordpress-and-manage-directories" title="Link to this heading"></a></h3>
<p>For this tutorial, you will create a WordPress blog that can be accessed at:
http://&lt;your_website&gt;/blog.</p>
<p>To accomplish this setup, you must add WordPress components to the <code class="file docutils literal notranslate"><span class="pre">/var/www/html/blog</span></code>
directory.</p>
<p>Follow these steps:</p>
<ol class="arabic">
<li><p>Navigate to the top level of the websites root directory:</p>
<div class="highlight-bash notranslate"><div class="highlight"><pre><span></span><span class="nb">cd</span><span class="w"> </span>/var/www/html
</pre></div>
</div>
</li>
<li><p>Download the latest version of WordPress:</p>
<div class="highlight-bash notranslate"><div class="highlight"><pre><span></span>sudo<span class="w"> </span>curl<span class="w"> </span>-O<span class="w"> </span>https://wordpress.org/latest.tar.gz
</pre></div>
</div>
</li>
<li><p>Extract all files and directories from the downloaded file:</p>
<div class="highlight-bash notranslate"><div class="highlight"><pre><span></span>sudo<span class="w"> </span>tar<span class="w"> </span>xzvf<span class="w"> </span>latest.tar.gz
</pre></div>
</div>
</li>
<li><p>Rename the top-level WordPress directory to “blog”:</p>
<div class="highlight-bash notranslate"><div class="highlight"><pre><span></span>sudo<span class="w"> </span>mv<span class="w"> </span>wordpress<span class="w"> </span>blog
</pre></div>
</div>
</li>
<li><p>Remove the downloaded tar file:</p>
<div class="highlight-bash notranslate"><div class="highlight"><pre><span></span>sudo<span class="w"> </span>rm<span class="w"> </span>latest.tar.gz
</pre></div>
</div>
</li>
</ol>
</section>
<section id="set-up-wordpress-with-web-based-gui">
<h3>Set up WordPress with web-based GUI<a class="headerlink" href="#set-up-wordpress-with-web-based-gui" title="Link to this heading"></a></h3>
<p>Recall that you created a database and user when you installed phpMyAdmin when you
set up a Clear Linux OS based <a class="reference internal" href="lamp-server.html#lamp-server-install"><span class="std std-ref">web server</span></a>. Next, you must
connect WordPress to the database and install WordPress.</p>
<p>To continue with the setup, go to: http://&lt;your_website&gt;/blog/wp-admin/install.php.
The WordPress language option screen appears, as shown in figure 1.</p>
<ol class="arabic">
<li><p>Select <span class="guilabel">English</span> and click <span class="guilabel">Continue</span>.</p>
<figure class="dropshadow align-default" id="id1">
<a class="reference internal image-reference" href="../_images/wp-install-1.png"><img alt="WordPress language selection" src="../_images/wp-install-1.png" style="width: 600px;" />
</a>
<figcaption>
<p><span class="caption-text"><cite>Figure 1: WordPress language selection screen.</cite></span><a class="headerlink" href="#id1" title="Link to this image"></a></p>
</figcaption>
</figure>
<p>The WordPress installation continues until the Welcome screen appears, as shown in
figure 2:</p>
<figure class="dropshadow align-default" id="id2">
<a class="reference internal image-reference" href="../_images/wp-install-2.png"><img alt="WordPress welcome screen" src="../_images/wp-install-2.png" style="width: 600px;" />
</a>
<figcaption>
<p><span class="caption-text"><cite>Figure 2: WordPress Welcome screen.</cite></span><a class="headerlink" href="#id2" title="Link to this image"></a></p>
</figcaption>
</figure>
</li>
<li><p>Click <span class="guilabel">Lets go!</span>.</p></li>
<li><p>Enter database connection specifics in the screen that appears, as shown in figure 3
below.</p>
<ul class="simple">
<li><p>Database name: WordPress</p></li>
<li><p>Database username: wordpressuser</p></li>
<li><p>Database password: wp-example (asterisks will not appear in the text box)</p></li>
<li><p>Database host: localhost</p></li>
<li><p>Table prefix: wp_</p></li>
</ul>
<figure class="dropshadow align-default" id="id3">
<a class="reference internal image-reference" href="../_images/wp-install-3.png"><img alt="Database connection details" src="../_images/wp-install-3.png" style="width: 600px;" />
</a>
<figcaption>
<p><span class="caption-text"><cite>Figure 3: Information necessary for WordPress to connect to the database.</cite></span><a class="headerlink" href="#id3" title="Link to this image"></a></p>
</figcaption>
</figure>
</li>
<li><p>Click <span class="guilabel">Submit</span> to complete the setup.</p>
<p>Figure 4 shows the confirmation screen that verifies a successful setup. WordPress
is connected to the MariaDB database.</p>
<figure class="dropshadow align-default" id="id4">
<a class="reference internal image-reference" href="../_images/wp-install-4.png"><img alt="Successful database connection." src="../_images/wp-install-4.png" style="width: 600px;" />
</a>
<figcaption>
<p><span class="caption-text"><cite>Figure 4: Successful WordPress connection.</cite></span><a class="headerlink" href="#id4" title="Link to this image"></a></p>
</figcaption>
</figure>
</li>
<li><p>Click <span class="guilabel">Run the install</span>.
The installer runs until WordPress is fully installed on your system.</p></li>
</ol>
</section>
<section id="complete-successful-login">
<h3>Complete successful login<a class="headerlink" href="#complete-successful-login" title="Link to this heading"></a></h3>
<p>Once the installation is complete, you can name your blog and create a WordPress username
and password. See figure 5.</p>
<figure class="dropshadow align-default" id="id5">
<a class="reference internal image-reference" href="../_images/wp-install-5.png"><img alt="WordPress user creation" src="../_images/wp-install-5.png" style="width: 600px;" />
</a>
<figcaption>
<p><span class="caption-text"><cite>Figure 5: WordPress site information screen.</cite></span><a class="headerlink" href="#id5" title="Link to this image"></a></p>
</figcaption>
</figure>
<ol class="arabic">
<li><p>Enter all required information.</p></li>
<li><p>Click <span class="guilabel">Install WordPress</span>.</p></li>
<li><p>Verify that the initial login screen appears once the installation is complete. See figure 6:</p>
<figure class="dropshadow align-default" id="id6">
<a class="reference internal image-reference" href="../_images/wp-install-6.png"><img alt="WordPress login" src="../_images/wp-install-6.png" style="width: 600px;" />
</a>
<figcaption>
<p><span class="caption-text"><cite>Figure 6: The WordPress login screen.</cite></span><a class="headerlink" href="#id6" title="Link to this image"></a></p>
</figcaption>
</figure>
</li>
<li><p>Enter your WordPress username and password.</p></li>
<li><p>Check <span class="guilabel">Remember me</span> to save your credentials.</p></li>
<li><p>Click <span class="guilabel">Log in</span>.</p></li>
</ol>
<p>Figure 7 shows the WordPress dashboard after a successful login:</p>
<figure class="dropshadow align-default" id="id7">
<a class="reference internal image-reference" href="../_images/wp-install-7.png"><img alt="WordPress Dashboard" src="../_images/wp-install-7.png" style="width: 600px;" />
</a>
<figcaption>
<p><span class="caption-text"><cite>Figure 7: The WordPress dashboard.</cite></span><a class="headerlink" href="#id7" title="Link to this image"></a></p>
</figcaption>
</figure>
<p>You are ready to go!</p>
<p>To check out your blog as it is seen by the outside world, enter:
http://&lt;your_website&gt;/blog on your browser. Figure 8 shows the result:</p>
<figure class="align-default" id="id8">
<a class="reference internal image-reference" href="../_images/wp-install-8.png"><img alt="WordPress blog" src="../_images/wp-install-8.png" style="width: 600px;" />
</a>
<figcaption>
<p><span class="caption-text"><cite>Figure 8: Your WordPress blog.</cite></span><a class="headerlink" href="#id8" title="Link to this image"></a></p>
</figcaption>
</figure>
<p><strong>Congratulations, your WordPress blog is up and running!</strong></p>
<p>You have successfully installed WordPress on a host system.</p>
<p>Add new entries to your blog and share them with the world using Clear Linux OS!</p>
<p><em>Intel and the Intel logo are trademarks of Intel Corporation or its subsidiaries.</em></p>
</section>
</section>
</section>
<div class="clearer"></div>
</div>
</div>
</div>
<div class="sphinxsidebar" role="navigation" aria-label="Main">
<div class="sphinxsidebarwrapper">
<p class="logo"><a href="../index.html">
<img class="logo" src="../_static/clearlinux.png" alt="Logo of Clear Linux* Project Docs"/>
</a></p>
<div>
<h3><a href="../index.html">Table of Contents</a></h3>
<ul>
<li><a class="reference internal" href="#">WordPress* Server</a><ul>
<li><a class="reference internal" href="#before-you-begin">Before you begin</a></li>
<li><a class="reference internal" href="#create-a-wordpress-server">Create a WordPress server</a><ul>
<li><a class="reference internal" href="#download-wordpress-and-manage-directories">Download WordPress and manage directories</a></li>
<li><a class="reference internal" href="#set-up-wordpress-with-web-based-gui">Set up WordPress with web-based GUI</a></li>
<li><a class="reference internal" href="#complete-successful-login">Complete successful login</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div>
<h4>Previous topic</h4>
<p class="topless"><a href="vmware-workstation.html"
title="previous chapter">VMware* Workstation Pro</a></p>
</div>
<div>
<h4>Next topic</h4>
<p class="topless"><a href="yubikey-u2f.html"
title="next chapter">YubiKey* Support</a></p>
</div>
<div role="note" aria-label="source link">
<h3>This Page</h3>
<ul class="this-page-menu">
<li><a href="../_sources/tutorials/wordpress.rst.txt"
rel="nofollow">Show Source</a></li>
</ul>
</div>
<search id="searchbox" style="display: none" role="search">
<h3 id="searchlabel">Quick search</h3>
<div class="searchformwrapper">
<form class="search" action="../search.html" method="get">
<input type="text" name="q" aria-labelledby="searchlabel" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>
<input type="submit" value="Go" />
</form>
</div>
</search>
<script>document.getElementById('searchbox').style.display = "block"</script>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="related" role="navigation" aria-label="Related">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="../genindex.html" title="General Index"
>index</a></li>
<li class="right" >
<a href="yubikey-u2f.html" title="YubiKey* Support"
>next</a> |</li>
<li class="right" >
<a href="vmware-workstation.html" title="VMware* Workstation Pro"
>previous</a> |</li>
<li class="nav-item nav-item-0"><a href="../index.html">Documentation for Clear Linux* project</a> &#187;</li>
<li class="nav-item nav-item-1"><a href="index.html" >Tutorials</a> &#187;</li>
<li class="nav-item nav-item-this"><a href="">WordPress* Server</a></li>
</ul>
</div>
<div class="footer" role="contentinfo">
&#169; Copyright 2022 Intel Corporation. All Rights Reserved..
Last updated on Nov 04, 2024.
Created using <a href="https://www.sphinx-doc.org/">Sphinx</a> 8.1.3.
</div>
</body>
</html>