アルバトロスのよくある質問

【外観 > カスタマイズ > その他オプション】より「ヘッダーを中央配置にする」にチェックを入れることでサイトロゴを中央配置することができます。

ロゴを大きく表示したい場合や、サイト名が長くて変な位置で折り返されてしまう場合にも、このサイトロゴを中央配置することでうまく表示できるかもしれません。（※サイト名が長過ぎる場合は中央配置でも改行されてしまう可能性はあります。その場合はロゴを画像でうまくレイアウトしてみてください。）

アルバトロステーマがver1.1.5で、最新版に更新できない場合は下記をお試しください。

Albatrossテーマのver1.1.5で、テーマアップデートが利用できなくなるバグが発生しております。
下記に修正方法を記載いたしますのでご確認くださいませ。

①〜② 該当ファイルを開く

• functions.php（テーマのための関数）

上記ファイルを編集します。

WordPress管理画面の【外観 > テーマの編集】から「編集するテーマを選択: 」で「albatros」を選び
「テーマのための関数（functions.php）」をクリックして開き編集。

③下記該当箇所を探し、修正後のコードに変更

下記の記述を探し、『変更後』のコードに修正します。

■修正前

'//open-cage.com/theme-update/albatros/update-info.json'

↓　↓　↓

■修正後

'http://open-cage.com/theme-update/albatros/update-info.json'

※ http: を追加します。

④ファイルを更新

修正後「ファイルを更新」というボタンを押すことで修正完了となります。

アップデート方法

③までの修正がうまくできた場合は、

1. 管理画面 > ダッシュボード >  更新
2. 管理画面 > 外観 > テーマ

上記の①or②のどちらかで確認可能です。通知が来ていないという場合はページを再度更新してみて下さい。

また①の【ダッシュボード > 更新】では、通知がないか手動で確認することができます。

アルバトロスにてサイト全体を黒背景/白文字に変更したい場合、カスタマイザーの「サイトカラー設定」だけでは不十分です。

黒背景にしたい場合は、CSSを編集する必要がございます。

サンプルCSSとして下記のようなCSSをご紹介しておりますので、お好みで色味を変更してご利用くださいませ。

下記CSSを子テーマのstyle.cssや【外観 > カスタマイズ > 追加CSS】などに追記していただくことで変更可能です。

/* albatros 黒背景にするcustom CSS */
.hentry,
.hentry header,
.hentry footer,
.single .authorbox,
.single .related-box,
#footer-top,
.comment-respond{
 background: #000;
 border-color: #888;
 color: #fff;
}
.top-post-list .post-list a,
.top-post-list .post-list .entry-content .entry-title{
 color:#fff;
}
.top-post-list .post-list a:hover{
 background:#333;
}
.sharewrap{
 background:#222;
}

※アルバトロスでは完全に真っ黒の背景色にすることを想定して設計されておりませんので、上記CSSを記載しても完全に対応できない場合がございます。あらかじめご了承くださいませ。

アルバトロステーマでは、ランディングページで太字（strongタグ）を使うと太字部分の背景色が黄色になる仕様となっております。

この設定を無効化するには、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。

#container #content.lp-wrap strong{
 background:none;
}

ロゴ部分のフォントサイズを変更するには、
下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。

#logo .h1.text{
 font-size:18px;
}

※数値の部分はお好みで変更してください。

またスマートフォンとそれ以外で分けたい場合は、下記のようにメディアクエリを利用することで変更可能となります。

#logo .h1.text{
 font-size:28px;
}
@media only screen and (max-width: 480px) {
#logo .h1.text{
 font-size:18px;
}
}

独自のSNSボタンを表示したくない場合は、カスタマイザーから無効化することが可能です。

テーマによって設定箇所が異なります。

アルバトロスの場合

【外観 > カスタマイズ > その他オプション】の「SNSボタンを表示しない」にチェックをいれることで無効化できます。

ハミングバード・ストークの場合

【外観 > カスタマイズ > 投稿・固定ページ設定】の「SNSボタンを表示しない」にチェックをいれることで無効化できます。

ヘッダー部分を白にしたい場合、カスタマイザーで設定せずに子テーマなどでのCSSを利用するのが簡単です。
カスタマイザーのヘッダー背景色はメインカラーともなるので、色をついたものを選び、ヘッダー部分の背景色のみCSSで変更するイメージです。

ヘッダー背景色を白にするには、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。

/* ヘッダーの背景色を白に */
#container .header{
    background:#fff;
}

ロゴ画像を大きくしたい場合、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。
※ただし注意点として、ロゴのサイズによってはグローバルメニューに設置するメニューの数を減らす必要があります。（通常6個設置できるところを、5個にするなど）減らさない場合はロゴ部分にメニューが被ってしまう可能性があるからです。

/* PC・タブレットの場合のロゴサイズを大きく */
@media only screen and (min-width: 768px) {
 #logo{
 width:22%;
 margin-top:43px;
 }
}

/* スマホの場合のロゴサイズを大きく */
@media only screen and (max-width: 767px) {
 #logo a img{
 max-height: 42px;
 }
}

※数値はお好みで変更してください。

また、画像ではなくフォントサイズを変更したい場合は、下記のように記述します。

/* PC・タブレットの場合のロゴ文字サイズを大きく */
@media only screen and (min-width: 768px) {
 #logo{
 font-size:2em;
 }
}

/* スマホの場合のロゴ文字サイズを大きく */
@media only screen and (max-width: 767px) {
 #logo{
 font-size:1.8em;
 }
}

720×370pxを推奨しておりますが、これよりも大きくお作りいただいても問題ございません。

今後の運用でサイト幅を大きくする可能性がある場合はさらに大きくお作りいただいた方がいい場合もあります。

横幅の最大サイズは1400pxとなります。
参考：ランディングページをつくる

ロゴ画像のサイズは198×55pxで表示されます。これよりも大きなサイズでお作りいただいても自動縮小されますので、大きめにつくって高解像度ディスプレイに対応させることも可能です。（2倍サイズでつくるなど）

サイトタイトルが長い場合はロゴ画像を設定していただくことをおすすめしています。ロゴ画像は【外観/カスタマイズ/ >サイトロゴ】よりアップロード可能です。

ソーシャルボタンにカウント数を表示させたい場合は、SNS Count Cacheというプラグインを導入/有効化することで表示されるようになります。導入後表示されるまでに多少時間がかかりますので、ご注意下さい。

参考：SNSボタンのカウント表示
参考：アルバトロステーマと相性の良いプラグイン

コメント欄はWordPressのデフォルト機能で非表示にすることができます。詳しくはページを御覧ください。

参考：コメント欄を消したい

英語表記は外観/メニュー設定よりお作りいただいたメニューを選んで頂き、【説明】と書かれた箇所に任意の英語（アルファベット）をご記入ください。

※「説明」メニューが表示されてない場合

説明が見つからない場合は、管理画面右上の「表示オプション」から「説明」にチェックが入っていることを確認してください。