おしゃれで使える海外無料テーマ「Fotografie」の使い方とカスタマイズ

基本的には海外の無料テーマは、英語だしサポートもないし、カスタマイズ方法などの情報もないので使いにくいですが、インパクトのあるサイト、おしゃれなサイトを作りたいと思った時、海外テーマには魅力的なものが数多くあります。

今回は、そんな中でも実際に使ってみて「これは使える」と思ったテーマ「Fotografie」の紹介と、実際に使うのに足りない機能の対応やクレジット表示削除などのカスタマイズ方法を書いてみます。

 

おしゃれな海外テーマは、以下も参考にして下さい。

おしゃれで使える海外無料テーマ「Hoot Du」の使い方とカスタマイズ
基本的には海外の無料テーマは、英語だしサポートもないし、カスタマイズ方法などの情報もないので使いにくいですが、インパクトのあるサイト、おしゃれなサイトを作りたいと思った時、海外テーマには魅力的なものが数多くあります。 今回は、そんな中でも実...
おしゃれで使える海外無料テーマ「Hestia」の特徴・子テーマ準備・フッタークレジット削除
「Hestia」は海外のテーマですが、日本語に翻訳されているので、設定画面なども分かりやすく問題なく使えます。 機能的にもデザイン的にも優れていて、ビジネスサイトとしても十分に利用できるテーマです。 「Hestia」 デモ&ダウンロード ダ...

 

上記リンクの「Hoot Du」ほどデザインカスタマイズの機能はありませんが、シンプルながら扱いやすいテーマです。

 

 

デモサイト / ダウンロード

※有料版(PRO)もあります

1カラムまたは2カラム

 


 

主な設定項目

 

  • 色は背景色とヘッダーのテキスト色の設定が可能
  • ヘッダーメディアには画像の他、動画も可能<
  • メニュー位置はグローバルナビとフッターエリアの2種
  • 背景画像設定可能
  • お勧め記事表示可能(3つまで)
  • 設定のリセット機能あり

など

ページ先頭へ戻るボタンは標準装備

 

使い方

お勧め記事設定

カスタマイザーの「Featured Content」から簡単に設定可能です。

 

フッターエリアの設定方法

フッターには、自サイトのプライバシーポリシーページへのリンクと、ソーシャルリンクなどを設定出来ます。

 

プライバシーポリシーの設定

作成済みのプライバシーポリシーページを設定するだけで、フッターに自動で表示されます。

「設定」→「プライバシー」から設定します。

 

ソーシャルメニューの設定

 

「外観」→「メニュー」でメニューを作成します。

「カスタムリンク」にSNSへのリンクを追加するだけで、アイコン表示されます。

 

ナビゲーションラベルはTwitter、Facebook などとSNSの名前にします。

 

 

カスタマイズについて

 

フッタークレジット(著作権表示)削除

フッターに表示されるクレジットは、site-info.phpというファイルがありますので、その1行を編集するだけで可能です。

フッターには、ソーシャルメニュー(設定が必要)と、自サイトの名前、自サイトのプライバシーポリシーが自動で表示されますが、その後ろにクレジット表記が出ますので、この部分だけを削除する方法をご紹介します。

 

このファイルの編集は、FTPでダウンロードしたものをバックアップ(コピー)して直接編集し、再度FTPでアップロードする形で行います。

 

FTPについては以下をご覧ください。

FTPクライアントの使い方(FFFTP)とワードプレスのファイル構成
今回は、私が何十年も変わらず使っているソフト「FFFTP」でFTPクライアントの使い方と、ワードプレスでのファイル構成を紹介します。 既にワードプレスが稼働している方向けの説明になっています。 ワードプレスをこれからインストールされる方は以...

 

テーマディレクトリ「fotografie」→「components」→「footer」の中にある

「site-info.php」を編集します。

内容は以下のようになっています。

コードを表示

<div class="site-info">
<?php
$theme_data = wp_get_theme();

