WordPressテーマをゼロから作った場合のWordPress特有の画像の回り込みやキャプションに関するCSSを実装する。大宮経済新聞ライター日記7FユーザーインタビューWeb制作やWebサービスやITネタメディアに紹介されました話題になっているタグ利用料金アクセスお問い合わせ予約・申し込み会議室の予約フォームオープンスペースの仮予約フォーム月額会員の仮申込フォーム見学の仮予約フォーム月額会員向け同伴者申請フォーム月額会員の退会申請フォームWordPressテーマをゼロから作った場合のWordPress特有の画像の回り込みやキャプションに関するCSSを実装する。HOMEWeb制作やWebサービスやITネタWordPressテーマをゼロから作った場合のWordPress特有の画像の回り込みやキャプションに関するCSSを実装する。WordPressTweetこんにちは。コワーキングスペース7Fの星野邦敏です。このコワーキングスペース7FのWebサイトは、WordPressで作っているのですが、既存のWordPressを使わずにHTML、CSS、JavaScriptなどの静的ファイルをWordPressテーマ化しています。このWordPressテーマ化の時、注意点としていくつかあると思うのですが、そのうちの一つとして、「WordPressはデフォルトでは独特なidやclassを勝手に付ける」ということです。これは便利な時もある反面、要らないよねという時もあるかもしれません。これらのidやclassを消すにはfunctions.phpに特定のコードを書く等が必要です。多くの場合は、WordPressの仕様に基づき、これらのidやclassに合わせてCSSを書くという流れで、上手く付き合っていく方がスムーズなのではないかなと思います。その中で、例えば、画像の回り込みをさせる場合や、画像にキャプションを付ける場合も、決まった規則に基いてidやclassが付きます。WordPressで記事に写真を貼る時には、投稿や固定ページから、「メディアを追加」をクリックして画像をアップロードします。この時に、画像を左回り込み・右回り込みさせる場合もあり、また補足文章を書く形でキャプション文章を付ける場合もあると思います。学生スタッフが大学を卒業して就職したり留学したりして少なくなって、現在はフリーランスや子育て中のお母さんが中心になってきたので、スタッフメンバー構成として、急募ではありませんが、もし良い人がいたら大学生や専門学校生のアルバイトスタッフを入れようと思っています。そのために、何人かの大学生スタッフに、コワーキングスペース7Fでアルバイトスタッフをして良かったこと等を書いてもらっています。7F立ち上げ当初からスタッフとして関わってもらっているカナエちゃんのインタビュー記事ができたのですが、この写真の回り込み、キャプションなどは、CSSで実装します。コワーキングスペース7FWordPressでは、画像の左回りの時はalign=”alignleft”、画像の右回りの時はalign=”alignright”というclassが付きますし、キャプションを付けると、class=”wp-caption”、class=”wp-caption-text”というclassが付きます。具体的な出力HTMLは、以下のようになります。従いまして、これらのclassに合わせて、CSSを書くとスムーズかと思います。これらのCSSが無いと、HTMLでは書かれているけどCSSは書かれていないということで、管理画面から画像の左回り・右回り・キャプションを付けても、反応しないという形になると思います。alt="イベントPOP。Illustratorでイラストを描いたりWebサイトも作れるようになりました。class="wp-caption-text">イベントPOP。Illustratorでイラストを描いたりWebサイトも作れるようになりました。</p></div>ちなみに、このコワーキングスペース7Fで書いたCSSは以下の通りです。CSSを書くファイルはstyle.cssやheader.phpにCSSファイルを紐付ける形などに書いたら良いかなと思います。0;}以上となります。あと数名の学生アルバイトスタッフのインタビューを載せて、コワーキングスペース7Fスタッフ応募のフォームも整えていく予定です。いわゆる普通のアルバイトとは異なる経験をしたいと考えているような大学生や専門学校生のスタッフをあと1名または2名アルバイトとして増やしたいと思っています。コワーキングスペース7F今は以下の応募フォームしかないのですが、もしご興味がありましたら、お問い合わせください。星野邦敏(星野邦敏の記事一覧)コワーキングスペース7Fの運営代表者です。7Fの運営会社である株式会社コミュニティコムの代表取締役でもあります。2012年12月1日に7Fがオープンしてから2014年4月末まで店長も兼ねていましたので、外出予定が無い日は基本毎日いましたが、現在は店長を任せ、オーナー兼利用者となりました。今はもともとの本業のITの仕事と、コワーキングスペースに絡んだ創業支援や地域おこしの仕事が中心です。下のフロアを増床することになり、シェアオフィス6Fと貸会議室6Fの運営もしています。趣味は自分の思い付いたWebサービスを自分で自由に開発することです。週1回程度でメールマガジンにて、コワーキングスペース7Fのイベントや勉強会情報や近況、Web関係や地域情報などを配信しています。Twitterコワーキングスペース7Fについて埼玉県さいたま市の大宮駅東口徒歩1分の場所にあるコワーキングスペース「7F(ナナエフ)」です。仕事やスキルが共有できる場、同じ空間を共有することで、それぞれの経験を活かした交流やコラボレーションが生まれる場を目指します。メールマガジン週1回程度でメールマガジンにて、イベントや勉強会の情報、コワーキングスペース7Fの近況を報告しています。(年中無休)利用料金2時間利用:500円(税込)1日利用:1,000円(税込)月額会員:9,000円(税別)月額会員は土・日・祝のみ使える5,300円(税別)のプランもあります。詳細はご利用料金のページをご覧ください。株式会社コミュニティコム。