You are here
Home > WEB制作

HTMLでTableを簡単に作成する方法

html code 画像

毎日暑いですね。めっきり外出が減り、エアコンの毎日です。

今回は、私がちょっと苦手な「HTMLのTable作成」の際に使用しているツールをご紹介します。
これを使うと、テーブルの結合・解除をまるで「EXCELのセル」の様に扱うことができます

続きを読む

0
Pocket

【CSS】2行目以降をインデント(字下げ)する方法

ソースコード 画像

暑い日が続いているので、水分補給はしっかりしましょう。クーラー天国とか言ってるのは私です、ハイ。

今回は「複数行に渡って文章を入力した時」にCSSで文字の頭を揃える(インデント)方法をご紹介します。

続きを読む

0
Pocket

HTML5フレームワーク「Foundation」の使い方

Foundation 使い方 画像1

今手元に来ている制作案件で「PC、スマホとかで見られるように」、「最近ぽく(アバウトすぎると思いません?)」というのがあります。

私、デザイナー系ではございませんので(じゃあ一体何ができるんだよとか言わないで)「何か使えるフレームワークはないかな~」と探していると、いいのが見つかりましたよ!

そのフレームワークの名は、「Foundation」。

今回は「Foundation」を実際に使いながらご紹介したいと思います。

続きを読む

0
Pocket

【WP】ウィジェットでPHPを使える「PHP Code Widget」プライグイン

CODE-PHP 画像

はい。WEB制作以外の事ばかり最近書いていてごめんなさい。WEB制作の記事書きます、書けばいいんでしょ・・・

ワードプレスの機能のひとつ、「ウィジェット」。様々な機能を簡単に追加、削除ができますよね。
ただ、初期状態では問題が・・・それは・・・

PHPが使えない」

結構、これって不便です。
ですので、今回は「ワードプレスのウィジェットでPHPを使う方法」をご紹介します。
続きを読む

2+
Pocket

【WP】WordPress Related Postsプラグインの見出しを変更する方法

ワードプレスプラグイン 画像

関連記事を表示できる便利なプラグイン「WordPress Related Posts」。初期設定だと、見出しのタイトルに「h3」タグが使われています。
このままでは「Table of Contents Plus」などを使用する際に、見出しとして表示されてしまうので、変更することにしました。
そこで、今回は「WordPress Related Postsの見出しを変更する方法」をご紹介します。

続きを読む

1+
Pocket

ワードプレスで入力したタグが削除される場合の対処法

アイキャッチ用

ワードプレスで制作をしていると、「あらら?」という現象に陥りました。
どうやら、ワードプレスの投稿記事内で使用した「script」等の入力したタグが反映されず、削除されているようです。

原因を突き止めた上で、できればプラグインを使用せずに入力したタグ通りに表示させたい。

今回はそんな場合の対処法をご紹介します。

続きを読む

0
Pocket

【CSS】inline-blockの隙間をなくす方法

ブラウザの幅に合わせて自動で均等に配置し、グリッドレイアウトを簡単に作成可能な「inline-block」。
主に「ul>li」でリストを横並びの表示にさせ、グローバルメニューを作成するのに便利。

でも気をつけないと、「余計な隙間」が生まれデザインが崩れてしまいます。
今回はその発生原因と回避方法をご紹介します。

続きを読む

0
Pocket

【WPテーマ】AccessPress Magで投稿記事にページビューを表示させる方法

accessPress-Mag

今回は、ワードプレスの無料テーマ『AccessPress Mag』にて投稿記事にページビューを表示させ、『PRO化しよう第一弾』になります。
(どこまで再現できるかは未定ですが・・・)

続きを読む

0
Pocket

【WPテーマ】AccessPress Magで「続きを読む」を表示させる方法

accessPress-Mag

当サイトでも現在使用中のワードプレス無料テーマ『AccessPress Mag』。

非常に気に入っているのですが、細かい所が惜しい感じ。

今回は「AccessPress Mag」テーマの記事一覧ページで「moreタグ」を記述した箇所に「続きを読む」のリンクを表示させる方法をご紹介します。

今まで気付かなかったのはヒ・ミ・ツです

続きを読む

0
Pocket

【WP】moreタグ後に自動でアドセンスを表示させる方法

アドセンス ロゴ

今回は記事の『続きを読む』をクリックした後にGoogleアドセンスを表示させる方法をご紹介します。

なお、レスポンシブ対応のコードもご紹介しますので、ご参考下さい。

続きを読む

0
Pocket

Top