やわらかしかっけい

なんでもすぐに忘れてしまう自分のために

さくらVPSを借りていろいろやってみている

黒い画面をパチパチしてサーバーをいじる

という経験が必要だなと思って、さくらVPSの一番安いプランを借りてみた

$ ssh homepage@000.000.000.00
$ su -

ルート権限でいろいろやる

基本的な手順は全部「さくらのナレッジ」に書いてある

ありがたい


最初はさくらVPSのページにあるオンラインマニュアルを見て進めていたが、
私の知識不足とマニュアルの説明不足のマリアージュによりエラい目にあった


具体的には、viエディタをそれとは知らずに触ってしまい、混乱したのだった

nanoエディタを入れる

viエディタはinsertモードとそうでないモードがあり、操作が難しい。こわい。

そんな私に便利なものがある。誰も興味が無いnanoの基礎の基礎 - nanoはpicoの千倍なの! - - KAYAC engineers' blog

下の方に常に「このキーを押すとこの機能だよ!」という案内が表示されている。
心優しい。

# nano /etc/httpd/conf/httpd.conf

↑nanoエディタでhttpd.confを編集する

独自ドメインはお名前.comでとった




!お名前.comとさくらVPS側と、両方設定する必要があるらしい。wwwとmail

WordPress: ContactForm7のお問い合わせを共有SSLにしようとしてドハマりした

静的ページ(php)でお問い合わせページを作成し、共有SSL化するとのことだったが

結果、三度はまった

ディレクトリどうしたらいいかわからん

正解:
ルート
└ /wp-admin/
└ /wp-content/
└ /wp-includes/
└ /contactform/
 └ index.php

403エラーでる

正解:/contactform/index.phpパーミッションを707にする

CSSを全然読み込んでくれる気配がない

相対パスをどうしようが、http:を外して//〜〜/style.cssにしようが、ダメだった

結果、CSSをわざわざコピペしてきて/contactform/内に設置

	<link rel="stylesheet" href="style.css" type="text/css" /><!--ContactForm7プラグインのCSS-->
	<link rel="stylesheet" href="styles.css" type="text/css" /><!--ページのCSS-->

(あとfontawesomeとかも読み込まれてない。もう知らない)
それにともない、header-contact.phpを作成

<?php get_header("contact"); ?>

こうやって読み込む

index.phpの中身は

<?php 
require '../wp-blog-header.php'; 
?>
<?php get_header('contact'); ?>

<div class="col-xs-12 col-md-8 col-md-offset-2">
<div class="contact">
<img src="../wp-content/themes/xxxx/img/xxx.png" class="img-responsive">
<?php echo do_shortcode('[contact-form-7 id="xx" title="メールフォーム"]'); ?>
</div><!--contact-->
</div>

</div><!--container-->
<?php get_footer(); ?>

こんな感じになった。
画像パス、テンプレートタグ使ってると500エラーになっちゃうので書き直した

続報

送信ボタンを押すと、エラーページに飛ばされちゃう。。ので結局SSL化は先送り。

WordPress: カスタムフィールドテンプレートで画像を複数枚表示

グループ化とかしないで、ただ画像を複数枚表示したいだけ

<?php
$myimage = post_custom('myimage');
if($myimage) {
foreach($myimage as $var) {
$imgArray = wp_get_attachment_image_src($var, 'full');
list( $url, $w, $h) = $imgArray;
?>
<img src="<?php echo $url; ?>"  />
<?php } //foreach ?>
<?php } //if ?>