カテゴリー: サーバー管理

WordPress TwrntyTwentyテーマにサイドバーを追加

画面の横にペインがないと何となく落ち着かない。

2020年現在最新のテーマTwentyTwentyにサイドバーを追加した。

C:\xampp\htdocs\wordpress\wp-content\themes\<テーマ名>\functions.php に以下を追加

function my_theme_widgets_init() {
    register_sidebar( array(
        'name'          => 'Main Sidebar',
        'id'            => 'main-sidebar',
    ) );
}
add_action( 'widgets_init', 'my_theme_widgets_init' );

index.phpに以下を追加

<?php get_sidebar(); ?>

sidebar.phpを以下で作成

<div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
  <?php dynamic_sidebar( 'main-sidebar' ); ?>
</div><!-- #primary-sidebar -->

外観－カスタマイズで追加CSSに以下を追加。

/* サイドバーを左に表示 */
#primary-sidebar {
	float: left;
	padding-top: 0rem;
	padding-right:1rem;
	width:30%;
	min-width: 140px;
}

なぜか見出しの文字が大きすぎるのでサイズを指定した。

/* 投稿の見出し文字の大きさ */
.entry-title {
	font-size: 3.2rem;
}
/* サイドバーの見出し文字の大きさ */
.widgettitle {
	font-size: 2.5rem;
}

ついでにカレンダーに特定の日付にハイライトを付ける。

/* カレンダーの日付の色 */
.widget_calendar #today {
	margin-bottom: 0;
	background-color: #689F38;
}
.widget_calendar a {
	font-weight: bold;
}

2020/07/10

AWS Lightsailでサーバーを構築－スケールアップ編
AWS Lightsailの無料使用期間が終わったので、インスタンスのスケールアップを行った。

メモリが512MBでは動かないことはないが、たまにフリーズすることもある。メモリを１GBのプランにスケールアップした。

スナップショットの作成

https://lightsail.aws.amazon.com/ls/docs/ja_jp/articles/prepare-windows-based-instance-and-create-snapshot

インスタンスの管理でインスタンスを停止する
スナップショットを作成する
インスタンスを開始し、Ec2LaunchSettingsを実行する
Administrator PasswordはRandomを選択し、Shutdown with Sysprepボタンを押す。
SysprepはPC固有情報を削除するらしい。
```
https://docs.microsoft.com/en-us/windows-hardware/manufacture/desktop/sysprep--system-preparation--overview
Removes PC-specific information from the Windows image, including the PC’s security identifier (SID). This allows you to capture the image and apply it to other PCs. This is known as generalizing the PC.
Uninstalls PC-specific drivers from the Windows image.
Prepares the PC for delivery to a customer by setting the PC to boot to OOBE.
Allows you to add answer file (unattend) settings to an existing installation.
```
インスタンスが停止したら再度スナップショットを作成する
最新のスナップショットから新規インスタンスを作成
ホーム－ネットワークから静的パブリックIPアドレスを新しいインスタンスに振りなおす
旧インスタンスのスナップショットを２つとも削除する
旧インスタンスを削除する
新インスタンスのファイアーフォールを設定する
DNSを設定する－DNSは静的パブリックIPアドレスに紐づいているので不要

コンピューター名を変更する
2020/07/03
AWS Lightsailでサーバーを構築－WordPress編
〇WordPress
下記から追加してダウンロードする。

ホーム

・Apache,MySQLを立ち上げる。
ファイアウォールの設定確認が出たら許可する。

・MySQLにrootのパスワードをセットする
XMAPPコントロールパネルのShellを起動。
```
# cd mysql\bin
# mysql -u root
MariaDB [(none)]> set password=password('xxxxxxxx');
MariaDB [(none)]> quit
```
・ApacheとMySQLを停止する
・C:\xampp\phpMyAdmin\config.inc.phpを編集する。
```
$cfg['Servers'][$i]['auth_type'] = 'config';
↓
$cfg['Servers'][$i]['auth_type'] = 'cookie';

$cfg['Servers'][$i]['user'] = 'root';
↓
$cfg['Servers'][$i]['user'] = 'uuuuuu';
```
・Apache,MySQLを立ち上げる。

