これだけ知っていればconcrete5テーマが作れる！PHPコード15
concrete5テーマの作り方の解説は公式サイトのヘルプ「テーマのつくり方」を参照してください。ここでは、基本的なテーマの仕組みが分かっている人向けのチートシートとして、テーマ作成によく使うPHPコードを紹介します。 全テーマファイル共通 <?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?> ↑テーマファイルの先頭に必ず入れるコード elements/header.phpでよく使うコード <?php echo APP_CHARSET; ?> ↑システムのcharsetを出力。<meta charset=”” />タグに使用 <?php Loader::element('header_required'); ?> ↑<head>タグ内に必要なコードを出力。必須 <
Concrete5 のテーマの作成 | Web Design Leaves
Concrete5 で単純なテーマを作成する場合のメモ。このサンプルで作成するテーマは実用的なものではありません。Concrete5 の構造を自分なりに理解するためのものですのであしからず。 フォルダ構成 Concrete5 をインストールすると初期状態ではフォルダ構成は以下のようになっている。 主なフォルダには以下のようなものがある。 blocks: カスタムブロックをここに配置 concrete :コアファイル。CMS自体。この部分は変更してはならない。 config : 設定関連のファイル（site.php にはデータベースの情報が入っている） packages : マニュアルでアドオンをインストールした場合、アドオンをここに配置。 theme : 作成したカスタムテーマをここに配置 updates : Concrete5 の自動アップデート機能が新しいコアファイルをここに配置。 テ
WordPress3.4のテーマカスタマイザーで自由度の高いテーマを作ろう
Posted: 2012.06.20 / Category: WordPress / Tag: テンプレートカスタマイズ, 管理画面 WordPress3.4からテーマカスタマイザーとい機能が追加されテーマファイルを編集しなくても管理画面から色や画像などリアルタイムで確認しながら編集できるようになりました。 この記事ではテーマカスタマイザーの使用方法とカスタマイズ方法をご紹介します。 テーマカスタマイザーの使い方 WordPressの管理画面で左メニュー「外観」→「テーマ」で「テーマ管理画面」を表示し、「カスタマイズ」ボタンをクリックします。 テーマカスタマイザー画面が表示されます。 何も設定していなくても「サイトタイトルとキャッチフレーズ」と「固定フロントページ」という項目があります。 たとえばテーマファイルで下記のように設定してあると、「サイトのタイトル」などの変更箇所がリアルタイムで
WordPress のオリジナルテーマ開発で使用した技術やツールまとめ | WP-E (仮)
どうもどうもお久しぶりでございます、EXP の Hinotan です。私の前回の記事の日付を見てみたら、なんと１年も前だったんですね―。こりゃイカン！ ということで、今回は EXP の WordPress オリジナルテーマ開発で各制作フローごとに使用した技術・ツールなどの紹介をしたいと思います。 目次 チーム開発で必要なドキュメントの策定: GitHub Wiki デザイン: Sketch Page と Artboard の機能 ダミー画像の生成もプラグインでらくらく 環境構築 GitHub Flow でチーム開発 開発マシン: vccw gulp でビルドとコンパイル コーディング Jade でプロトタイピング BEM に準拠した CSS 設計 CSS フレームワークの foundation を Sass でカスタマイズ _s ベースで WordPress へ組み込み 最後に 1. チー
WordPressでさまざまなタイプのかっこいいページが簡単に作成できるカスタマイズ性にも優れたテーマ -Optimizer
ランディングページ、スモールビジネス、ポートフォリオ、ギャラリーなど、企業や個人サイトを簡単に構築できる多目的用のWordPressのテーマファイルを紹介します。 「Optimizer」の名の通り、あらゆるデザインに最適化できるようカスタマイズ性に優れています。 Optimizer Optimizer -WordPressテーマディレクトリ OptimizerにはFree版とPro版があり、Free版ではいくつかの機能が利用できませんが、CC0ライセンスで個人でも商用でも無料で利用できます。 Optimizerのデモ Optimizerの特徴 Optimizerのデモ Optimizerを使うと、本当にいろいろなタイプのページやサイトが作成できます。
ゲームを意識したWordPressテーマ集「30 Superb WordPress Gaming Themes for Game Freaks」
TOP > WordPress > ゲームを意識したWordPressテーマ集「30 Superb WordPress Gaming Themes for Game Freaks」 ゲームに慣れ親しんだ世代が増えるにつれて、さまざまなジャンルのゲームが登場し多種多様なデバイスに展開し多くの人が楽しむものとなっています。今回紹介するのはそんなゲームのWebサイトに絞ったWordPressのテーマ集「30 Superb WordPress Gaming Themes for Game Freaks」です。 Extreme Gaming WordPress Theme | WordPress Themes 2013 海外で人気のFPS(一人称シューティングゲーム)や、スポーツ、シュミレーションゲームなど、さまざまなテーマに合わせたテンプレートが紹介されています。中でも気になったものをピッ
Tags of tumblr.
Text: Tumblr で使えるタグ - 導入 2010-01-20 IntroductionDashboard で Customize をクリックして Theme タブを選択し、Use custom HTML ボタンをクリックすると tumblelog のテーマを自由に編集できるようになる。 この CustomHTML に {…} や {block:…}…{/block:…} 形式の要素を仕込むことで、それらが別の要素に置換される。 例えば <head><title>{Title}</title></head> と書けば、{Title} がページ作成者の設定したページタイトルに置換される。 マークアップに用いる {…} 形式の要素を「変数」、{block:…}…{/block:…} 形式の要素を「ブロック」と呼ぶ。また、ブロック要素に囲まれた部分を「内容」と呼ぶ。 例： <html>
Creating a custom HTML theme | Tumblr
How to create a custom HTML theme Want to create a custom look for your blog? If you’re comfortable hand-coding HTML, then you’ve come to the right place! If not, choose from hundreds of beautiful themes in the Theme Garden. IntroductionTumblr was originally built around seven key post types: text, photos, links, quotes, chat, audio, and video. Starting in 2018, we transitioned most new posts to u
テンプレート階層 - WordPress Codex 日本語版
はじめに WordPress テンプレートはパズルのピースのように組み合わせられ、サイト上で Web ページを表示します。一部のテンプレート（例: ヘッダー・フッターテンプレート）はすべての Web ページ内で使用される一方、他のテンプレートはある条件の下でのみ使用されます。 このドキュメンテーションの目的 このドキュメンテーションは、次の疑問に答えてくれるでしょう。 ある種類のページを表示するとき、どのテンプレートファイルが使われるのか？ このドキュメンテーションの使い方 WordPress 1.5 で「テーマ」機能が導入されて以来、テンプレートはますますカスタマイズしやすくなりました。WordPress テーマを作成するには、WordPress がブログ上の各種ページを表示するためにどのようにテンプレートファイルを選択するのかを正しく理解する必要があります。すでにあるテーマをカスタマイ
WordPressテーマ制作チュートリアル
この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら（あるいは作りこみながら）読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない
Twenty Eleven テーマ内の説明を日本語訳しました
WordPress 3.2 より『Twenty Eleven』が新しいデフォルトテーマとなりましたが、WordPress 3.2.x 日本語版でもソースコードに併記されている説明は諸々の理由で英語のままとなっています。 『Twenty Eleven』は 3.2 の特徴となる機能がいくつも盛り込まれているのに加え、WordPress のテーマを理解する上でとても良いお手本となるものだと思いますので、より理解が深まることも願って、 Twenty Ten に引き続き日本語訳をしてみました。 （ただし例によって突貫工事＋眠気と闘いながら訳しましたので、間違い等ありましたらこっそり教えてくださいね^^;） 翻訳ファイル名一覧 twentyeleven ├404.php ├archive.php ├author.php ├category.php ├comments.php ├content-asid
Ktai Style のテーマ作成と小技8つ
Ktai Style のテーマ作成と小技8つ ※2016-11-10更新 WordPressで構築してるブログを簡単に携帯対応サイトにしてくれる素晴らしいプラグイン、Ktai Style。デフォルトでテーマが用意されてますが、せっかくWordPressでブログを書いてるんですから携帯サイトのデザインもカスタマイズしたくなるところです。 一からテンプレートを作るのでなく既存のものを変更するのなら意外と簡単にできましたので、そのメモです。 はじめに 変更の方法は基本的には公式マニュアル、Ktai Style サイト設定とテンプレートの改造に載ってます。 テーマはデフォルトのテーマを変更するのでなく、独自のテーマを作ってカスタマイズします。 wp-content/plugins/ktai_style/themes から公式テーマをフォルダごとコピーし、wp-content/ktai-themes
最近見かけた色々な「フリーのWordPressテーマ記事」から選んだ素敵なテーマ集
最近見かけるWordPressのテーマ のまとめ記事で気になったテーマを いくつか備忘録的に選んでまとめて みます。本当にクオリティは増すば かりでユーザーにとってはありがたい ですね。 尚、中身を見たものと見てないもの、実際に使ったものと使ってないものが有ります。利用に関しては自己判断なさるようお願いします。 Antlantis Flashのインパクトすごいテーマです。ぬるーっと切り替わる。 Antlantis Boldy フェードインアウトするTOPバナー、プルダウンメニューやサーチボックスにもjsが使われています。 Boldy Imbalance なかなか素敵。ポートフォリオ向けですかね。マウス乗せるとキャプションが表示され、画像は背景に。 Imbalance Shaken Grid 可変式のリキッドレイアウトを実装出来るテーマです。色合いも綺麗ですね。有料版もありますが、こちらは無
[WordPress]ワードプレスで、ブログサイトではない一般的なサイト構築時の9ステップ – devolen
WordPressでブログサイトではなく、CMSとして一般的なサイトを構築する方法 ワードプレスでブログサイトではない、一般的なサイトを構築する際の手順です。 ブログをオリジナルのデザインに変更したい場合にも応用可能です。 WordPressは、html・cssの基本的なことを理解していれば、PHPをそこまで理解していなくとも、 ちょっと考え調べるだけで簡単にカスタムすることが可能です。 Wikipedia には、 WordPress（ワードプレス）はデータベースにMySQLを利用し、PHPで書かれたオープンソースのブログソフトウェアである。 と書かれています。 しかし、ブログだけではなくワードプレスをCMSとして利用し、 個人的なちょっとしたサイトから、しっかりしたコーポレートサイトまで構築することができてしまうので、 興味はあるけど、「まだワードプレスってよくわからない。」「カスタムし
HTMLをWPテーマ化する時の手順リスト
WordPressWPテーマ化手順 一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 唯一の方法では無く、ベーシックな方法です。僕も一度作成してから必要に応じて別のタグを使います。 WPテーマ化手順リストSTEP.1HTMLをindex.php、header.php、footer.php、sidebar.php等に分割。分割に関しては以前の記事をご参照下さい。 以下のインクル
シンプルでかっこいいWordPressのテーマ40+ – creamu
シンプルなWordPressのテーマを探している。 そんなときにおすすめなのが、『40 More Stylish, Minimal and Clean Free WordPress Themes』。シンプルでかっこいいWordPressのテーマ集です。 かっこいものが揃っていますね。 New York New York 余白をおおきく取って、サイドバーを右寄せにしたクールなレイアウト Nameless こちらもシンプルなデザインで、ブログを書きたくなるようなUI Clear Tumblrを思わせるような、モノトーンが際立つデザイン Fifty Fifth Street 吹き出しのアイコンがかわいいテーマ The Standard これはかっこいい。クールなスライドショーのついたテーマ WordPressのテーマを探している方は、一度見てみてください。インストールして、設計を見てみるのもいい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
colorsublime.com
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
コードが見やすく使いやすいSublime Text 2/3のテーマのまとめ
河北鸿源管业集团有限公司