はてなブックマーク

突然ですが、ホームページなどのコーディング中に下の画像のような状況になった覚えがある方って結構いるんじゃないでしょうか。 例えばお知らせ一覧ページなど、ホームページ公開直後などは記事数が足りずコンテンツ量がまだ少なかったりします。 “コンテンツ量が少ない＝ブラウザ全体の高さに対してコンテンツの高さが足りない”という状態のため、フッターの下に余白ができてしまうわけです。 フッターが浮いた感じもしますし、ほかのページとのレイアウトと同じく画面下部に表示されるようにしたいですよね。 そこで今回は、フッターの表示方法について記事を書いていきたいと思います。 「position:fixed」で固定しちゃえば即解決？ 要素を固定する方法として「position:fixed」を指定するという方法があります。 フッター領域に「position:fixed」を指定すれば即解決するんじゃ？という案もひとつあり

今回のブログは特定の投稿機能に関するユーザー権限について。 WordPressでホームページ制作を行った際、制作会社とクライアントで管理画面を共有する場面もあるかと思います。 また、「クライアント用のアカウントではブログやお知らせなどの投稿機能のみ触れるようにしたい」といった場合もありますよね。 管理画面内にある投稿機能を利用できるようにする場合は、ユーザー内の権限を「投稿者」にすることで制約できます。 しかし、特定の投稿機能だけ権限を与えたい場合はこの方法では実現できません。 たとえば、上の画像の「お知らせ専用投稿ユーザー」のように、カスタム投稿タイプで作成した特定の投稿機能のみの権限を付与したい場合。 これは、functions.phpとプラグインを利用して実装する方法があります。 なぜ投稿機能単位で権限を付与できないの？ 投稿機能の権限はデフォルトですべて「post」という権限が付与

「固定ページ(page.php)編」と「 アーカイブ(archive.php)編 &」、「投稿テンプレート(single.php)編」に分けて、それぞれの実装までの流れを解説していきたいと思います。 管理画面からプラグイン「WP-PageNavi」をインストール まずは共通事項であるプラグインのインストールから説明していきます。 WordPress管理画面パネル内「プラグイン」から「WP-PageNavi」をインストール&有効化しましょう。 有効化するとパネルメニューの「設定」の中に「PageNavi」が出現。 設定画面では１ページあたりに表示させる記事数や、「前のページ用テキスト」「次のページ用テキスト」などの表記を編集することができます。 PageNaviの基本的な使い方 ページネーションを表示させたい場所に を、記述。 これが基本の使い方ですが、このままですとPageNaviを使用す

本日は「Cotnact form 7」の機能について簡単におさらいしつつ、応用編として今回のメインテーマでもある「カスタムフィールドの値を反映させる方法」にフォーカスしていきたいと思います。 Contact form 7について簡単におさらい まずは「Contact form 7」の基本機能について。 お問い合わせの項目をカスタマイズする「フォーム」、お問い合わせがあった際、その内容の送り先やテキストのテンプレートをカスタマイズできる「メール」、お問い合わせ内容送信後や、入力エラーの際などに表示させたいテキストをカスタマイズできる「メッセージ」、独自タグなどの作成が可能な「その他の設定」に分けられています。 メールタグを使えば、入力した情報を自動返信メールなどに反映することができます。 フォームに入力された内容をメールの中に反映させる方法はこれでわかりましたね。 カスタムフィールドの値をメ

アンカーリンクを使ってページ内リンクを行う最、ヘッダーを固定にしていると思い通りの動きをしてくれないことがあります。 これは、アンカーリンクのジャンプ先がブラウザ上部を基点に表示されるためです。 ヘッダーは固定のままにしたいですが、スクロールするコンテンツが隠れてしまうのは避けたいところ。コンテンツがヘッダーの高さ分下に表示されればちょうどいいですよね。 これを解消する方法として「CSSに記述する方法」と「jQueryを使う方法」があります。 内容的には比較的易しめなものですが、アンカーリンクがずれてしまう現象って割と発生しやすいものかなと思いましたので、今回のブログで取り上げていこうと思います。

