月: 2018年8月

自家製Wordpressテーマ「pureframe」最低限は完成？

面倒なところはプラグイン頼りだけど、テーマ本体は軽量高速なpureframe

このサイトは格安レンタルサーバーで運用していますが、pureframeを使用することで、PageSpeed Insightsの値は90以上は普通に出ます。

フレームワークにPure.cssを使用して、テーマ本体は、必要最小限の機能だけ組み込んで、一切JavaScriptを使用しないことで高速化しています。

その為、navが貧弱だったりします。

上記のnavやデザインについては、cssを調整することで多くの場合に対応はできるとは思います。

「pureframe」の今後の展開

弊社サポートの顧客向けの利用を１つの目的に開発してきましたが、熟成には時間が必要ですし、対応する時間がなかなか取れなくなっているので、当面は社内利用に留めることになります。

もう1つの目的であったWordpressの理解度を深めることは出来たと思っています。本テーマ開発の経験で、公式公開されているテーマやフリー公開のテーマの利用もより突っ込んで出来るようになりました。

自家製Wordpressテーマ「pureframe」のダウンロード

ダウンロードされる前に以下の事項を見てください。ご了解頂けない場合は、ダウンロードしないでください。

「pureframe」のご利用で生じた如何なる事に対して、弊社は一切の責任を持ちません。

ご利用はあくまでも自己責任でお願いいたします。

また、ご質問・問題を提示頂いても、基本的には対応しません。

以上を理解＆ご了解頂いた上で、試されたい方は、こちら⇒ WordPressテーマ「pureframe」

ご利用にあたり、以下の本サイト用の設定をしていますので、必要に応じてfunctions.phpの修正してください。

  • デフォルトのgoogle-fontを取り除くようにしてあります。
  • カスタム投稿タイプ”ブログ/private_blog”が初期設定されている。
  • Widgetにも”ブログ/private_blog”が初期設定されている。
  • Contact Form 7 を /contactだけで読み込むようにしています。
  • FontAwesome（Version 4.4.0 2016）が組込まれます。

 

 

ホームページ作成・運用 ｜ネットショップ作成・運用については、以下よりお願いいたします。

お気軽にお問合せ下さい
（ご要望の内容如何で、愛媛県以外の事業者様も対応させて頂きます。）

 

ホームページやネットショップで期間限定キャンペーンを表示したい

表示させること自体は、通常のバナー表示と変わりませんので簡単ですが、そこは期間限定バナー

期間を設定して表示したいと思います。

サンプルソースはたくさん転がっていて、楽天市場向けなどは多く公開されています。

WordPressのページで期間限定ナバーを表示

別に楽天市場やYahooショップでの方法と変わりありませんが、制約が少ない分より簡単に表示できます。

ここでは、ウィジェットに簡単コピペできるように、JavaScriptもStyleもhtmlも一緒にしちゃっています。

<script type=”text/javascript”><!–
// イベントの開始、終了設定
var startday = new Date(‘2018/08/10 13:39:00’);
var endday = new Date(‘2018/08/10 13:40:00’);

window.onload = function(){
var today = new Date();
if ( startday < today && today < endday ){
document.getElementById(“pic”).style.display=”block”;
}else{
document.getElementById(“pic”).style.display=”none”;
}
};
// –></script>
<!– ======期間限定キャンペーンバナー======= –>
<style type=”text/css”>
div.limitedBanner{
display:none;
text-align: center;
max-width: 616px;
width: 95%;
padding-bottom:10px;
}
</style>
<div class=”limitedBanner” id=”pic” >
<a href=”クリックしたときのとび先URL” target=”_blank”><img alt=”期間限定キャンペーンバナー” src=”バナー画像のURL” ></a>
</div>

貼り付けたい場所にウィジェットがある場合は、「カスタムHTML」に上記を記述すればOK

但し、SiteGuardのプラグインを有効としている場合、保存に失敗するかもしれません。

その場合は、WordPressのカスタムHTMLやカスタムCSSが保存できない場合の対処

を参考に対処しましょう。