集客を目的としたWebデザイン、制作の方法を紹介します。

2014年11月の記事

 Media Queriesとは、「ブラウザの表示領域」や「端末の画面サイズ」など閲覧環境の条件に応じてスタイルを振り分けるCSS3の機能です。 スクリプトを用いなくてもサイトをパソコンやスマートフォンで見るときのデザインを簡単に適用できます。 従来の方法とCSS3の違い 従来の方法  以下…

966 Views

 レスポンシブなWebサイトを作る場合、スマートフォンやタブレットでも正しく表示できるかテストします。 テスト環境を作るだけでも大変な作業量です。 しかし、安心してリリースするために必ずチェックしましょう。 ブラウザチェック  実機に近い状態でチェックできるブラウザがあります。 ただし、P…

410 Views

 サムネイル画像と本文を抜粋し、一覧として表示するWordpressサイトをよく見かけます。 当サイトも、トップページに新着記事の抜粋を一覧として表示しています。 この本文を抜粋するコードについて紹介します。 コード  WordPress投稿記事の本文から記事を抜粋します。 以…

706 Views

 headerタグにOGPを記述したところ、JetPackがfacebookへ自動投稿しなくなってしまいました。 前回当サイトで紹介したwordpressプラグインを使わないOGPの記述方法。 →OGPをwordpressにプラグイン無しに設置する 原因  JetPackにfac…

461 Views

  • 投稿日:2014/11/22
  • カテゴリー:

 スペースで区切られた文字列を、phpの関数によって分割します。 preg_splitを使用すれば、指定した正規表現によって文字列を分割し、配列を作ってくれます。 どんなとき役に立つか?  サイトに検索フォームを設置したとします。 検索フォームに入力された文字列をスペースで区切り、検索条件の…

942 Views

 WordPressでは、内部SEOのためページごとに適切なタイトルを出力する必要があります。 タイトルタグは、検索順位や検索結果に大きく影響します。 一般的な記述例 WordPressでは、タイトルの重複を避ける為、多くのサイトでは以下のように記述します。 [html autoli…

466 Views

facebookなどのソーシャルボタンを押された時に、記事の写真やタイトル・説明文が表示されます。 全てのページに、自動でOGP情報を書き出すコードを紹介します。 OGPとは? OGPは「Open Graph Protocol(オープン・グラフ・プロトコル)」の略です。SNS(主にFacebo…

494 Views

wordpressは、もともとコメント機能を持っています。 しかし、通常のコメント機能ではなく、facebookのコメントを、ホームページに設置することもできます。 完成イメージ 準備 Facebookコメントを使うメリット 手順 準備 まだ…

586 Views

 facebookのアカウントを取得しましたら、デベロッパー登録を行いましょう。 Webサイトに使えるツールやドックが無料で使用できます。 手順 ①デベロッパーページを表示します。  →Facebook開発者ページ ②「+Add a New App」ボタンをクリックします。 …

675 Views

 ホームページやブログにLINEボタンを設置します。 閲覧者がこのボタンをタップすれば、LINEアプリが起動し※、簡単にLINEで情報をシェアできます。 ※閲覧者のスマートフォンに予めLineアプリがインストールさている場合のみです。 完成イメージ 以下のようにオリジナル画像を使用し…

603 Views

プロフィール

名前:イワサキ ユウタ 職業:システムエンジニア、ウェブマスター 誕生:1986年生まれ 出身:静岡県 特技:ウッドベース 略歴 2008年04月 金融機関系I

最近の投稿
人気記事
カテゴリー
広告