WordPress のテーマを有料のALBATROSに変えた

良いものにはお金を払いたくなります。

webとかブログは無料にこだわってもよいですが、結局はそれなりの労力をかけることになったりします。

というわけで、このブログのテーマを有料の ALBATROS に変更しました。

いままではLuxeritasを使っていました。

無料なのに高機能で良かったのですが、さくらインターネットで使う場合はフォントが読まれないようでSNSボタンが□(いわゆる「とーふ」)になったりして困っていました。(あと、ちょっと重い感じはしました。でも、これは乗り換えた理由ではないです。)

フォントまわりの設定はいろいろ悪戦苦闘しながら試したのですが、ちょっと飽きてきました。 えーいこの際、有料のテーマを試そう、と思って調べました。

選ぶ基準としては以下のようなものを中心に据えました:

• 何もいじらずにデザインが綺麗
• なるべく安価
• 機能はさほど要らない(アフィリエイトでガシガシ稼ぐサイトではないので)

1時間ほど検索しながら探して、ぱぱっと決めました。Open CageのALBATROSです。Open Cageは鳥の名前のテーマを販売していますが、一番デザイン的に綺麗だと感じました。一番安かったというのも理由です。

移行の作業

デザイン以外の移行の作業は以下の4点です:

• Google Analyticsのコード
• functions.php
• mathjax の js コード
• css

Goole Analyticsのコード

これはテーマのカスタマイズから追跡コードだけを入れれば良いです。

functions.php

WordPressの投稿本文の自動整形をオフにする の

remove_filter('the_content', 'wpautop');

を入れるだけです。

Luxeritas は functions.php に追加をダッシュボードから出来るのですが、 ALBATROSはできません。仕方ないので、FTPでfunctions.phpをローカルにダウンロードして、編集してからアップロードしました。

functions.phpはwp-content/themes/albatros の下にあります。 ALBATROSのコードがたくさん入っているファイルですので、自分が入れたコードであることが分かるようにコメントを入れてます。

mathjaxのjs コード

テーマカスタマイズの解析コードを入れる場所の下に「headタグ」に入れました。

<script type="text/x-mathjax-config">
      MathJax.Hub.Config({ 
         tex2jax: { 
            inlineMath: [['$','$'], ["\\(","\\)"]],
             processEscapes: true 
         } ,
         TeX: {
             extensions: ["mhchem.js"]
        },
        CommonHTML: {   matchFontHeight: false }
      });
</script>
<script type="text/javascript"
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_CHTML">
</script>

css

テーマカスタマイズの追加cssの場所に入れました。

pre, code, var, samp, kbd, .mono {
    font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
    /*    font-size: 14px; */
    font-weight: 600;
    line-height: 1.2;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;    
}

kbd {
    margin: 3px;
    padding: 2px 5px;
    background-color: #F0F0F0;
}



/* for htmlize buffer */
.comment {
    /* font-lock-comment-face */
    color: #008AFF;
}
.comment-delimiter {
    /* font-lock-comment-delimiter-face */
     color: #008AFF;
}

.doc {
    /* font-lock-doc-face */
    color: #008AFF;
}
.yatex-font-lock-declaration {
        /* YaTeX-font-lock-declaration-face */
     color: #00ffff;
}
.yatex-font-lock-label {
  /* YaTeX-font-lock-label-face */
      color: #ffc0cb;
     text-decoration: underline;
      }
.constant {
    /* font-lock-constant-face */
    color: #FF518C;
}
.function-name {
    /* font-lock-function-name-face */
    color: #FFDD00;
}
.hl-line {
    /* hl-line */
    background-color: #00162A;
}
.keyword {
    /* font-lock-keyword-face */
    color: #FA9E18;
}
.preprocessor {
    /* font-lock-preprocessor-face */
    color: #8090A2;
}
.string {
    /* font-lock-string-face */
    color: #42D915;
}
.type {
    /* font-lock-type-face */
    color: #FFEF79;
}
.paren {
    /* paren-face */
    color: #88aaff;
}
.region {
    /* region */
    background-color: #444444;
}
.diff-added {
    /* diff-added */
    background-color: #335533;
}
.diff-context {
    /* diff-context */
    color: #dddddd;
}
.diff-file-header {
    /* diff-file-header */
    background-color: #999999;
    font-weight: bold;
}
.diff-header {
    /* diff-header */
    background-color: #737373;
}
.diff-hunk-header {
    /* diff-hunk-header */
    background-color: #737373;
}
.diff-indicator-added {
    /* diff-indicator-added */
    background-color: #335533;
}
.diff-indicator-removed {
    /* diff-indicator-removed */
    background-color: #553333;
}
.diff-removed {
    /* diff-removed */
    background-color: #553333;
}


/* htmlize buffer ends here. */
pre{ 
    background: #102e4e;
    color: white;
    margin: 10px;
    padding: 8px;
    overflow: auto;
    max-width: 80em;
    overflow: auto;
    max-height: 25em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.text blockquote{
    border:1px solid #f8f8f8;
    margin:10px;
    padding:8px 8px;
    color: #FFFFDD;
    border:solid 1px #f8f8f8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color:#555555;
}


/*--------------------------------------
yomereba, kaereba (PC)
--------------------------------------*/

.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}

.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family: minmoji;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/* each shop button design */
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkrakukobo a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/* */
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}
/*--------------------------------------
yomereba, kaereba, End Here.
--------------------------------------*/