ブログ

blog

初心者用! これだけは押さえておきたいHTMLタグ

本稿ではHTMLの基礎を解説する。初心者の方にもこれだけは押さえておいていただきたいと思う、学習必須のHTMLタグだ。これさえ覚えておけば、例えば自分が持つサイトの修正なんかも...

WordPressプラグイン『krc-cast-manager』の補足解説

筆者は基本的にアダルトサイトの受注はお断りしているのだが、つい最近、訳あって『krc-cast-manager』という風俗系サイト用のキャスト管理プラグインを使用する機会があっ...

WordPressで「関連記事」を構築したければ『Advanced Custom Fields』の「関連」がオススメ

WordPressでブログサイトを構築するにあたり、singleページ末尾の「関連記事(あわせて読みたい記事)」をどのように出力するかは悩みどころだ。 筆者はこれまで、自作のコ...

シンプルなPHP問い合わせフォームのコードを晒してみる

シンプルなPHPベースの問い合わせフォーム。 筆者はほとんどのサイトをWordPressで構築しているので、『Contact Form 7』などのプラグインを使う機会が多く、あ...

指定のdivやHタグの内側にspanを挟むjQueryテクニック

やりたいこと 例えば「section-head」というclassが付与されたh3タグを見出しとして使っているとしよう。 <h3 class="section-head"&...

時間差で(数秒ずつずらしながら)テキストを順番に出現させるテクニック

記事タイトルの通り。 トップページのメイン画像部分などでしばしば利用されるテクニックだ。 筆者も、「スライドショーを取り入れるほど有効な写真(画像)が複数あるわけではないが、1...

WordPress 任意の場所にて記事アーカイブ(カテゴリー/タグ等)を取得・表示させる方法

WordPressでウィジェット以外の任意の場所(フッターなど)に、記事アーカイブを表示させる方法を解説。 テンプレートファイル内の任意の箇所に、それぞれ以下のように記述してみ...

display:inline-blockで横並びにする際に発生する隙間(余白)を消すベストな方法

リストを横並びで表示したい場合に、display: inline-block;を利用する方も多いだろう。グローバルメニューを構築する際などによく使う。 だが、このテクニックのデ...

ページ内リンクをクリックした時のスクロール位置を、デバイスごとにずらす方法(例:スマホのみ固定ヘッダー)

スクロールしても追随する固定ヘッダーを実装しているサイトの場合、ページ内リンクをクリックした時のスクロール位置は調整する必要がある。対象要素が固定ヘッダーと被ってしまうからだ。...

レスポンシブデザイン用!デバイス毎に改行する・しないを切り替える方法

昨今では一般的になったレスポンシブウェブデザインに関するコードハック。 テキストを読みやすくするうえで考慮すべき改行の位置。パソコンとスマホでは一行に表示できる文字数が異なるた...
ページの先頭へ