$def_footer_text = sprintf( _x( 'Copyright &copy; %1$s %2$s. All Rights Reserved. %3$s', '1: Year, 2: Site Title with home URL, 3: Privacy Policy Link', 'fotografie' ), esc_attr( date_i18n( __( 'Y', 'fotografie' ) ) ), '<a href="' . esc_url( home_url( '/' ) ) . '">' . esc_attr( get_bloginfo( 'name', 'display' ) ) . '</a>', get_the_privacy_policy_link() ) . ' &#124; ' . $theme_data->get( 'Name' ) . '&nbsp;' . esc_html__( 'by', 'fotografie' ) . '&nbsp;<a target="_blank" href="' . $theme_data->get( 'AuthorURI' ) . '">' . esc_html( $theme_data->get( 'Author' ) ) . '</a>';

echo $def_footer_text;
?>
</div><!-- .site-info -->

これを以下のように書き換えます。

コードを表示

<div class="site-info">
<?php
$theme_data = wp_get_theme();

$def_footer_text = sprintf( _x( 'Copyright &copy; %1$s %2$s. All Rights Reserved. %3$s', '1: Year, 2: Site Title with home URL, 3: Privacy Policy Link'), esc_attr( date_i18n( __( 'Y', 'fotografie' ) ) ), '<a href="' . esc_url( home_url( '/' ) ) . '">' . esc_attr( get_bloginfo( 'name', 'display' ) ) . '</a>', get_the_privacy_policy_link() ) ;

echo $def_footer_text;
?>
</div><!-- .site-info -->

 

具体的には2点、削除しています。

( ‘Copyright &copy; %1$s %2$s. All Rights Reserved. %3$s’, ‘1: Year, 2: Site Title with home URL, 3: Privacy Policy Link’, ‘fotografie’ )

の ’, ‘fotografie’  の部分

プライバシーポリシーへのリンクの後の

‘ &#124; ‘ . $theme_data->get( ‘Name’ ) . ‘&nbsp;’ . esc_html__( ‘by’, ‘fotografie’ ) . ‘&nbsp;<a target=”_blank” href=”‘ . $theme_data->get( ‘AuthorURI’ ) . ‘”>’ . esc_html( $theme_data->get( ‘Author’ ) ) . ‘</a>’

 

見出しタグデザイン

デフォルトでは以下の通り、文字サイズの変化のみですので、好みのデザインのCSSを追記すると良いです。

 

見出しデザインについては以下をご覧ください。

見出し(H2~H5)デザインCSSをまるごとコピペ!4パターン+α
とにかく簡単にコピペで初期の見出しタグを実装する為のラフCSSです。 H2~H5を一度にコピーできるサンプル4バターン、サクっとコピペでも可能です、その他にも見出しサンプルちょっと載せてありますので、それぞれからお好みのデザインの部分を組み...

 

SNS連携とOGP設定

以下をご覧ください。

WordPressでSNS連携プラグインとOGP設定(プラグインなし)
SNS連携、OGP設定機能のないテーマで簡単に実装する方法です。 自身のSNSボタン等は、リンクやメニューなどで簡単に設置できますが、シェアボタンを表示するにはシンプルで便利なプラグインがあります。 OGP設定は、function.phpへ...

日本語対応のテーマは以下をご覧ください。

完全日本語の無料テーマおすすめ15選 機能と速度まとめ-2024年
完全日本語対応(国内の企業様や個人様)の無料テーマに絞って探し、実際にダウンロードして使ってみて、機能とスピードをまとめています。 お勧めは? ズバリ、最初にお勧めを書きます。 1位:Cocoon ブログからビジネスサイトまで対応可能。アフ...
AMP対応で簡単にAMP化できる日本語無料テーマ7選と設定方法
無料の日本語テーマをまとめた記事と被りますが、今回は「AMP」対応しているものに絞ってまとめています。 その他の日本語テーマは以下も参考にして下さい。 AMPって? AMP化とは、簡単に言えばモバイル(スマホやタブレット)での高速化対応です...
人気の有料テーマ JIN・SANGO・AFFINGER5 WINGの特徴と価格比較まとめ
実際に使っている、または、触ったことのある有料テーマ「JIN」、「SANGO」、「AFFINGER5」の比較と特徴などのまとめです。 そもそもテーマの選び方に迷われている場合は、以下も参考にして下さい。 無料テーマについては以下をご覧くださ...
綾糸: 綾糸 主婦 1990年代、汎用機時代のエンジニア 趣味で長くやっていたweb制作は、未だにエディタでの手コーティング 現在は自宅でゆるりとweb制作やライターをしています