Tools CDNサービス「CloudFlare」導入の備忘録 サイトの表示を高速化させたい時、 できます。 ここでは、CDNサービスとして有名かつ無料での利用が可能な「CloudFlare」の導入時に行なった手順を備忘録として残していきます。 CDNとは CDNは、コンテンツ・デリバリー・ネットワーク(Contents Delivery Network)の略称です。 WEB...
Design アイコンWEBフォント「IcoMoon」の使い方 WEB制作を行っていると、アイコンを使いたい時があります。 アイコンを画像で用意すると、 画像が荒く表示されることがある 量が多いとサイトが重たくなってしまう 色やサイズを微調整するときは画像の作り直しとなる等、メンテナンス性が良くない。 といった問題が出てきます。 そんな時に便利なのがです。 ここでは、W...
Server 「FileZilla」を使ってサーバーにFTPファイル転送を行う手順 サーバー契約を行なった時に発行されるFTPアカウント情報。 この情報を使うと、サーバーに直接アクセスすることができます。 サーバーに直接アクセスできるということは、 ファイルのアップロード・ダウンロードを行うことができるということです。 といった場合でも、サーバーの空き容量を使って、 閉じられたサーバー...
css ページ下部に常に固定するメニューバーの作り方 上のキャプチャのように、を紹介します。 「MAIN MENU」「SUB MENU」の部分は横からスライドインするメニューボタンになります。 このスライドインメニューの実現は以下のページを参考にしてください。 https://rmtmhome.com/sp-slidemenu-custom-86 フッター直前の位...
Design WEBフォントを使うメリット・デメリット WEB開発を行っていて、 デザインカスタマイズとしてフォントの埋め込みを希望される方が増えてきています。 フォントの埋め込み、つまりWEBフォントを使用することは、 自分の気に入った書体でページテキスト全体の調整を行うことができるので、 洗練されたサイトを目指す方にとっては非常に魅力的なものです。 しかし、WE...
WordPress WordPressでランダムおすすめ記事一覧を表示する方法 上のキャプチャのように、新着記事一覧とは別にランダムで記事を表示したい時があります。 これを表示することによって、コンテンツは良いのになかなか日の目を拝めなかった記事も表に出てくることができます。 ここでは、PHPとCSSを使ったWordPressでランダムおすすめ記事一覧を表示する方法を見ていきましょう。 テン...
WordPress WordPressで関連記事一覧を表示するサンプルプログラム WordPressで、記事ページ下に関連記事の一覧を表示したい場合があります。 ここでは、プラグインは使わずに、PHPプログラムの記述で関連記事の一覧を表示する方法について見ていきましょう。 関連記事を取得するテンプレートタグ「get_posts」 関連記事を取得するには、「get_posts」テンプレートタグを使い...
css 【CSS】テーブル(<table>)でセルを連結する基本の書き方 テーブルのセルを連結するには、 colspanとrowspanに連結するセル数を設定することで実現できます。 セルの連結を設定する記述 HTML 値 説明 colspan 横方向の連結 rowspan 縦方向の連結 サンプル 横方向のセル連結のサンプル 横方向連結 サンプル サンプル HTML 縦方向のセル連...
WordPress 【WordPressの仕組み】テンプレートファイルの優先順位について WordPressでは、PHPで記述されたテンプレートファイルを組み合わせてHTMLが自動生成します。 その際に適用されるテンプレートは、 テンプレートのファイル名ごとに優先順位がつけられています。 テンプレート優先順位を知っておくことで、 WordPressの設定に関係なくトップページテンプレートを適用させる...
WordPress 【WordPressの仕組み】テンプレートファイルの構成について WordPressでは、 PHPで記述されたテンプレートファイルを組み合わせることによって、 HTMLのWEBページが自動生成されます。 その際、どういった構成でWEBページが生成されるのかをご存知ですか? 構成がわかっていれば、自分の思う通りのWEBサイトをWordPressで実現することができます。 ここで...