ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。他にも、ゲーム制作やデータ分析・機械学習/AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。

ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基本 CSSプロパティ一覧［ABC順］ リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

2014年9月23日 Wordpress いつもWordPressでWebサイトを制作する際、お決まりのプラグインばかり利用していてる私です。長年愛され続けているプラグインもいいのですが、最近開発された中でも素敵なものがあるはず！という事で、今年開発されたプラグインで便利で使いやすいプラグインをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ WP Canvas – Shortcodes WordPressのショートコードって本当に便利ですよね。小難しい機能も簡単に挿入・表示できます。WP Canvas – Shortcodesはそんなショートコードを使ってアコーディオンやタブ、Googleマップ、ボタン等様々な要素を表示できます。 期限を指定してカウントダウンを表示したり…。 [wc_countdown date="Sep 28, 2014, 12:00:00 AM" fo

2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P

今回は【WordPressではじめてテーマをカスタマイズ・自作するときありがちなに10のつまずき】ということで、テーマをカスタマイズや自作していく際、まず最初につまずくであろうポイントを10個、できるだけ簡単にわかりやすく解説してみました。 全部私が実際最初につまずいたポイントなので、きっとはじめてカスタマイズするかたのお役にたてるはず…！ テーマカスタマイズの基礎の基礎編です。 テーマファイルを開いてみて、なにがわからないのかすらわからなくてカスタマイズを断念した、というような方にぜひ見ていただきたいエントリーです。 ざっくり概要がつかめれば、「なにがわからないのかわからない状態」が解消されるので、あとは自分で調べて理解していけるようになるんじゃないかな、と思います。 とりあえず一から作るのは大変だから既存テーマをいじって勉強したい。 今使ってるテーマのヘッダーをオリジナルの画像にしたり

そもそも、WordPressとは何なのか？WordPressを始めるために必要なものや、WordPressを使うメリット・デメリットについて知っておきましょう。

仕事でWordPressを使ったサイトを構築して、home.phpをサイト全体のトップページにして、blog.phpという固定ページをブログのトップにしたいなーと思って、行き詰まったり解決したりしたまとめです。同じようなことしてる方はいっぱいいると思うんですが、メモをかねて。 2013/3/25追記 このエントリはquery_postsを使った方法を紹介しています。 query_postsを捨てよ、pre_get_postsを使おう | notnil creation weblog その後こちらの記事を拝見し、非推奨な書き方をしていたことに気がつきまして、ご迷惑をおかけして非常に申し訳ありません。これもきっとpre_get_postsで出来るんだ！とがんばってみたのですが、固定ページのループへの作用のさせ方がわからず…。 どなたか、参考になる記事などご存知でしたら教えていただけると嬉しいで

自分の環境で試したいことがあって、WordPressのDBにオリジナルのテーブルって作れるのかなーということについて調べたことをメモとしてまとめておきます。個人的に何か試すときの参考のひとつになれば、というようなスタンスで見ていただけると有難いです！ テーブル設計 まずは構想から。会議室予約みたいなのをやりたくて。最終的にはWPには不向きだなって思っちゃったんですけど。 テーブル名はrsv_timetableとし、以下のような8つのフィールド名で設定してみます。 id… 登録IDを格納する数値型（オートインクリメント/主キー） name… 名前を格納する文字列型 sect… 所属を格納する文字列型 notes… 備考を格納する文字列型 time_st… 開始日時を格納する日付型 time_end… 終了日時を格納する日付型 cpt_name… 項目名を格納する文字列型 kwd… 削除キーを

MS Office カテゴリ MS Office (105) 関連タグ Access (44) Excel (92) OfficeScripts (2) PowerPoint (8) Python (2) VBA (91) YouTube (6) イラスト (44) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (44) デザイン (15) ブログ (39) 入門 (38) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS

イントラネットで使う会議室予約みたいなのが欲しくて、作ってみたものです。WordPressでも（一応）実装は可能です。PHP初心者が唸りながら書いたものなので、どうぞ参考程度にご覧ください。 目指したもの かばの遊べるCGI こちらで紹介されている「会議室予約」のようなシステムがほしくて、仕様やレイアウトを真似して、PHPで作らせていただきました。既にサイトは閉鎖されており、上記リンクは有志の方による復元サイトのようです。この場にて、厚く御礼申し上げます。 前置き 実は当初、WordPressに組み込んで使おうと企てました。現状、非常に優秀で柔軟性の高いツールやグループウェアがいっぱいあるなか、あえてのWP…(;´Д`) そもそもの依頼の前提が「冒頭の既製品に近いもの」だったことと、使用予定のWebサーバにWordPressを入れるつもりだったことから「これWPのDB使えないかな！　組み込

プラグインに頼らず、思い通りに動作するOGP用のコードを書きました 2012年3月現在、日本のFacebook利用者数が768万人。Google+は200万人。Twitterは3000万人。mixiのユーザー数は2,623万人。（セレージャテクノロジー＆Semiotics調べ） 全てのトラフィックを有効に活用すれば、サイトへのアクセスは何倍にも増えます。 実際にFacebookからの流入が倍増 事実として今回設定するOGPを設置したところ、Facebookからの流入が数倍になったという例が多数報告されています。 せっかく有益な記事を書いたなら、ソーシャルメディアに適切に内容を伝えて、多くの人に見てもらいましょう。 まずは解説 （もう知っているぞという方は読み飛ばしてください。） 「OGPとはなんぞや？」という方のために、簡単に解説します。正式名称はOpen Graph protocol。「

色んなサイトを回らずに済むように、条件分岐タグのまとめを作りました WordPressの条件分岐タグ、とても便利ですね。 「ホームでは別の動作をして欲しい」「サイドバーの要素を変えたい」そんな、ちょっとした要素の変更くらいなら、条件分岐タグで対応できます。 毎日プログラムと格闘する人はCodexを見なくても書けると思いますが、私のように本職がデザイナーだと「あれ？条件分岐って、どうやって書くんだっけ？？」状態に陥ります。そんな時に役立つ、基本も含めたまとめを作りました。 条件分岐の使い方「基本編」 まずは条件分岐について押さえておきたい基本編。 条件分岐とは、簡単に解説すると条件分岐「if」を使って「もし◯◯ならば、◯◯」といった条件を指定することです。具体例はページ下部にあるので、まずは書式から。 1つの条件を指定する方法 if ( 条件1 ){ 条件1に合う場合の処理 } これが1番簡

完成イメージ：SNSシェア数つきソーシャルボタン ソーシャルボタンとして、ツイートボタン、Facebookのいいね！やシェアボタン、Google+1ボタン、はてなブックマーク（はてブ）ボタンに、feedlyやLINEを加えて表示しています。 このブログのソーシャルボタンは日々改良しているため、現時点(2014.9.4)のものを紹介します。 トップページ/ホームや、カテゴリー一覧などでは、下のようにSNSアイコンとカウンタ数を表示しています。 個別投稿記事では、記事上にシンプルなフラットデザイン風のソーシャルボタンを表示しています。もちろんSNSシェアのカウント数付きです。バイラルメディアの普及？により、オリジナルのSNSボタンもクリックされやすくなったと思います。 スマホサイト用のデザインでは、記事上も記事下にも自作のソーシャルボタンを設置しています。スマホサイトではPC以上に表示を高速化

WordPressプラグイン「Popular Posts」で、カテゴリー別のサムネイル画像付き人気記事一覧を表示する方法を紹介します。新着一覧との重複もなしです。訪問別PVアップ、直帰率の低下を期待できます。 ゆめぴょんです。こんちはっ(^^)/ WordPressで人気記事一覧を表示できる「Popular Posts」プラグインについては、過去にも何度か記事にしてきました。下記事も参考にしてみてください。 WordPress Popular Postsでカテゴリ別サムネイルつき人気記事一覧！SEO対策にもWordPress Popular Postsでサムネイル画像付き人気記事一覧の表示方法【WordPress】WPtouchとPopularPostsでスマホにサムネイル付のカテゴリー別人気記事を表示【WordPress】スマホサイトの記事一覧を人気順にした理由と方法！SEO対策にもなる

WordPressプラグインの利用メリットとデメリット はっきり言ってメリットの方が大きいです。いろんな機能をプラグインで簡単に実装できるからこそ、WordPressを使う意義があると思っています。メリットのほんの一部だけ紹介します。 時間短縮：自作する前にすぐ実装できる。機会損失を防げる 知識補完：SEO・高速化など不慣れな人でも複雑機能を設置できる メンテが楽：WordPressバージョンアップ時も作業不要 記事に集中できる：ブログの裏方でなく本質に専念できる しかし何でもプラグインを使うクセがつくと、気づかない間に20、30ものプラグインを有効化してしまっています。簡単な機能でも数が増えれば、次のようなデメリットが生じます。 高速化の阻害：1つ1つは簡単機能でも、数が増えるとさすがに重くなる 更新停止：WordPressのバージョンアップについて来れないと問題発生もありうる 自分の好

ブログって、ページ送りがついてますよね。一覧にも、記事詳細にも。先日気付いたのですが、 記事一覧のページ送りは『右』にいくほど過去になって、詳細ページは『左』にいくほど過去になるサイトが多いのです。 これって何か変じゃない？という疑問をWEB屋の皆さんにぶつけてみましたので、いただいた回答をまとめます。 何が言いたいか よくあるページ送りはこんな感じなんです。 記事一覧のページ送り 記事詳細のページ送り 仮に最新の記事の詳細とします。『次』にあたる記事がない場合こんな感じになっています。 記事一覧は右に行くほど過去なのに、詳細に入ったときにページ送りの方向が変わるのが何か気持ち悪いなぁという事なのです。 （ちなみに、説明上『前の記事』『次の記事』というボタンを置いていますが、普段は記事タイトルを表示させています） 記事詳細のしっくり来るページ送り こっちの方が矛盾がないというか、しっくり来

こんにちは、霙(@xxmiz0rexx)です。完全に個人的な好みですが、WordPress3.8でアドミンバーとサイドバーが繋がって見えるのが気持ち悪くて変更することにしました。 後述するプラグインを試してみたのですが、結局アドミンバーとサイドバーが同じ色になってしまったので functions.phpで直接スタイル指定しました。 記述方法 functions.php内 //管理画面の色変更 function wp_adminbar_color() { echo '<style>#wpadminbar{background:#000;}#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon{color:#f

こんにちは！霙(@xxmiz0rexx)です。WordPressでテーマに手を加える時、大きい変更であればテストサイトやローカルなどで試すのですが、 ほんのちょこっと軽めの変更をしたい時っていちいち面倒なんですよね。。 そんな時に私が愛用しているテンプレートタグがあるのですが、毎回記述方法をど忘れするのでいい加減記事にしますｗ 以前「本番環境でOK！指定したレベルのログインユーザーだけにテーマを反映出来るプラグイン『Theme Test Drive』」という記事でご紹介したテスト用のテーマを表示するプラグインとは違い、 こちらは今まさに本番環境で稼働しているテーマでログインユーザにしか見えないスペースを作ることが可能です。 記述方法

以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 なんでも作者の方はGoogle先生のソースコードを調査し、あのヌルヌル動くスライド部分のアニメーションがJSではなく実はCSS3のtranslateで行われていることを突き止めたんだとか。 CSS – Googleから学ぶ ヌルヌルサクサクなスライドメニュー – Qiita [キータ] スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきや