-
Hey guys –
I am really liking Pinboard and I’ve found it to be very flexible. I’ve customized it pretty extensively (including moving the slider into the search header so that it lays out above the main navigation and appears on every page, albeit in static forum on sub-pages).
Here’s my site:
http://www.itinerantangler.com/blog/podcasts/
I am now trying to integrate the BBPress plugin with Pinboard. The problem is the inherited layout.
I’m using a four column system, for the most part. The main BBPress topics pages lay out properly:
http://www.itinerantangler.com/blog/podcasts/boards/board/fly-fishing/
The problem is the profile and forum archive pages.
I’ve figured out that with BBPress you can create a dummy “page.php” file, instead labeling it “forums.php”. BBpress will insert itself into the forums.php file before the page.php file, meaning you can tweak away on the forums.php file and make CSS changes.
However those can only affect so much, because BBPress calls back to its own PHP pages to do things like render the topics list on the Profile pages.
So while I have managed to get past the smooshed up layout BBpress assumes by default via style changes on the forums.php page, it is really a half measure. Here’s the broken layout presently:
http://www.itinerantangler.com/blog/podcasts/boards/
BBPress is the MAJOR forum software for wordpress and it would be awesome if the creators of Pinboard could release an update enabling compatibility.
In the mean time, I’d appreciate any help from anyone who may have encountered this before, or barring that, suggestions for another forum plug in that would be Pinboard-compatible.
Thanks,
ZachI’ve seen several links over to my site from here, so I thought I would post a follow up.
I was able to get Pinboard working with bbPress. Here’s an explanation I sent to someone who wrote me, as well as my custom CSS (some of which will be irrelevant but you can study it and see what I did):
Set Pinboard to 2 content columns, 2 Boxes Sidebar Columns, and 4 Footer Columns. Choose the first (farthest left) “Preferred Layout” option.
Now, this is obviously going to dictate the look of the rest of your site. I got around that by doing a three-tier Multisite layout. It’s not hard to set up but it is a pain in the ass to have to re-install Pinboard and re-set every single option so the site is all the same, but that gives you the flexibility to have multiple different layouts and formats all within the same blog. I actually have one blog running my Blog, Articles, Podcasts, Video and About pages, then a second blog running my Photoblog database (which keeps the posts separate), and then finally the third blog running only bbPress. However, user profiles are integrated in a multisite so people stay logged in throughout the environment.
One more thing to note: I moved the slider feature to my header by putting the slider section of the functions.php file actually in my search.php page, then deleting all other content from search. (My site only has search on the forums page). That makes the slider get called on each page first and you can tweak the menu layout and stuff to make it all appear up top. The only catch is the slider itself only works on the first page of a given blog (so it works on three of my pages). Everywhere else it is a static image, dictated by the oldest image chronologically amongst the slider pictures.
Here’s my CSS:
#slider .entry-title a {
display:none;
}
.flex-direction-nav, .flex-pauseplay {
display:none;
}
#bbpress-forums iframe, #bbpress-forums embed {
max-width: 640px !important;
height: 480px
!important;
margin-left: 0px
!important;
}
fieldset {
border: 0;
}
.fluid-width-video-wrapper {
padding-bottom: 20px !important;
padding-top: 53% !important;
}
.bbp-reply-content {
margin-left: 120px !important;
}
.bbp-topic-content {
margin-left: 120px !important;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
font-size: 15px !important
}
#bbpress-forums {
font-size:14px !important;
}
.bbp-topic-permalink {
font-size: 16px !important;
}.bbp-reply-header a.bbp-reply-permalink {color: #00548c;}
a.button.logout-link {
color:#f1f1f1 !important;
background-color: #111;
}
p {
font-size:14px;
margin-right: 20px;
}
button {
color:#fff !important;
background-color: #555;
padding: 6px 18px !important;
border-style: solid !important;
border-color: #000 !important;
border-width: 1px !important;
border-radius: 5px;
}
input {
border: #9e9e9e 1px solid !important;
border-radius: 5px;
margin: 0 0 8px;
box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .2);
background-color:#FCFCFC;
}
#sidebar-header {
float:none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
border-top: solid 1px #333 !important;
border-bottom: solid 1px #333 !important
}
#sidebar-header a {
padding:0 !important;
}
#bbpress-forums div.bbp-reply-header {
background-color:#c3c3c3;
}
.bbp-admin-links a {
color:#00548c !important;
}.bbp-admin-links a:hover {
color:#d54e21 !important;
}
#bbpress-forums ul.bbp-replies {
border: 1px solid #ccc;
}
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
border-top: 1px solid #ccc;
}
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
color:#666;
}
#bbpress-forums ul.bbp-reply-revision-log img.avatar {
margin-left: 3px;
margin-right: 3px;
}
.entry-content a img {
padding: 0;
margin-bottom: -3px;
}
.wp-editor-container {
border-color: #aaa #aaa #aaa !important;
}
.quicktags-toolbar {
border-bottom: 1px solid #aaa !important;
}
#bbpress-forums ul.bbp-topics {
border: 1px solid #ccc;
}
.bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky {
background-color: #f0f8ff;
!important;
}
#bbpress-forums fieldset.bbp-form {
border: 1px solid #ccc;
}
#bbp_topic_title {
box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .2);
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
box-shadow: inset 1px 1px 20px rgba(0, 0, 0, .2);
}
input#bbp_topic_tags {
box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .2);
}
.bbp-forum-title {
font-weight:400 !important;
margin-left: 0px !important;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
background-color: #f3f3f3;
}
#access {
background: #333 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#access ul {
padding-left: 35px;
}
#bbpress-forums li.bbp-header {
background: #f1f1f1 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
border-top: none !important;
width: 100%;
}
#footer-area {
background: #333 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
}
.entry-content a:hover {
color: #d54e21;
}
.entry-content a img, #attachment-nav a img {
border: none !important;
box-shadow: none !important;
}
.entry-content a:hover img, #attachment-nav a:hover img {
border: none !important;
box-shadow: none !important;
}
.onecol .onecol .entry-summary, .entry-content {
padding: 20px;
}
.entry-title {
margin-left: 20px;
}
.single .entry-title {
margin-left: 0 !important;
margin-bottom: -10px !important;
}
#bbpress-forums li.bbp-body ul.topic {
border-top: 1px solid #eee;
padding-top: 5px !important;
padding-bottom: 0px !important;
padding-left: none !important;
padding-right: none !important;
}
#bbpress-forums p.bbp-topic-meta {
margin: 0px 0 5px;
}
li.bbp-topic-title {
padding-left: 20px;}
#url, #email {text-indent: 0px !important;}a.bbpl_button {width:25px !important;}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {padding-top: 8px;}
#bbpress-forums li.bbp-header {padding-left: 0px !important;}
li.bbp-forum-info {text-indent: 50px;}
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-met {margin: 0px !important;}
#bbpress-forums p.bbp-topic-meta img.avatar {margin-bottom: -3px !important;}
#bbpress-forums div.bbp-template-notice img.avatar {margin-bottom: -3px !important;}li.bbp-header div.bbp-reply-content span#subscription-toggle {margin-right: 10px}
div.bbp-template-notice, #bbpress-forums ul.bbp-replies, #bbpress-forums fieldset.bbp-form {border-radius: 5px !important;}
.quicktags-toolbar {border-top-right-radius: 5px !important; border-top-left-radius: 5px !important;}
#bbpress-forums fieldset.bbp-form input {padding: 3px;}
You must be logged in to reply to this topic.