SEOを意識してコンテンツを作る際に、どのような観点からコンテンツを考えれば良いのでしょうか。その答えは、そもそもなぜユーザーはGoogleなどの検索エンジンを使うのかということを考えると見えてきます。一言で表現するなら、「自分が抱えている何かしらの悩みや問題を解決したいから」と言えるでしょう。ユーザーが行う検索という行為の裏側には、明確な意図があるのです。自社のWEBサイトやWEBサービスのペルソナが抱える具体的な悩みや問題について想像を働かせて、その検索意図を知ることが、SEO対策につながるコンテンツ作りの第一歩になります。 検索意図によって、「取引型」「情報収集型」「案内型」と3つのキーワード群に分類することができます。その分類に従って、「顧客育成を目的としたコンテンツ構成」にするのか、「情報整理を目的としたコンテンツ構成」にするのか、コンテンツ戦略を分けて考えていく必要があります。

WEBサイトのコンテンツをより分かりやすく、より伝わりやすくするためのデザイン設計方法として注目を集めているコンテンツファーストですが、従来のWEB制作との違いを実践できるレベルで理解できていない方も多いと思います。 そこで本稿では、コンテンツファーストという考え方が、従来のWEB制作とどのような違いを持っているのかの説明から、その実践方法までご紹介していきます。 従来の制作フローとコンテンツファーストの制作フローの違い コンテンツファーストを用いるか否かで、WEB制作のフローは大きく異なります。 両者の違いを比較するために、フロー図を交えながら確認していきましょう。 従来のWEB制作フロー これまで一般的とされてきたWEB制作フローは「デザイン先行型」といえるものでした。 図のように、早い段階でワイヤーフレーム（ページレイアウトの骨組み）を決定し、そこにいれるコンテンツ（文章）を考えてい

<meta name="viewport" content="width=device-width,initial-scale=1.0"> ※initial-scaleなどの意味についてはたくさんの記事で紹介されているので、割愛しますね

iPhone用のSafariは、Viewport（PCでいうウィンドウサイズ）という概念を持っていて、

MTを利用してホームページを構築する場合、便利なのが自分で専用の入力欄が作れる「カスタムフィールド」ですよね。 しかし、この「カスタムフィールド」は非商用版・有料版でしか利用できないので、MTOSを利用してホームページを構築されて悔しい思いをしたことのある方もいるんじゃないでしょうか。そこで今回はMTOSでも「カスタムフィールド」を実装できる「AnotherCustomFields」プラグインをご紹介します。※MT5.1対応

次に、以下をホームページ上の表示させたい部分に挿入します。 <?php // モジュールを読み込む require_once("magpierss/rss_fetch.inc"); // キャッシュ期間を秒数にて設定 // 例では30分 define("MAGPIE_CACHE_AGE", 60*30); // キャッシュディレクトリへのパスを設定 // キャッシュディレクトリをchmod 777 (or 707 or 700) define("MAGPIE_CACHE_DIR", "/path/2/cache/"); // 日本語バケないためにOUTPUT_ENCODINGをUTF-8にする define("MAGPIE_OUTPUT_ENCODING","UTF-8"); // 取得したいRSSのurl $url = "http://www.cybergal.jp/?feed=atom

“”（ダブルクォーテーション）を使用することで、複数の単語を一つのフレーズとして検索できます。例えば Movable Type について検索する際、そのまま入力すると 「Movable」と「Type」のAND検索をしていることになってしまうので、 「”Movable Type”」と入力するのが正しい検索方法らしいです。個人的に見てみた限りではあまり検索結果は変わりませんでしたが、稀に異なる検索結果が得られるものもあるので、思い通りの結果が出ないときは試してみると良いかも。

最近、自分のサイトで初めてスマートフォンサイトを導入したのですが、セーノのサイトはさくらのサーバライトプランにPHPを自分でインストールして使っているヘンテコ環境なため、.htaccessやjavascriptを使った表示切り替えが上手く動作しませんでした。

WEB制作全般 WordPressにパスワード保護が効かない！？限定記事（またはページ）を作成する際の注意点