【PHP / JavaScript】コピーライトの年号の表記を書き換えるのが面倒！…そんなとき。
ウェブサイトのフッター部分に、著作権表示で「Copyright © 2011 – 2014 ONZE. All Rights Reserved.」のようにコピーライトを表示させることが多々あると思います。 管理しているサイトが多かったり、複数のサイトをクライアント様に納品したりすると、後々これらを１つずつ更新するのはかなり面倒な作業になってきます。 そこで、PHP または JavaScript を使って年号の表記を自動化してしまいましょう。 PHPを使って年号を自動出力する方法 PHPでは基本的に今年の年号は<?php echo date('Y'); ?>で出力させることができます。 つまり下記のように記述すればOK。 Copyright © 2011 - <?php echo date('Y'); ?> ONZE. All Rights Reserved. 簡単ですね。 JavaScri
PHP で著作権表示の年を自動更新
PHP を使ってサイトの 著作権表示 (コピーライト) の年を自動で更新したいとき、よく用いられるのが以下のようなコードです: © 2001–<?php echo date('Y'); ?> Example.com このコードが埋め込まれたページを 2010 年に見た場合、© 2001–2010 Example.com と出力されます。 これは 2001 年に公開されたサイトの例ですが、ではこれから新しく公開するサイトの場合はどうでしょうか。上記の書式をそのまま当てはめると、たとえば 2010 年に公開されたサイトを同じ年に見た場合、出力結果は © 2010–2010 というおかしなことになってしまいます。 そこで、2010 年の間は © 2010 と表示されて、2011 年になったところで © 2010–2011 と更新されるようにしてみます: © <?php $th
WordPressのグローバルナビを実装する方法
WordPressサイトには、グローバルナビというメインメニューがあるものも多いです。 当サイトで言えば、以下の部分がグローバルナビ。 このグローバルナビとなるHTMLをPHPで出力するだけならば、比較的簡単です。 けれど、グローバルナビのサブメニューなどを一般的なメニュー形式で表示させるのには、ちょっとしたCSSを書くコツが必要です。 このCSSの書き方は、自分でもすぐに忘れてしまうので、今回はメモがてら「グローバルナビの実装方法」を書き記しておこうと思います。 今回実装するのは、以下のようなFlexbox形式のメニューです。 マウスカーソルを乗せると、サブメニューが表示され、一般的なリストダウンメニューライクに動作します。
htmlかcssで、画像と文字を同じ高さで並べたい。 - Webページを作成しています。初心者なのでどなたか教えてください(>_... - Yahoo!知恵袋
こんにちは♪ 添付画像を見てください・ω・)o 画像は、 「高さ」がそのまま上端、下端になりますが、 文字（テキスト）の場合、 「高さ」は、文字の上端から、ベースラインまでで、 ベースラインの下には、 アルファベットの「ｇ」、「y」などが下にはみ出す余白があります。 <img> に対して、 「style="vertical-align: 揃える位置;"」を指定することで、 その <img> をテキストのどこに揃えるか、指定出来ます。 ──────────────────── vertical-align: top; ⇒ テキストの上端に揃える vertical-align: middle; ⇒ 中央に揃える vertical-align: baseline; ⇒ ベースラインに揃える vertical-align: bottom; ⇒ 下余白の下端に揃える ────────────────
記事一覧ページをタイル状に配置する（Twenty Seventeen）－WordPress – 妻と僕。
WordPressの無料テーマ「Twenty Seventeen」の記事一覧ページは、全ての記事をそのままつらつらと並べただけでとにかく見にくいです。「moreタグ」を使って多少はすっきりとできますが、それでもぱっと見どのような記事があるのか分かりにくく、サイトに訪問してくれた方に対して優しいものではありません。 そこで、各記事の情報をコンパクトにまとめて表示し、それをタイル状に敷き詰めることで見やすく、そしてスタイリッシュな記事一覧ページにカスタマイズしたいと思います。 《 目 次 》 今回変更するPHP PHPを子テーマにコピー index.phpとarchive.phpの変更 style.cssへ追記 Masonryの導入とheader.phpの変更 今回変更するPHP 今回手を加えるPHPは「archive」「header」「index」「content」と少し多めです。 ここを見
WordPressの記事一覧にアイキャッチを表示させてみた（＋αで個別記事にも） – PresentNote
やっとできました！ アイキャッチの表示。 アイキャッチとは、その名の通り目をキャッチするためのもので、一般的には画像・写真が使われています。人は写真に注意を惹きつけられてしまう癖があるため、ブログなどの記事に注目してもらうためにこのアイキャッチが有効なのです。 WordPress にも実装されていて、アイキャッチ、またはサムネイルなどと呼ばれています。テーマによってはただ写真をアップロードするだけで表示されるものもありますが、中には自分でカスタマイズしないと表示されないテーマもあります。 ですので、ここでアイキャッチ（サムネイル）の一般的な実装方法について試行錯誤して分かったことをまとめておきたいと思います。 アイキャッチ画像を設定すると、ブログが消えた！？ とにかく、めちゃくちゃ苦労しました。ワードプレスの記事投稿画面に「アイキャッチ画像を設定」という項目があるので、そこから簡単に設定で
テンプレートタグ - WordPress Codex 日本語版
テンプレートタグは、ブログのデータを動的に表示したり、個性的で面白いブログにカスタマイズしたりするときに、テンプレートの中で使います。下記は、WordPress で使える一般ユーザー向けタグの機能別一覧です。 テンプレートタグとテンプレートについての詳しい情報については、次のページをご覧ください。 テンプレートタグ入門 テンプレートタグ大解剖 テンプレートタグへのパラメータの渡し方 （パラメータの使い方の詳細） インクルードタグ （テンプレートファイルを他のテンプレートファイルに読み込むための、下記には載っていないタグ） 条件分岐タグ （ページの状況に応じて処理を変えたいときに使える、下記には載っていないタグ） 関数リファレンス （その他の関数） 非推奨の関数 (非推奨になったその他の関数) テンプレート (テンプレート、テーマ、タグの包括的なリスト) WordPress サイトデザイン
WordPressテンプレートタグ集｜初心者即実践＆仕事で使えるコピペ用
webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ
超倍速でWordPressオリジナルテーマ作成！骨だけ「Bones」の使い方をザックリと
【発表】WP テーマ選びで悩んでる？ 日本語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 「Bones」は、WordPressの「ブランクテーマ」とか、「スターターテーマ」って呼ばれる、カスタマイズ前提のテーマの一つなのだけど、そのカスタマイズのしやすさが他のブランクテーマと比較して圧倒的です。（当人比。ちなみに、その他のブランクテーマは下記リンク先を） 密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ 「Bones＝骨ばっかり」というその名が示す通り、「骨組み」として、自分好みに肉付けしやすく、オリジナルのテーマ作成をビューンとひとっ飛びに高速で進められます。 簡単にまず、優れた特徴をあげてみましょう。 子テーマ不要 よそ様が作ったテーマをカスタマイズする場合、子テーマを用意した方がいいです。直接、元のテーマ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.keni-customize.net/img-mawarikomi-681/
