![Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/af55c15d1a8432ab2ad327d32635833d4edc8d2c/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-31.fc2.com%2Fe%2F0%2F1%2Fe0166%2F201103250057.jpg)
ワードプレスなどで、写真を左寄せ(または右寄せ)したとき、 文章を回りこませないようにする方法です。 商品紹介や営業所案内などで使うとすっきり見せられます。 ■サンプル 花見山公園とは 花見山公園(はなみやまこうえん)は、福島県福島市にある花卉園芸農家の私有地の名称。市街地の南東、阿武隈川右岸の丘陵地中腹の渡利地区にある。所有者が公園として市民に無料開放しており、特に春の花見シーズンには、多くの観光客を集めている。 同公園周辺の農家も花卉園芸を行っており、地区一帯で花が咲き誇るため、「花見山」は地区全体の総称としても使用されている。 概要 花見山公園およびその周辺は花卉園芸を行っている私有地であるため、一般的な春の花見の風景とは異なる様々な特徴を持つ。 春には、切花出荷用の東海桜を初め、梅、桃、ソメイヨシノ、レンギョウ、ボケ、サンシュユ、モクレンそしてツバキ等が花見山公園のみならず
Photoshopでさまざまな図形を描くには 正方形や正円、そして三角形や多角形、星型もPhotoshopを使うことで簡単に描けます。Tips「[写真加工]Photoshopで図形を描いて色を塗るには」では、四角形や楕円を描きましたが、本稿ではもっと多くの形を描いてみましょう。 正方形の描画 最初に、新規にファイルを作成します。次に、[範囲選択ツール]を選択してください。そして、キャンバス上でドラッグ&ドロップするときに[Shift]キーを押しながら図形を描いてみてください。すると正方形を描くことができます(図1)。
Photoshopで図形を描いて色を塗るには:D89 デザインTips - デザインのハウツーテクニック集(2)(1/3 ページ) このTipsでは、図形の描画や着色に関して学びます。Tips「[写真加工]Photoshopで新しくファイルを作るには」を参考に、最初に、下記設定でファイルを新規作成しておいてください。 [幅] 512 pixel [高さ] 512 pixel [解像度] 72 pixel/inch [カラーモード] RGBカラー 8bit [カンバスカラー] 白 [選択範囲]を使って四角形と丸を描いてみましょう。 [範囲選択ツール]と[塗りつぶしツール] まずは、ツールを紹介します。図1を見てください。 Aが[範囲選択ツール]、Bが[塗りつぶしツール]です。どちらもそのアイコンの上で右クリックができるので、中身を確認してみてください。 [範囲選択]で四角形を描く まずは、四
WordPressのショートコードの基本的なものから実用的なものまでのチュートリアルをSmashing Magazineから紹介します。 Mastering WordPress Shortcodes シンプルなショートコード 最初はお約束の「Hello, World!」の表示。 functions.php function hello() { return 'Hello, World!'; } add_shortcode('hw', 'hello'); WordPressに記述するショートコード [hw] URLを表示するショートコード リンクのhrefからURLを取得して表示。 functions.php function myUrl($atts, $content = null) { extract(shortcode_atts(array( "href" => 'http://' )
昨日、自作テーマ公開のエントリー『PHPの分からない初心者向けの自作WordPressテーマ”mypace custom”を配布』を公開しましたが、その後記事を読んでいただいた某師匠様より、 基本的にオープンソース系のライセンスは再配布に制限があるとまずいのでGPLじゃなくて、クリエイティブ・コモンズ系のライセンスにそーっと変えておくのがいいかも というアドバイスを頂いたので、一応調べたつもりだったんだけどもう一度ちゃんと調べてみました! まず「GPL」と「クリエイティブ・コモンズ」の違いについて。 厳密な説明は、公式サイトや諸先輩方のブログ等に詳細に書かれていますのでそちらをあたっていただくとして、自分がどう理解したか、という点だけ書いておきます。 GPLの特徴として、 著作権表示を残すこと 無保証であること 誰でも自由に複製・改変・頒布することが許可されていること GPLなものを改造し
話題のzen-codingをWordPress で使えるようになるプラグイン、 「WP Zen-Coding」を試してみま した。これ、本当に便利です。 話題のzen-codingをWordPress で使えるようになるプラグイン、 「WP Zen-Coding」を試してみま した。これ、本当に便利です。 確かにコーディングスピードが速く なりそうですよ。 zen-codingって何?と言う方は、Zen-Codingが楽しいという記事をご覧下さい。分かりやすいです。 zen-codingを使うと、タグ入力作業をショートカットの要領で行なう事が出来きます。例えば div#header>div#contents>ul.navigation>li*4>aと打ち、ctr+E(winの場合)で以下のHTMLコードを展開してくれます。 <div id="header"> <div id="conten
#2012.02.04 情報が古くなっていたので少し修正 コレ、ちょとぐぐれば、どこのブログにも書いてある内容で申し訳ないのですが。 ちょうど今、ミスってしまったので覚え書き。 WordPress3.0になってから、「もとあるテーマに手を加えず、子テーマで機能拡張をする」という便利なことができるようになりました。 特に、デフォルトテーマのTwentyTenを下敷きにして子テーマを作れば、難しいPHPの関数のことが分からなくてもそれなりに高機能なテーマが作れてしまったりするものです。 さてさて、子テーマの作成時に画像やCSSやjs等を読み込みたい時ですが、いつもの感じでパスを指定すると親テーマのディレクトリを見に行ってしまうことに今さらながら気付きました。
zb11尊宝不断推出创新理念并保持创新能力奠定了坚实的基础zb11尊宝是中文世界强劲的互联网品牌
海外にも和のテイストが盛り込まれたデザイン壁紙がたくさん作られています。始めから意識して和のデザインを作ったのか?出来たものがたまたま和のテイストに仕上がっていたのか?と言うのは不明ですが、どこか和の要素を感じさせるすばらしい壁紙がいくつかありました。 今回は、その海外でデザインされた和テイストの壁紙を18枚程集めましたのご紹介します。 Wallpaper of the Week #75 – David Mascha ダークな背景にビビットなピンク・グリーンの差し色が印象的。どこか和の雰囲気を感じさせます。 Grunge Wallpaper – Mk 1 モダンでグランジな雰囲気のモチーフと日本語の組み合わせ。色使いのバランスが絶妙。 Katana Wallpaper by zesly キリッとした刀の壁紙。できる男のデスクトップ!というイメージです。 Wallpapers – koi b
WordPress のカスタム投稿タイプでは RSS が配信されておりません。そのため、以下のコードを functions.php に書いて RSS を配信できるようにします。 function custom_post_rss_set($query) { if(is_feed()) { $query->set('post_type', Array( 'post', 'custom-type', 'custom-type2' ) ); return $query; } } add_filter('pre_get_posts', 'custom_post_rss_set'); このコードの変更点は Array() の中の custom-type のところですね。自分の WordPress に news と item というカスタム投稿タイプを作っている時の例は以下になります。
WordPress に有名なボタンはてブ、Twitter、Facebook を表示するコードを作りました。プラグインをインストールする必要はありません。貼り付ければ一瞬で表示することができます。以下に手順を紹介しておきます。 以下のコードをテーマファイルの中にある functions.php にコピペする function socialButton() { ?> <ul > <li class="hatebuButton"><a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>" data-hatena-bookmark-layout="standard" t
2014年7月7日 一部分の改訂版にあたる「WordPressで学ぶPHP ①変数・制御構造編」をKindle本として発売しました。 2014年7月14日 「WordPressで学ぶPHP ②データ構造(配列・オブジェクト)編」をKindle本として発売しました。 2014年8月19日 「WordPressで学ぶPHP ③関数編」をKindle本として発売しました。 「WordPressで学ぶPHPとMySQL」特設ページにお越しいただき、ありがとうございます。 1.本書の内容 WordPressでは、テーマとプラグインをうまく組み合わせれば、さまざまなサイトを製作することができます。 ただ、ちょっと毛色の変わったことをしようとすると、PHPで自力でカスタマイズしなければならなくなる場面も出てきます。 そうなると、PHPが分からない方にとっては、お手上げになってしまいます。 また、標準のテ
ちょっとメモ。 ドメインを新しくするために一定期間旧ドメインと新ドメインで同じ状態で運用していて、旧ドメインから新ドメインにリダイレクトさせる場合、.htaccessで以下のように記述します。 旧ドメイン:old.com(wwwありなし統一されていない) 新ドメイン:new.com(wwwありなしをwwwありに統一する) RewriteEngine On RewriteCond %{HTTP_HOST} ^old.com RewriteRule ^(.*)$ http://www.new.com/$1 [R=301,L] RewriteCond %{HTTP_HOST} ^www.old.com RewriteRule ^(.*)$ http://www.new.com/$1 [R=301,L] 新ドメインのwwwありなしをwwwありに統一するには、以下を追記。 RewriteCond %
Helpful Resources WordPress Video Tutorials WPBeginner’s WordPress 101 video tutorials will teach you how to create and manage your own site(s) for FREE. WPBeginner Facebook Group Get our WordPress experts and community of 95,000+ smart website owners (it's free). WordPress Glossary WPBeginner’s WordPress Glossary lists and explain the most commonly used terms in WordPress tutorials. Premium WordP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く