bootstrapでtableとformを組み合わせてレスポンシブ表示するときの注意

bootstrapはレスポンシブなウェブサイトを作るのにとても便利なcssのフレームワークです。 Bootstrapのサイト 今回は、管理画面に使う入力フォームをレスポンシブ対応で作成したのですが、table要素とfor […]

カスタムフィールドを活用してイベントの日付順に記事の一覧を並べ替える【ワードプレス】

ワードプレスで構築したウェブサイトでイベント情報をわかりやすくお知らせしたい!ということでいろいろ調べたことをメモします。 今回やりたかったこと:イベントのお知らせをするページを作成する。 ・記事の公開した日付ではなく、イベントの日付をメタ情報として設定して一覧を表示する。 ・今日の日付を基準に、イベントの一覧を取得する。できれば過去と未来で分ける ・イベントの日付が近い順番に表示する。 ・日付の表示を日本語にしたい○○○○年○○月○○日

MAMPを導入してPCのローカル環境にワードプレスをインストールする方法

ウェブサイトを公開するときは、htmlやcssなどで作成したファイル群をサーバーにアップロードする必要があるのですが、サーバーにアップロードされたファイルはアクセス制限などをかけない限りは基本的に誰でも閲覧できる状態にな […]

svgファイルを使う前に余白をなくす(イラストレーター)

svgファイルを素材として使用とした時に、いらない余白を取り除いた方法をメモ書きしておきます。 普段イラストレーターほぼ使わないから忘れそうなのでw 最近アイコンにはsvgファイルを使用することが増えてきたなー。 使用バ […]

iPhoneのブラウザでinput要素の角が丸くなってしまう問題

とある午後に当ブログのサイトのコーディングをしていたところ、よし大丈夫!あとはスマホ版 も見てみようってことでiphone6のサファリでサイトを開いてみると違和感が。。 スマホで見た時の検索ボックスの角がやたらと丸いこと […]

ワードプレスの記事にページナビゲーターを導入する(the_post_navigation)

ワードプレスにナビゲーションを表示して次の記事や前の記事へのリンクを簡単に貼り付けることができます。 関数:the_post_navigation( array $args = aray() ) パラメータ $args […]

ワードプレスのテンプレートディレクトリのurlを取得する関数メモ

ワードプレスのテンプレート階層ディレクトリにアクセスする関数を調べていたのでメモ残し。 子テーマを導入す時には子テーマのディレクトリに直接アクセスすることもできるみたい。 現在のテンプレート階層へのURL(親テーマ) & […]

ワードプレスをカスタマイズする時は子テーマが便利

 ワードプレスのテーマを自分好みにカスタマイズする時にはテーマ中のcss部分やhtml部分を修正することがあると思いますが、テーマのアップデートが来た時にうっかりバックアップなしで更新してしまうと綺麗にバージョンアップさ […]

Crayon Syntax Highlighterのテーマ比較一覧

ワードプレスの記事内にソースコードを載せるときに読みやすくするためのプラグイン「Crayon Syntax Highlighter」を導入してみました。 オプションで選択できるテーマがたくさんあったので、今後の参考のため […]

ワードプレスでレスポンシブ対応に画像を設定するために使ったcssコマンド

メモ書き 当ブログ、まだまだ未完成の状態で公開されてしまっているのですが、今日は記事の中の画像がレスポンシブ対応になっておらずスマホなどの幅が狭い画面で表示した時に記事内で使用している画像(特にサイズの大きいもの)が余裕 […]