・WordPress用データベースを作成する

MySQLのAdminボタンを押してログインする
ユーザー名:uuuuuu
パスワード：pppppppp
データベースタブを押す。
データベース名:wp-01
照合順序:utf8_general_ci
作成する

・データベースの直接編集

XAMPPコントロールパネルのMySQLのAdminボタンを押す。デフォルトの設定ではローカルマシンでのみ可能
http://localhost/phpmyadmin/
データベースwp-01をクリックする
テーブルwp_optionsをクリックし、表示タブを開く
siteurl,home,admin_email,mailserver_urlなどをインラインで編集する
option_valueの列にある文字列をダブルクリックして変更しエンターキーを押す

・WordPressをXAMPPにインストールする
WordPressのダウンロードして解凍し、展開されたwordpressフォルダーをC:\xampp\htdocsにコピーする

・http://localhost/wordpress/ をWebブラウザーで開く

さあ始めましょうを押す。
```
データベースの作成
データベース名:wp-01
ユーザー名:uuuuuu
パスワード:pppppppp
データベースのホスト名:www.@domain.com
テーブル接頭辞:wp_
```
・WordPressサイトの作成
```
サイトのタイトル:WPテスト
ユーザー名:uuuuu2
パスワード:ppppppp2
メールアドレス:xxxxxx@domain.com
検索エンジンでの表示:off
```
・wordpressのユーザーでログインし、編集する

https://www.domain.com/wordpress/wp-admin/

・imagickのインストール

http://windows.php.net/downloads/pecl/deps/ ImageMagick-7.0.7-11-vc15-x64.zip

C:\xampp\ImageMagick に展開する
システム環境変数PATHに C:\xampp\ImageMagick\bin を追加する。
PCを再起動する。

https://windows.php.net/downloads/pecl/releases/imagick/3.4.4/php_imagick-3.4.4-7.4-ts-vc15-x64.zip

展開して、php_imagick.dllを C:\xampp\php\ext\ にコピーする。
CORE_RL_*.dll を C:\xampp\ImageMagick\bin に上書きコピーする（バイナリが一致したので不要）
C:\xampp\php\php.ini [Dynamic Extensions] に extension=php_imagick を追加する。

・wordpressの設定

更新情報サービス

デフォルトでは以下が有効なので削除する
設定－投稿設定
http://rpc.pingomatic.com/

パーマリンク
設定－パーマリンク設定
「数字ベース」にする。「基本」にすると固定ページの編集時に.htaccessファイルが壊れることがある。

日付形式
設定－一般
Y/m/d H:i:s – 2010/11/06 16:04:20
週の始まり:月曜日

メディサイズ
設定－メディア
150,0,300,0,1024,0

画像の再作成
プラグイン Regenerate Thumbnails Advancedを追加する
実行はツール－Regenerate Thumbnails
Medium_largeのボタンを外す。SAVE SETTINGS。REGENERATEボタンを押す。

サイトアイコンの設定
外観－カスタマイズ－サイト基本情報－サイトアイコンを選択
ファイルをアップロードで画像ファイルを選択
wordpres/wp-contentt\upload\yyyy\mmに追加される
512×512 PNGファイル推奨

カテゴリーを追加する
投稿－カテゴリー
設定－投稿設定で投稿用カテゴリーの初期設定を設定する

PHPのタイムアウトを変更
C:\xampp\php\php.ini
;max_execution_time=30
max_execution_time=120

ファイルアップロードサイズを指定する
C:\xampp\php\php.ini
memory_limit=256M
post_max_size=20M
upload_max_filesize=20M

・ドメインの移行
```
xamppコントロールパネルから、MySQLのAdmin
データベース wp-01を選択し、エクスポート、実行
SQLファイル内のドメイン名を新しいドメイン名に置換する
新サーバーでデータベース wp-01を作成する
SQLファイルをインポートする
C:\xampp\htsdocs\wordpress をまるごとコピーする
```
2020/06/17

カテゴリー: サーバー管理

WordPress TwrntyTwentyテーマにサイドバーを追加

AWS Lightsailでサーバーを構築－スケールアップ編

AWS Lightsailでサーバーを構築－WordPress編